@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f8fc;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e8ecf2;--primary:#5b5cf0;--primary2:#7c3aed;--success:#16a34a;--danger:#dc2626;--shadow:0 10px 35px rgba(17,24,39,.07)}
*{box-sizing:border-box}html,body{padding:0;margin:0}body.sc-app,body.sc-login{font-size:initial;line-height:1.5}body.sc-app a{text-decoration:none}body.sc-app{margin:0;background:var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--ink)}button,input,select{font:inherit}.sc-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:260px;background:#10121a;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.sc-brand{display:flex;align-items:center;gap:11px;padding:4px 9px 30px}.sc-brand b{display:block;font-size:15px}.sc-brand small{display:block;color:#8f96a6;font-size:10px;margin-top:3px}.logo-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 25px #6366f14d}.logo-mark.small{width:38px;height:38px;border-radius:11px;font-size:12px}.sc-sidebar nav{display:grid;gap:4px}.sc-sidebar a{cursor:pointer;text-decoration:none;color:#9da5b5;padding:12px 13px;border-radius:11px;display:flex;align-items:center;gap:12px;font-size:13px}.sc-sidebar a.active,.sc-sidebar a:hover{background:#202330;color:#fff}.sc-sidebar em{margin-left:auto;font-style:normal;background:#6366f1;border-radius:20px;padding:2px 7px;font-size:10px}.side-bottom{margin-top:auto;display:grid;gap:3px}.sc-main{margin-left:260px;min-height:100vh;padding:25px 30px}.sc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.crumb{font-size:9px;font-weight:700;color:#8b92a1;letter-spacing:1.5px;margin-bottom:6px}.sc-header h2{margin:0;font-size:25px;letter-spacing:-.5px}.profile{display:flex;gap:10px;align-items:center}.profile b{display:block;font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar{width:38px;height:38px;border-radius:12px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-weight:800}.mobile-top{display:none}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.stat-icon{width:35px;height:35px;border-radius:10px;background:#f1f1ff;color:#6366f1;display:grid;place-items:center}.stat strong{display:block;font-size:25px;margin:12px 0 4px}.stat small{color:#16a34a;font-size:10px}.grid2{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.panel h3{margin:0 0 15px;font-size:14px}.chart{height:210px;border-radius:13px;background:linear-gradient(180deg,#fafaff,#fff);display:grid;place-items:center;color:#9ca3af;font-size:11px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button,.primary{border:0!important;background:var(--primary);color:#fff;border-radius:11px;padding:12px;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-head h1{font-size:22px;margin:0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{color:#7b8494;font-weight:600;text-align:left;background:#fafbfc}.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.badge{padding:5px 8px;border-radius:99px;font-size:9px;background:#f1f5f9}.badge.processing{background:#eef2ff;color:#4f46e5}.badge.completed{background:#ecfdf3;color:#15803d}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.panel input,.panel select{width:100%;border:1px solid #dfe4ec;border-radius:11px;padding:12px;outline:none}.form input:focus,.panel input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf615}.form .full{grid-column:1/-1}.action-row{display:flex;gap:8px;flex-wrap:wrap}.outline{background:#fff;border:1px solid #dfe4ec;border-radius:11px;padding:11px 13px;cursor:pointer}.pos-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.scan{width:100%;padding:13px;border:0;border-radius:11px;background:#111827;color:#fff;cursor:pointer}.cart-empty{padding:40px;text-align:center;color:#9ca3af;font-size:12px}.filterbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.filterbar button{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:9px;cursor:pointer;font-size:11px}.toast{position:fixed;right:25px;bottom:25px;background:#111827;color:#fff;padding:12px 16px;border-radius:11px;display:none;z-index:100}.sc-login{margin:0;font-family:Inter,system-ui,sans-serif}.login-bg{min-height:100vh;background:#0d1020;display:grid;place-items:center;position:relative;overflow:hidden}.login-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(50px);opacity:.25}.o1{background:#6366f1;top:-150px;left:-100px}.o2{background:#a855f7;right:-120px;bottom:-160px}.login-card{width:min(430px,92vw);padding:35px;border:1px solid #ffffff1c;border-radius:24px;background:#ffffff0d;backdrop-filter:blur(18px);color:#fff;box-shadow:0 30px 100px #0006}.login-card .logo-mark{margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a5b4fc;font-weight:700}.login-card h1{font-size:31px;margin:8px 0}.login-card>p{color:#a8afc0;font-size:12px;line-height:1.6;margin-bottom:22px}.login-card form{display:grid;gap:10px}.login-card label{font-size:10px;color:#a8afc0}.login-card input[type=text],.login-card input[type=password]{width:100%;padding:13px;border:1px solid #ffffff1c;background:#ffffff0b;color:#fff;border-radius:11px;outline:none}.login-card input[type=submit]{width:100%;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;cursor:pointer}.login-card .login-remember{font-size:10px}.login-note{text-align:center;color:#727b8f;font-size:9px;margin-top:20px}.mobile-top button{background:none;border:0;color:#fff;font-size:20px}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.grid2,.pos-layout{grid-template-columns:1fr}}@media(max-width:700px){.sc-sidebar{transform:translateX(-100%);transition:.2s;width:245px}.sc-sidebar.open{transform:translateX(0)}.sc-main{margin:0;padding:72px 13px 20px}.mobile-top{position:fixed;display:flex;z-index:15;top:0;left:0;right:0;height:58px;background:#10121a;color:#fff;align-items:center;justify-content:space-between;padding:0 15px}.sc-header{margin-bottom:18px}.profile{display:none}.sc-header h2{font-size:20px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:20px}.form{grid-template-columns:1fr}.grid2{margin-top:10px}.panel{padding:14px}.section-head h1{font-size:19px}}