:root{--o:#ff681d;--i:#0b0b0b;--p:#f1eee7;--m:#77736d;--l:rgba(11,11,11,.14);--d:"Be Vietnam Pro",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--b:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--i);font-family:var(--b)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{display:flex;gap:11px;align-items:center;width:max-content}.brand b{display:grid;place-items:center;width:46px;height:46px;background:var(--o);font:900 22px var(--d);transform:skew(-6deg)}.brand span{font:900 16px/.9 var(--d)}.brand.small b{width:40px;height:40px;font-size:19px}.brand.small span{font-size:14px}.eyebrow{margin:0 0 9px;color:var(--o);font-size:9px;font-weight:900;letter-spacing:.16em}.muted{color:var(--m);font-size:11px;line-height:1.6}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--i);background-image:radial-gradient(circle at 80% 20%,rgba(255,104,29,.18),transparent 35%)}.auth-card{width:min(520px,100%);padding:38px;background:var(--p)}.auth-card>.eyebrow{margin-top:38px}.auth-card h1,.pagehead h2,dialog h2{margin:0;font:900 clamp(50px,8vw,84px)/.86 var(--d);letter-spacing:-.04em}.stack{display:grid;gap:13px;margin-top:24px}.stack label,.formgrid label{display:flex;flex-direction:column;gap:7px;font-size:9px;font-weight:900;letter-spacing:.08em}.stack input,.formgrid input,.formgrid select,.formgrid textarea,#orderFilter{width:100%;min-height:44px;border:1px solid var(--l);background:#fff;padding:10px 11px;border-radius:0;outline:none}.stack input:focus,.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}.primary{border:0!important;background:var(--o)!important;color:var(--i)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important}.stack button{min-height:48px}.link{border:0;background:none;color:var(--m);text-decoration:underline}.status:not(:empty){padding:10px;border:1px solid var(--l);font-size:10px;line-height:1.5}header{height:72px;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 26px;background:var(--i);color:#fff}header>div{display:flex;gap:12px;align-items:center;color:#aaa;font-size:9px}header button{min-height:36px;border:1px solid #444;background:none;color:#fff;font-size:8px;font-weight:900}nav{position:sticky;top:72px;z-index:19;display:flex;gap:5px;padding:9px 26px;background:#e7e3da;border-bottom:1px solid var(--l);overflow:auto}nav button,nav a{flex:0 0 auto;min-height:36px;display:flex;align-items:center;border:0;background:none;padding:0 12px;font-size:8px;font-weight:900;letter-spacing:.08em}nav button.active{background:var(--i);color:#fff}nav a{margin-left:auto;border:1px solid var(--l)}.content{max-width:1600px;margin:auto;padding:44px clamp(16px,4vw,58px) 80px}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px}.pagehead h2,dialog h2{font-size:clamp(46px,6vw,72px)}.pagehead>button{min-height:42px;padding:0 14px;border:1px solid var(--l);background:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--l);border:1px solid var(--l)}.metrics article{min-height:135px;padding:20px;background:var(--p);display:flex;flex-direction:column;justify-content:center}.metrics span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--m)}.metrics strong{margin-top:12px;font:900 34px/1 var(--d)}.card{margin-top:16px;padding:22px;border:1px solid var(--l);background:#f8f5ef}.card h3{margin:0 0 10px;font:900 20px var(--d)}.mini{width:100%;display:flex;justify-content:space-between;gap:14px;padding:12px 0;border:0;border-top:1px solid var(--l);background:none;text-align:left;font-size:10px}.tablewrap{overflow:auto;border:1px solid var(--l);background:#f8f5ef}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid var(--l);text-align:left;font-size:9px}th{font-size:8px;color:var(--m);letter-spacing:.1em}tbody tr{cursor:pointer}tbody tr:hover{background:#fff}.pill{display:inline-flex;padding:5px 7px;background:#ddd8cf;font-size:8px;font-weight:900}.pill.new{background:var(--o)}.pill.completed{background:#cce4cf}.pill.cancelled{background:#e8c9c9}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product{border:1px solid var(--l);background:#f8f5ef;overflow:hidden}.product img{width:100%;aspect-ratio:1;object-fit:cover;background:#ddd7cc}.product div{padding:13px}.product h3{margin:0;font:900 20px/1 var(--d)}.product p{margin:7px 0;color:var(--m);font-size:9px}.product button{margin-top:8px;border:0;background:var(--i);color:#fff;padding:8px 10px;font-size:8px;font-weight:900}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.channel{padding:20px;border:1px solid var(--l);background:#f8f5ef}.channel h3{margin:0;font:900 26px var(--d)}.channel p{color:var(--m);font-size:10px}.channel a{font-size:9px;font-weight:900;text-decoration:underline}.note{margin-top:16px;padding:22px;background:var(--i);color:#fff}.note strong{color:var(--o);font:900 22px var(--d)}.note p{max-width:900px;color:#aaa;font-size:10px;line-height:1.7}dialog{width:min(880px,calc(100% - 22px));max-height:calc(100dvh - 22px);padding:0;border:0;background:var(--p);box-shadow:0 30px 100px rgba(0,0,0,.4)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}dialog form,.dialogpad{padding:32px}.x{position:absolute;right:14px;top:12px;width:38px;height:38px;border:1px solid var(--l);background:#fff;font-size:22px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.formgrid textarea{min-height:85px;resize:vertical}.span2{grid-column:1/-1}.check{flex-direction:row!important;align-items:center}.check input{width:auto!important;min-height:auto!important}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.actions>*{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--l);background:none;font-size:9px;font-weight:900}.error{padding:9px;border:1px solid #b52b2b;background:#fff0f0;color:#8f2020;font-size:9px}.orderbox{margin-top:20px;padding:16px;border:1px solid var(--l);background:#f8f5ef}.orderbox p{margin:5px 0;color:var(--m);font-size:10px;line-height:1.5}.orderline{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--l);font-size:9px}#toast{position:fixed;left:50%;bottom:22px;z-index:100;transform:translate(-50%,18px);padding:10px 13px;background:var(--i);color:#fff;opacity:0;transition:.2s;font-size:9px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:1fr}}@media(max-width:650px){.auth-card{padding:28px 20px}header{padding:0 12px}header span{display:none}nav{padding:8px 10px}nav a{margin-left:0}.content{padding:30px 12px 60px}.pagehead{align-items:flex-start;flex-direction:column}.metrics article{min-height:110px;padding:14px}.metrics strong{font-size:29px}.product-grid{grid-template-columns:1fr 1fr;gap:7px}.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;overflow:auto}dialog form,.dialogpad{padding:24px 18px}}