:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#282925;background:#faf9f6;font-size:14px;--line:#e6e2da;--muted:#716c62;accent-color:#665b46}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:inherit;border-radius:8px;padding:10px 16px;min-height:42px}button:hover{background:#eeeae3}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #88744e;outline-offset:3px}::selection{background:#e3d9c6}aside{position:fixed;inset:0 auto 0 0;width:220px;padding:36px 22px;background:#f1eee7;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:20px;font-weight:650;letter-spacing:2px;line-height:1.35;padding:0 14px 38px}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-top:16px}nav{display:grid;gap:6px}nav button{border:0;background:none;text-align:left;display:flex;gap:14px;align-items:center}nav button.active{background:#e2dccf;font-weight:600}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.local{margin-top:auto;line-height:1.9;color:#5c574d;font-size:12px}.local small{font-size:11px}main{margin-left:220px;padding:0 44px 64px;max-width:1800px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:36px 0 28px}h1{font-size:30px;letter-spacing:-.03em;font-weight:600;margin:0 0 10px}p{line-height:1.8;color:var(--muted);margin:0;max-width:72ch}h2{font-size:20px;font-weight:600;margin:0 0 18px}.primary{background:#282925;border-color:#282925;color:white}.primary:hover{background:#45463f}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1;max-width:430px}.toolbar select{min-width:150px}input,select,textarea{padding:11px 13px;border:1px solid #d8d2c7;border-radius:8px;background:white;color:#282925;min-height:44px;max-width:100%}input::placeholder{color:#7e786d}textarea{resize:vertical;min-height:110px;line-height:1.7}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:12px;font-weight:500;color:var(--muted);background:#f7f5f0}td,th{padding:15px 20px;border-bottom:1px solid #eeeae3;white-space:nowrap}tr:last-child td{border:0}td small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.material{display:flex;align-items:center;gap:16px}.material img{width:48px;height:48px;object-fit:contain;background:#f7f5f0;border-radius:8px}.badge{display:inline-block;border-radius:5px;background:#f0ece3;color:#706043;padding:5px 9px;font-size:11px}.badge.reviewed{color:#345849;background:#eaf0e9}.badge.archived{color:#777;background:#eee}.row-edit{border:0;background:none;color:#6a5736;padding:8px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--muted);font-size:12px}.pager div{display:flex;gap:8px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.work img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.work-body{padding:20px}.work h2{margin:0 0 8px;font-size:19px}.work p{font-size:12px;min-height:44px}.work-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.overview{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}.workflow{border-top:1px solid var(--line)}.workflow button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:17px}.workflow small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.panel{background:#f0ece4;padding:28px;border-radius:12px}.panel p+p{margin-top:18px}.empty{padding:70px 25px;border:1px dashed #cfc6b7;text-align:center;border-radius:12px}.empty p{margin:auto}.empty button{margin-top:20px}.service-line{padding:20px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}#notice{color:#7a3f26;padding-top:14px;min-height:20px}dialog{border:0;border-radius:16px;width:min(640px,calc(100% - 32px));max-height:90vh;padding:28px;box-shadow:0 20px 70px #27201430}dialog::backdrop{background:#2229}.edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.edit-head h2{margin:0}#fields{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px}label small{color:var(--muted)}.readonly{padding:14px;background:#f4f1eb;border-radius:8px;line-height:1.8;font-size:12px;overflow-wrap:anywhere}.edit-image{max-width:100%;height:180px;object-fit:contain;margin:auto}footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:12px}footer span{font-size:11px;color:var(--muted)}#form-error{color:#993b28;margin-top:12px}@media(max-width:1050px){main{padding:0 24px 40px;margin-left:180px}aside{width:180px;padding:25px 12px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:1fr;gap:28px}}@media(max-width:650px){aside{position:static;width:auto;padding:16px;border:0}.brand{font-size:15px;padding:0 0 16px}.brand br{display:none}.brand span,.local{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:8px}nav svg{display:none}main{margin:0;padding:0 16px 32px}header{height:60px}.page-head{margin:25px 0;align-items:flex-start}h1{font-size:26px}.gallery{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}td,th{padding:12px}.page-head p{font-size:12px}}
.flow-note{display:flex;gap:16px;align-items:center;background:#eee9df;border-radius:8px;padding:16px 20px;margin-bottom:28px;font-size:13px}.flow-note span{color:#625a4c}.process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.process article{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.step-number{font-size:14px;color:#746244;font-variant-numeric:tabular-nums;padding-top:3px}.process h2{font-size:17px;margin-bottom:8px}.process p{font-size:13px}.flow-section{margin-top:40px}.flow-section h2{font-size:20px}.exceptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.exceptions h3{font-size:15px;margin:0 0 8px}.exceptions p{font-size:13px}.stock-equation{padding:24px 0 8px}.stock-equation h2{font-size:25px}@media(max-width:650px){.process,.exceptions{grid-template-columns:1fr}.flow-note{align-items:flex-start;flex-direction:column;gap:6px}.process article{padding:18px 0}.stock-equation h2{font-size:21px}}
#coupon-create{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}#coupon-create label{min-width:0;align-content:start;gap:8px}#coupon-create input,#coupon-create select{width:100%;min-width:0;height:44px;max-width:none}#coupon-create p{grid-column:1/-1;margin:0;line-height:1.7;color:var(--muted)}#coupon-create>button{justify-self:start}@media(max-width:900px){#coupon-create{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#coupon-create{grid-template-columns:1fr}}
.coupon-channels{grid-column:1/-1;border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-wrap:wrap;gap:14px}.coupon-channels label{display:flex;align-items:center;gap:8px}#coupon-create .coupon-channels input{width:18px;height:18px;min-height:18px}.panel form[data-coupon-issue]{align-items:start;flex-wrap:wrap}.panel form[data-coupon-issue] select{min-height:100px}

#product-form{display:grid;gap:18px;max-width:900px}#product-form label{display:grid;gap:8px}#product-form textarea{min-height:100px}#product-form>button{justify-self:start;min-width:120px}
.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center}.login-page .login-card{box-sizing:border-box;flex:none;width:min(420px,calc(100% - 32px));margin:24px;padding:32px;background:#fff;border:1px solid #e6e0d6;border-radius:20px}.login-card label{display:block;margin:20px 0}.login-card input{box-sizing:border-box;width:100%;margin-top:8px}.login-card .primary{width:100%;min-height:44px}#login-error{color:#a34c3a}#admin-session{font-size:12px;color:#817665}
/* Operations console: consistent density, independent navigation scroll and readable forms. */
aside{padding:24px 16px;overflow-y:auto}.brand{font-size:18px;padding:0 12px 22px}.brand span{margin-top:8px}aside>a{display:block;padding:10px 12px;color:#62543e;text-decoration:none;border-radius:6px}aside>a:hover{background:#e7e1d6}nav{gap:2px;margin:12px 0}nav button{min-height:38px;padding:8px 12px;font-size:13px}.local{padding:16px 12px 0;border-top:1px solid var(--line);margin-top:16px}
main{padding:0 32px 48px}header{height:64px;gap:16px}header>span:first-child{margin-right:auto}.page-head{margin:28px 0 22px;align-items:flex-start}h1{font-size:26px;letter-spacing:0}h2{font-size:18px}.page-head p{font-size:13px;max-width:65ch}.panel{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:20px}.panel .page-head{margin:0}.toolbar{flex-wrap:wrap;align-items:end}.toolbar label{flex:1;min-width:160px}.toolbar input{max-width:none}.toolbar>button{flex-shrink:0}form:not(.toolbar){line-height:1.5}.panel form:not(.toolbar){display:grid;gap:18px}input,select,textarea{width:100%}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;margin:0}label:has(input[type=checkbox]){display:flex!important;align-items:center;gap:10px}form>button{justify-self:start}section+section{margin-top:20px}details{margin:16px 0}summary{cursor:pointer;font-weight:550;line-height:1.6}details[open]>summary{margin-bottom:18px}.editor-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:24px}.editor-panel>.panel{border:0;padding:24px 0 0;margin:0}.numeric{text-align:right;font-variant-numeric:tabular-nums}.wrap{white-space:normal;min-width:200px;max-width:340px;overflow-wrap:anywhere}.list-tools{align-items:center}.list-tools input{flex:1;min-width:220px}.list-tools select{width:180px}.list-tools span{color:var(--muted);font-size:13px}td,th{padding:14px 16px}td button{min-height:34px;padding:7px 12px;font-size:12px}.back{margin-top:24px}.order-card details{padding:18px 0;border-top:1px solid var(--line)}.order-card .toolbar{margin-top:20px}.steps{padding-left:22px;line-height:2.2;color:#514d45}.service-line{gap:20px;flex-wrap:wrap}.service-line span:last-child{text-align:right}.gallery{gap:20px}#notice{font-size:12px;color:#655b4b;min-height:30px}#quality-form{grid-template-columns:repeat(2,minmax(0,1fr))}#quality-form label:has(textarea){grid-column:1/-1}#pricing-form table input{max-width:160px}.muted{color:var(--muted)}
@media(max-width:800px){header{flex-wrap:wrap;height:auto;padding:16px 0}main{padding:0 20px 36px}.page-head{gap:14px}.page-head>button{flex-shrink:0}#quality-form{grid-template-columns:1fr}.panel{padding:20px}.list-tools input{min-width:100%}}
@media(max-width:650px){aside{padding:16px}.brand{padding:0 0 12px}aside>a{display:inline-block;font-size:12px;padding:8px}nav{margin-bottom:0}main{margin-left:0;padding:0 16px 32px}.toolbar label{min-width:100%}.page-head{flex-wrap:wrap}#product-form{gap:16px}.service-line span:last-child{text-align:left}.list-tools select{width:100%}#coupon-create{grid-template-columns:1fr}}
.order-total{display:grid;text-align:right;gap:6px;font-variant-numeric:tabular-nums}.order-total small{color:var(--muted)}.order-total strong{font-size:24px}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0;border-block:1px solid var(--line);padding:16px 0}.order-card h3{font-size:14px;margin:14px 0 8px}.order-item h4{font-size:14px;margin:12px 0}.order-material{padding:10px 0;border-bottom:1px solid var(--line)}.order-material span:last-child{margin-left:auto}.order-material small{display:block;color:var(--muted);margin-top:4px}.order-actions{margin-top:24px;padding-top:8px;border-top:1px solid var(--line)}@media(max-width:650px){.order-grid{grid-template-columns:1fr;gap:12px}}
/* Phone operations retain the full order and action without sideways scrolling. */
@media(max-width:650px){
 .table-wrap:has(.order-table){overflow:visible;background:none;border:0}
 .order-table,.order-table tbody{display:block;min-width:0;width:100%}
 .order-table thead{display:none}
 .order-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 16px;margin-bottom:16px}
 .order-table td:first-child,.order-table td:last-child{grid-column:1/-1}
 .order-table td{display:block;white-space:normal;min-width:0;max-width:none;padding:10px 0;text-align:left;overflow-wrap:anywhere;border:0}
 .order-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
 .order-table td button{width:100%;min-height:44px;font-size:14px}
 .order-card h2{overflow-wrap:anywhere}.order-card .toolbar>button{min-height:44px;flex:1 1 100%}
 .order-total{text-align:left}.order-grid p{overflow-wrap:anywhere}
}

.support-attachment{display:block;max-width:min(100%,480px);max-height:480px;object-fit:contain} .panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}