:root{--bg: #f4f5f4;--surface: #fff;--ink: #1e2621;--muted: #6b7770;--brand: #2f7d4f;--border: #e2e4e0;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand);text-decoration:none}button{font:inherit}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#1e2621;color:#cfe0d6;padding:20px 14px}.sidebar .logo{font-weight:800;font-size:18px;color:#fff;margin:6px 10px 20px}.sidebar a{display:block;color:#cfe0d6;padding:9px 10px;border-radius:8px;margin-bottom:2px}.sidebar a.active,.sidebar a:hover{background:#ffffff1a;color:#fff}.main{padding:26px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:22px}.btn{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer}.btn.sm{padding:5px 10px;font-size:13px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi .label{font-size:13px;color:var(--muted)}.kpi .value{font-size:26px;font-weight:800;margin-top:4px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#eef1ef}.tag.pending{background:#fdf0d5;color:#7a5b12}.tag.confirmed{background:#dbe9ff;color:#1e4785}.tag.shipped{background:#e5ddff;color:#4b2e8a}.tag.delivered{background:#ddf1e3;color:#1f6b3a}.tag.cancelled{background:#fbe2e2;color:#8a2b2b}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error{background:#fbe2e2;color:#8a2b2b;padding:9px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}.login-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;width:340px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:var(--radius);padding:22px;width:440px;max-height:90vh;overflow:auto}.muted{color:var(--muted);font-size:13px}