:root{--bg:#070707;--panel:#101010;--panel2:#191919;--gold:#d8c27a;--gold2:#9c7b24;--text:#f8f0d2;--muted:#a7a7a7;--red:#ff5c5c;--line:#655016}*{box-sizing:border-box}html{scrollbar-color:#a18435 #111;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#111;border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(#d8c27a,#8b691d);border:2px solid #111;border-radius:10px}body{margin:0;background:radial-gradient(circle at top,#19150b 0,#070707 34%);color:var(--text);font:16px/1.45 Segoe UI,Arial,sans-serif;overflow-x:hidden}button,.button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:15px;padding:12px 18px;background:linear-gradient(135deg,#e1ca7d,#9f7924);color:#090909;font-weight:750;cursor:pointer;text-decoration:none;transition:transform .18s,filter .18s}button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.07)}button:disabled{opacity:.55;cursor:not-allowed}.ghost{background:#171717;color:var(--gold);border:1px solid var(--line)}.danger-btn{background:#441919;color:#ffd9d9}.wide{width:100%;margin-top:10px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.glass{background:#0a0a0aeb;border:1px solid var(--line);box-shadow:0 25px 80px #000;border-radius:28px}.auth-card{width:min(440px,100%);padding:38px;text-align:center}.logo{max-width:220px;width:70%}.logo.small{max-width:130px}.auth-card form{display:grid;gap:16px;margin:24px 0}.auth-card label,.settings-form label,label{display:grid;gap:7px;text-align:left}input,select,textarea{width:100%;min-width:0;background:#101010;color:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#090909ed;border-bottom:1px solid #202020}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand img{width:44px;height:44px;object-fit:contain}.userbox{display:flex;gap:14px;align-items:center;min-width:0}.menu-btn{display:none;background:#171717;color:var(--gold);border:1px solid var(--line);padding:9px 12px}.tabs{display:flex;gap:6px;padding:12px 18px;overflow:auto;position:sticky;top:69px;z-index:20;background:#080808}.tabs button{white-space:nowrap;background:#111;color:var(--gold);border:1px solid transparent}.tabs button.active{background:var(--gold);color:#111}.content{padding:18px;max-width:1920px;margin:auto}.panel{display:none;animation:fade .22s ease}.panel.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.summary-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:18px}.summary-grid article{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.summary-grid span{color:var(--muted);display:block}.summary-grid strong{font-size:25px}.cash-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(460px,1.4fr);gap:18px}.receipt,.table-wrap,.card,.settings-form{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}.receipt-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cards{display:grid;gap:10px;margin-top:14px}.cards.compact{max-height:420px;overflow:auto;padding-right:4px}.card{cursor:pointer;overflow-wrap:anywhere}.card:hover{border-color:var(--gold)}.card.low{border-color:var(--red);box-shadow:inset 4px 0 var(--red)}.muted{color:var(--muted)}.danger{color:var(--red)}.cart-row{display:grid;grid-template-columns:34px minmax(120px,1fr) 100px 110px 48px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #262626}.cart-row input{padding:8px}.cart-row small{display:block}.total{font-size:22px;font-weight:800;text-align:right;padding:18px 0}.old-price{text-decoration:line-through;color:#777;font-size:13px}.actions,.filters,.button-row{display:flex;gap:10px;flex-wrap:wrap}.hidden{display:none!important}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px;border-bottom:1px solid #272727;text-align:left;vertical-align:middle}th{color:var(--gold)}td input{padding:9px}.settings-form{max-width:820px;display:grid;gap:16px}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:20px;z-index:60}.modal-card{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:#0d0d0d;border:1px solid var(--line);border-radius:24px;padding:26px}.modal-close{position:absolute;right:12px;top:12px;background:#222;color:#fff;padding:6px 12px}.form-grid{display:grid;gap:12px}.menu-overlay{display:none}
@media(max-width:900px){.cash-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid button{grid-column:1/-1}.content{padding:12px}.cart-row{grid-template-columns:28px minmax(100px,1fr) 82px 44px}.cart-price{display:none}.section-head{align-items:flex-start}}
@media(max-width:700px){.topbar{padding:9px 10px}.menu-btn{display:block}.brand span{display:none}.brand img{width:38px;height:38px}.userbox{font-size:12px;gap:6px}.userbox>span:first-child{display:none}.userbox .ghost{padding:8px 10px}.tabs{position:fixed;left:0;top:0;bottom:0;width:min(82vw,320px);z-index:50;display:flex;flex-direction:column;align-items:stretch;padding:78px 14px 20px;background:#0b0b0b;transform:translateX(-105%);transition:transform .22s;overflow-y:auto;box-shadow:20px 0 50px #000}.tabs.open{transform:translateX(0)}.tabs button{text-align:left;width:100%}.menu-overlay{position:fixed;inset:0;background:#0009;z-index:40}.menu-overlay.open{display:block}.content{padding:10px}.summary-grid{grid-template-columns:1fr}.summary-grid button{grid-column:auto}.receipt,.card,.table-wrap,.settings-form{padding:13px;border-radius:16px}.panel h1{font-size:25px}.modal{padding:7px}.modal-card{padding:18px 14px}.filters>*{width:100%}.actions button{flex:1 1 130px}.section-head>div{width:100%}.section-head>div button{flex:1}.cart-row{grid-template-columns:24px minmax(90px,1fr) 74px 40px;font-size:14px}.total{text-align:left;font-size:19px}.cards.compact{max-height:360px}.auth-card{padding:24px}.product-column{min-width:0}}