@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1020;--panel:#121a2e;--panel2:#17223a;--line:#293550;--text:#edf2ff;--muted:#94a2bd;--lime:#c9f36a;--green:#8de0b0;--red:#ff8d9b;--amber:#f7c873}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'DM Sans',system-ui,sans-serif}a{color:var(--lime);text-decoration:none}button,input,select{font:inherit}input,select{width:100%;background:#0e172a;color:var(--text);border:1px solid #33415c;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--lime)}label{display:grid;gap:6px;color:#a8b5cd;font-size:12px}h1,h2,h3,b,strong{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:27px;letter-spacing:-.8px;margin:0 0 5px}h2{font-size:15px;margin:0 0 6px}p{margin:0 0 10px}.muted{color:var(--muted)}.tiny{font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#172016;font-weight:800;border:0;border-radius:9px;padding:11px 15px;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.04)}.wide{width:100%}.mini{padding:5px 8px;border-radius:6px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#0d1427;border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;gap:21px}.brand{display:flex;align-items:center;gap:10px;color:white;padding:0 8px}.brand b{display:block;font-size:17px}.brand small,.auth-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.2px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--lime),var(--green));color:#182117;display:grid;place-items:center;font-weight:900;font-size:21px}.business-switch{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:5px}.business-switch small,.nav-label{font-size:9px;letter-spacing:1.3px;color:#7383a1;font-weight:800}.business-switch strong{font-size:13px}.business-switch span{font-size:10px;color:var(--green)}.nav-label{padding:0 10px;margin-bottom:-13px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#aab7d0;padding:10px 12px;border-radius:8px;font-size:13px}.sidebar nav a span{width:18px;text-align:center;font-size:16px}.sidebar nav a:hover,.sidebar nav a.active{background:#1b2944;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--lime)}.side-bottom{margin-top:auto;display:grid;gap:4px;border-top:1px solid var(--line);padding:15px 7px 0}.side-bottom small,.role{font-size:11px;color:var(--muted)}.side-bottom b{font-size:13px}.logout{margin-top:8px;background:#202c45;border:1px solid #34425b;color:white;padding:9px;border-radius:8px;text-align:left;cursor:pointer}.main{min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.crumb{font-size:12px;color:var(--muted)}.crumb b{color:white}.topright{display:flex;align-items:center;gap:13px}.live{font-size:10px;color:var(--green);border:1px solid #2d614a;border-radius:20px;padding:6px 9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#33415e;font-weight:800}.content{padding:27px 28px;max-width:1500px;margin:auto}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.heading p{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:17px;min-width:0}.stat{display:grid;gap:7px}.stat>span{font-size:12px;color:var(--muted)}.stat>b{font-size:25px;letter-spacing:-.5px}.stat>small{font-size:10px;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:15px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.panel-head>a{font-size:11px;white-space:nowrap}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;color:#8291ad;letter-spacing:.7px;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:12px 8px;border-bottom:1px solid #202b43;font-size:11px}tr:last-child td{border-bottom:0}.subcell{display:block;font-size:10px;color:var(--muted);margin-top:2px}.pill{display:inline-block;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:800}.success{color:var(--green);background:#17382e}.warning{color:var(--amber);background:#3b3020}.danger{color:var(--red);background:#3d2634}.empty{color:var(--muted);font-size:12px;padding:25px 8px;text-align:center}.activity{display:grid;gap:16px}.activity-row{display:flex;align-items:center;gap:10px}.activity-icon{display:grid;place-items:center;width:33px;height:33px;background:#202c45;border-radius:9px;flex-shrink:0}.activity-row div{display:grid;gap:3px;min-width:0}.activity-row b{font-size:11px}.activity-row small,.activity-row time{font-size:10px;color:var(--muted)}.activity-row time{margin-left:auto}.stack-form{display:grid;gap:12px}.stack-form label{font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-form{display:flex;gap:4px;align-items:center}.inline-form input{width:56px;padding:6px}.inventory-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr)}.pos-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr);gap:15px}.search{margin-bottom:13px}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pos-product{background:#172139;border:1px solid #2a3956;border-radius:10px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:white}.pos-product:hover{border-color:var(--lime)}.pos-product b{font-size:12px;color:white}.pos-product small,.pos-category{font-size:10px;color:var(--muted)}.pos-product strong{font-size:14px;color:var(--green)}.pos-product>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:10px}.pos-product input{width:62px;padding:5px}.pos-category{align-self:start;background:#202c45;border-radius:5px;padding:3px 5px}.order-panel{align-self:start;display:grid;gap:13px}.order-panel label{display:grid;gap:6px}.order-total{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:16px}.plan-card{padding:22px}.plan-card h2{margin-top:15px}.plan-price{font-size:30px;font-weight:900;margin:18px 0}.plan-price small{font-size:13px;color:var(--muted);font-weight:500}.plan-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.plan-card p{font-size:12px}.notice{background:#302919;border:1px solid #66532e;color:#f6d89a;border-radius:9px;padding:12px;font-size:11px;margin-top:15px}.flash{margin:12px auto 0;max-width:1100px;padding:12px 16px;border-radius:9px;background:#17382e;color:var(--green);font-size:12px}.flash.error{background:#3d2634;color:#ffb6c0}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px}.auth-brand b{display:block;font-size:20px}.auth-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px}.auth-card h1{font-size:24px}.auth-card>p{font-size:12px;margin-bottom:18px}.auth-card form{display:grid;gap:13px}.auth-foot{margin:18px 0 0!important;text-align:center;color:var(--muted)}.auth-foot a{font-weight:700}.auth-wrap>.tiny{margin-top:15px}.mobile-toggle{display:none;background:none;color:white;border:0;font-size:22px}footer{border-top:1px solid var(--line);padding:18px 0 0;margin-top:30px;color:#8291ad;font-size:10px}footer span{color:#63718c}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.inventory-layout{grid-template-columns:1fr}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:22px}.layout{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:18px 12px}}
@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:260px;transform:translateX(-110%);transition:transform .2s;box-shadow:15px 0 40px #0008}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:block}.topbar{height:62px;padding:0 15px;gap:12px}.content{padding:19px 13px}.heading h1{font-size:22px}.heading{align-items:flex-start}.heading .btn{font-size:11px;padding:9px}.stats{gap:9px}.stat,.panel{padding:13px}.stat>b{font-size:21px}.pos-grid{grid-template-columns:1fr}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.live{display:none}.table-scroll table{min-width:600px}.form-row{grid-template-columns:1fr 1fr}}