:root{color:#111;font-synthesis:none;background:#f2f2f2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.auth{background:#111;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border-radius:24px;width:min(460px,100%);padding:48px;box-shadow:0 25px 80px #0005}.brand{letter-spacing:-2px;font-size:36px;font-weight:900}.brand span{font-weight:400}.brand.small{color:#fff;font-size:28px}.eyebrow{color:#777;letter-spacing:.16em;margin:0 0 10px;font-size:11px;font-weight:800}.auth h1{letter-spacing:-1.5px;margin:30px 0 8px;font-size:32px}.muted{color:#666;line-height:1.55}.auth form,.stack-form{gap:12px;margin-top:28px;display:grid}.auth input,.search,.stack-form input,.stack-form select,.stack-form textarea,.inline-form input,.scanner-form input{background:#fff;border:1px solid #d6d6d6;border-radius:12px;outline:none;padding:13px 14px}.setup-help{color:#555;background:#f2f2f2;border:1px solid #d6d6d6;border-radius:12px;margin:16px 0 0;padding:12px;font-size:13px;line-height:1.5}.auth input:focus,.search:focus,input:focus,select:focus{border-color:#111;box-shadow:0 0 0 3px #1111}.primary{color:#fff;background:#111;border-radius:12px;padding:14px 18px;font-weight:800}.ghost{color:#bbb;text-align:left;background:0 0;padding:12px 0}.alert{background:#e9e9e9;border-radius:12px;margin:18px 0;padding:13px 16px;font-weight:700}.alert.error{color:#fff;background:#222}.loading{place-items:center;min-height:100vh;display:grid}.shell{min-height:100vh;display:flex}aside{z-index:20;color:#fff;background:#111;flex-direction:column;width:248px;height:100vh;padding:30px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:0 8px}.role{color:#aaa;letter-spacing:.14em;font-size:10px;font-weight:800}.sidebar-nav{flex:1;padding:22px 0;overflow:hidden}nav{gap:5px;display:grid}nav a{color:#aaa;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex}nav a.active,nav a:hover,nav a:focus-visible{color:#fff;background:#292929;border-color:#3a3a3a;outline:none}.nav-marker{color:#777;text-align:center;width:12px;font-size:19px;line-height:1}nav a.active .nav-marker{color:#fff}.sidebar-footer{border-top:1px solid #2b2b2b;gap:12px;padding:18px 8px 0;display:grid}.sidebar-user{color:#ddd;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:700;display:flex}.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user i{color:#111;background:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.content{width:calc(100% - 248px);max-width:1500px;margin-left:248px;padding:38px clamp(20px,4vw,60px)}header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}h1,h2{letter-spacing:-1px;margin:0}h1{font-size:34px}h2{font-size:19px}.profile{align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.profile i{color:#fff;background:#111;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.grid{gap:14px;display:grid}.stats{grid-template-columns:repeat(4,1fr)}.stat,.panel{background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:22px}.stat span,.stat small{color:#777;font-size:12px;display:block}.stat strong{margin:9px 0;font-size:30px;display:block}.workspace{grid-template-columns:1.5fr 1fr;gap:16px;margin:16px 0;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.search{width:220px}.product-list{display:grid}.product,.cart-row,.table-row{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.product span{color:#777;margin-top:5px;font-size:12px;display:block}.product-right{align-items:center;gap:15px;display:flex}.product-right button,.scanner-form button,.inline-form button,.receipt button{background:#eee;border-radius:9px;padding:9px 12px;font-weight:800}.low{font-weight:800;color:#111!important}.empty{color:#888;text-align:center;padding:30px 0}.total{border-top:1px solid #111;justify-content:space-between;margin-top:15px;padding:18px 0;font-size:20px;display:flex}.cart .primary{width:100%}.table-row{font-size:13px}.table-row strong{margin-left:auto}.scanner{gap:10px;margin:-4px 0 12px;display:grid}.page-intro{margin-bottom:18px}.page-intro h2{margin:4px 0 6px}.analytics-grid{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px;display:grid}.bar-chart{gap:18px;display:grid}.bar-row{gap:7px;display:grid}.bar-label{justify-content:space-between;gap:14px;font-size:13px;display:flex}.bar-label span,.bar-row small{color:#777}.bar-row small{font-size:11px}.bar-track{background:#ededed;border-radius:99px;height:12px;overflow:hidden}.bar-fill{border-radius:inherit;background:#111;min-width:0;height:100%;transition:width .35s;display:block}.health-list{gap:0;margin:2px 0 16px;display:grid}.health-list div{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.health-list span{color:#777;font-size:13px}.health-list strong{font-size:24px}.payment-method{text-transform:uppercase;letter-spacing:.08em;gap:6px;max-width:360px;font-size:12px;font-weight:800;display:grid}.payment-method select{color:#111;background:#fff;border:1px solid #d6d6d6;border-radius:12px;padding:11px 12px}.scanner-form{grid-template-columns:1fr auto auto;gap:8px;display:grid}.scanner-video{object-fit:cover;background:#111;border-radius:12px;width:100%;max-height:220px}.stack-form{margin-top:18px}.manage{border-top:1px solid #eee;margin-top:20px;padding-top:18px}.inline-form{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.stock-form{grid-template-columns:1fr 1fr}.stock-form button{grid-column:1/-1}.receipt{justify-content:space-between;align-items:center;gap:16px;display:flex}@media print{aside,header,.stats,.scanner,.panel:not(.receipt),.receipt>button{display:none!important}.content{padding:0}.receipt{box-shadow:none;border:0}}@media (width<=900px){.shell{padding-bottom:144px;display:block}aside{width:100%;height:auto;padding:8px 10px;display:block;inset:auto 0 0;box-shadow:0 -8px 24px #0002}.sidebar-top,.sidebar-footer{display:none}.sidebar-nav{height:auto;padding:0;overflow:visible}nav{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(56px,auto);gap:4px;height:auto;display:grid;overflow:visible}nav a{text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:10px;flex-direction:column;justify-content:center;gap:2px;width:100%;min-width:0;height:auto;min-height:56px;padding:5px 3px;font-size:clamp(9px,1.7vw,11px);font-weight:700;line-height:1.1;overflow:visible}.nav-marker{width:auto;height:10px;font-size:15px}.content{width:auto;min-height:calc(100vh - 70px);margin-left:0}.stats{grid-template-columns:repeat(2,1fr)}.workspace,.analytics-grid{grid-template-columns:1fr}}@media (width<=560px){.content{padding:24px 14px}header{align-items:flex-start}.profile span{display:none}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:24px}.panel-head{display:block}.search{width:100%;margin-top:15px}.product{align-items:flex-start}.product-right{flex-direction:column;align-items:flex-end;gap:6px}.auth-card{padding:30px 24px}}