:root{--ink:#18201f;--muted:#6e7775;--line:#e5e9e7;--paper:#f5f7f6;--brand:#7357f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#121716;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:800;padding:0 10px 28px}.brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#9a8aff,#6144ee)}nav{display:grid;gap:6px}nav a{color:#aab2b0;text-decoration:none;padding:12px;border-radius:9px;font-weight:600}nav a.active,nav a:hover{background:#282e2d;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #303635;padding:16px 8px;color:#9ba5a2;font-size:11px;line-height:2}.side-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#49d38a}.side-foot strong,.side-foot small{display:block;color:#fff}.side-foot small{color:#89928f}main{margin-left:224px;padding:38px 42px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h1{font-size:28px}header>div>p:last-child{color:var(--muted);margin-top:7px}header button{background:#fff;border:1px solid #d9dedc;border-radius:9px;padding:10px 14px;font-weight:700}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8a9491;margin-bottom:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.metrics article>b{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{color:var(--muted);font-size:12px}.metrics strong{color:var(--ink);font-size:22px;margin-top:3px}.metrics small{font-size:10px;color:#98a09e}.violet{background:#eeeaff;color:#7156ed}.amber{background:#fff3d7;color:#d38b10}.green{background:#ddf8e9;color:#218c58}.blue{background:#e2efff;color:#3577cb}.workspace{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.workspace-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.workspace-head p{font-size:11px;color:var(--muted);margin-top:3px}.filters{display:flex;gap:8px}.filters input,.filters select{height:36px;border:1px solid #dfe4e2;background:#fbfcfc;border-radius:8px;padding:0 10px}.search input{border:0;background:transparent;width:210px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:13px 20px;border-bottom:1px solid #eef0ef;text-align:left}th{font-size:10px;color:#8b9492;background:#fafbfb;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#faf9ff}td strong,td small{display:block}td small{font-size:10px;color:#939b99;margin-top:3px}.right{text-align:right}.badge{display:inline-flex;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800}.pending{background:#fff2d5;color:#a76c00}.confirmed{background:#ece7ff;color:#6549cf}.processing{background:#e3f0ff;color:#3475bd}.shipped{background:#def4fa;color:#21768d}.delivered{background:#dff6e9;color:#218053}.cancelled{background:#f3e8e8;color:#9a5050}td button{border:0;border-radius:7px;font-size:20px}.empty{text-align:center;padding:45px}.drawer-layer{position:fixed;inset:0;background:#10151466;display:flex;justify-content:flex-end}.drawer{width:min(440px,100%);height:100%;overflow:auto;background:#fff;padding:25px 26px;box-shadow:-12px 0 40px #1118}.drawer-head{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.drawer-head button{border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.drawer section{padding:20px 0;border-bottom:1px solid var(--line)}.customer p{font-size:11px;color:var(--muted);margin-top:4px}.section-title,.item,.total{display:flex;justify-content:space-between}.drawer label{display:block;margin-top:14px;font-size:10px;font-weight:700}.drawer label select{display:block;width:100%;height:40px;margin-top:7px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.ai-card{margin-top:20px;padding:17px;border-radius:12px;background:#f2efff;border:1px solid #ddd5ff;color:#6247d2}.ai-card small{display:block;font-size:9px;margin-top:4px}.ai-card p{color:#3f385d;line-height:1.5;margin:12px 0}.item{padding:10px 0}.item small,.activity small{display:block;font-size:10px;color:#929a98;margin-top:3px}.total{border-top:1px dashed var(--line);padding-top:14px}.activity{display:flex;gap:12px;min-height:48px;margin-top:12px}.activity i{width:9px;height:9px;border-radius:50%;background:#c8cecc;box-shadow:0 0 0 4px #f1f3f2}.activity i.current{background:var(--brand)}.error{padding:12px;background:#fff1f1;color:#a53d3d;border-radius:9px;margin-bottom:14px}.hidden{display:none!important}@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.workspace-head{align-items:flex-start;gap:15px;flex-direction:column}.filters{flex-wrap:wrap}}@media(max-width:700px){.sidebar{position:static;width:100%;height:auto}.sidebar nav,.side-foot{display:none}main{margin:0;padding:24px 16px}.metrics{grid-template-columns:1fr}.filters{display:grid;width:100%}header>div>p:last-child{display:none}}@media print{.sidebar,header button,.filters,.drawer-layer{display:none!important}main{margin:0;padding:20px}}