:root{color:#1d2433;background:#f4f6f8;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#18202f;padding:24px 18px}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brandMark{background:#00a884;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.brand small,.topbar p,td small{color:#8d98a8;display:block}nav{gap:8px;display:grid}nav a{color:#c8d0dc;border-radius:8px;padding:12px 14px}nav a.active,nav a:hover{color:#fff;background:#283449}.workspace{padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h1,h2,p{margin:0}h1{font-size:30px}h2{font-size:18px}.userBadge{text-align:right;background:#fff;border:1px solid #dce2e8;border-radius:8px;padding:10px 14px}.userBadge span{color:#657084;font-size:13px;display:block}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metrics div,.panel{background:#fff;border:1px solid #dce2e8;border-radius:8px}.metrics div{padding:18px}.metrics span{color:#657084}.metrics strong{margin-top:8px;font-size:28px;display:block}.panel{margin-bottom:18px;overflow:hidden}.notice{color:#76520b;background:#fff8e5;border:1px solid #f3d07c;border-radius:8px;margin-bottom:18px;padding:12px 16px}.panelHeader{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;padding:16px;display:flex}.panelHeader button,.actions button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.orderForm form{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px;display:grid}input,select{border:1px solid #cfd7df;border-radius:8px;min-width:0;padding:10px 12px}.orderForm button[type=submit]{color:#fff;background:#00a884;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.orderForm button[type=submit]:disabled{cursor:wait;background:#8ccdbd}.tools>div{gap:10px;display:flex}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1120px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:13px 16px}th{color:#657084;background:#fafbfc;font-size:13px}.statusPill{color:#06745d;white-space:nowrap;background:#e8f7f3;border:1px solid #b8e4d7;border-radius:999px;padding:5px 10px;font-size:13px;display:inline-flex}.actions{gap:8px;display:flex}.actions .danger{color:#b42318;background:#fff1f1;border-color:#ffd4d4}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(3,1fr)}.workspace{padding:18px}.topbar{align-items:flex-start;gap:12px}.metrics,.orderForm form{grid-template-columns:1fr}.tools{align-items:stretch;gap:12px;display:grid}.tools>div{display:grid}}