:root{--primary:#4f46e5;--dark:#111827;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#111827,#1e1b4b);color:#fff;position:fixed;inset:0 auto 0 0;padding:20px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;padding:8px 10px 24px}.brand i{font-size:30px}.brand small{display:block;font-size:10px;opacity:.65;font-weight:500}.sidebar nav{overflow:auto}.sidebar a{display:flex;align-items:center;gap:12px;color:#dbe4ff;text-decoration:none;padding:11px 12px;border-radius:10px;margin:2px 0;transition:.2s}.sidebar a:hover{background:rgba(255,255,255,.12);transform:translateX(3px);color:#fff}.nav-title{font-size:10px;letter-spacing:1.5px;color:#818cf8;margin:18px 12px 6px}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:flex;justify-content:space-between;align-items:center}.side-bottom a{margin:0}.main{margin-left:250px;flex:1}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:4}.clock{font-weight:700}.content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h3{margin:0;font-weight:800}.page-head p{margin:4px 0;color:#6b7280}.hero{background:linear-gradient(120deg,#4f46e5,#7c3aed);color:#fff;border-radius:18px;padding:26px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 40px rgba(79,70,229,.2)}.hero h2{font-weight:800}.hero p{margin:0;opacity:.8}.stat,.panel{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.stat{min-height:145px}.stat .icon{font-size:24px;margin-bottom:10px}.stat h3,.stat h4{font-weight:800;margin:4px 0}.panel h5{font-weight:800}.workflow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.workflow span{background:#eef2ff;padding:10px 14px;border-radius:10px;font-weight:700}.quick{display:grid;gap:8px}.quick a{padding:10px 12px;background:#f8fafc;border-radius:9px;text-decoration:none;color:#374151}.table{margin:0}.table thead th{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.checkout{position:sticky;top:84px}.total-box{background:#111827;color:#fff;border-radius:14px;padding:18px;margin:15px 0}.total-box small{opacity:.7}.total-box strong{display:block;font-size:30px}.change{display:flex;justify-content:space-between;background:#ecfdf5;padding:12px;border-radius:9px}.search-results{position:relative;z-index:3}.codebox{background:#111827;color:#d1fae5;padding:18px;border-radius:10px;font-family:monospace;line-height:1.8}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#4f46e5,#111827 55%)}.login-card{width:min(420px,92vw);background:#fff;border-radius:24px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.25);text-align:center}.login-logo{width:68px;height:68px;margin:auto;background:#eef2ff;color:#4f46e5;border-radius:20px;display:grid;place-items:center;font-size:34px}.login-card h2{font-weight:900;margin-top:15px}.login-card h2 span{color:#4f46e5}.login-card>p{color:#6b7280}footer{text-align:center;color:#9ca3af;font-size:12px;padding:24px}@media(max-width:900px){.sidebar{width:72px}.brand span,.sidebar nav a:not(:has(i)),.sidebar nav a{font-size:0;justify-content:center}.sidebar nav a i{font-size:19px}.nav-title,.side-bottom span{display:none}.main{margin-left:72px}.content{padding:16px}.topbar{padding:0 16px}.page-head{gap:10px;align-items:flex-start}.page-head>div:last-child{display:flex;gap:5px}.hero{padding:20px}.hero h2{font-size:20px}}