.receipt dl{display:grid;grid-template-columns:140px 1fr;gap:12px;font-size:13px}.receipt dt{color:#98a5b7}.receipt dd{margin:0;overflow-wrap:anywhere}@media print{body,.app{background:#fff!important;color:#000!important}.app>aside,.app>main,.no-print{display:none!important}.receipt-overlay{position:static;background:#fff;display:block}.receipt{color:#000;background:#fff;border:0;box-shadow:none;width:80mm;max-width:100%;padding:5mm}.receipt h2,.receipt dt{color:#000}.receipt dl{display:block}.receipt dt{font-weight:700;margin-top:3mm}.receipt dd{margin:1mm 0}.receipt .toolbar{display:none!important}}:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#e5eaf1;background:#10151e;font-synthesis:none;font-size:15px}@media(max-width:700px){.app aside{position:static;width:100%;height:auto;padding:16px}.app aside nav{display:flex;flex-wrap:wrap;gap:6px}.app aside .side-bottom{position:static;margin-top:12px}.app main{margin:0;width:100%;padding:12px}.app header{flex-wrap:wrap;gap:12px}.app .stats,.app .form-grid,.app .cashier-layout{grid-template-columns:1fr}.app .panel{overflow-x:auto}.app .toolbar{flex-wrap:wrap}.app .login{margin:24px auto!important}.app input,.app select{font-size:16px}}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#293242;color:#e8edf4;border:1px solid #3b4658;border-radius:8px;padding:10px 17px;transition:background .15s}button:hover{background:#374358}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#c5ee74;color:#172119;border-color:#c5ee74;font-weight:700}button.danger{color:#ffb8b8;border-color:#794c56}button.selected{background:#344b33;color:#d1f797;border-color:#66844f}input,select{width:100%;background:#121923;color:#f0f4f9;border:1px solid #3b4658;border-radius:8px;padding:11px 13px;min-width:0}input:focus,select:focus{outline:2px solid #a6c86a;outline-offset:1px}label{display:flex;flex-direction:column;gap:8px;color:#bdc7d6}input[type=checkbox]{width:18px;height:18px;accent-color:#c5ee74}.app{min-height:100vh;display:flex}aside{width:245px;flex-shrink:0;background:#151c27;border-left:1px solid #29313e;padding:30px 20px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;font-size:25px;letter-spacing:2px;margin-bottom:52px}.brand b{background:#c5ee74;color:#172119;border-radius:13px;padding:7px 13px}.brand small{font-size:12px;letter-spacing:0;margin-top:3px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#98a5b7;margin-bottom:14px}nav{display:flex;flex-direction:column;gap:7px}nav button{text-align:right;background:transparent;border-color:transparent;padding:14px}nav button.selected{background:#263929;border-color:#4c6940}.side-bottom{margin-top:auto;font-size:12px;color:#a9b6c6;line-height:2}.side-bottom button{margin-top:15px;width:100%}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#c5ee74;margin-left:5px}main{margin-right:245px;padding:35px 38px;width:calc(100% - 245px)}.app:not(:has(aside)) main{margin:0;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px}h1{font-size:28px;margin:0;font-weight:650}h2{font-size:19px;margin:0 0 20px}h3{font-size:17px}p{color:#aebacc;line-height:1.9}small{display:block;color:#98a5b7;font-size:12px}section.panel{background:#1b2330;border:1px solid #303a49;border-radius:15px;padding:25px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px;margin-bottom:25px}.stat{background:#1b2330;border:1px solid #303a49;padding:24px 20px;border-radius:15px}.stat span{color:#b2bfce;font-size:13px}.stat strong{display:block;font-size:27px;color:#d0ef9a;margin:18px 0 10px}.section-title{display:flex;justify-content:space-between;align-items:center}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.toolbar input{width:auto;max-width:260px}.toolbar label input{width:100%}.badge,.status{font-size:12px;border-radius:20px;padding:6px 10px;display:inline-block;background:#303747;color:#b8c4d2}.status.online{background:#2b4031;color:#c7ef9b}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.game-tile{border:1px solid #394350;background:#161d28;border-radius:12px;padding:20px}.game-tile b{display:block;margin:18px 0}.game-tile h3{margin-top:20px}.empty{text-align:center;padding:35px}.cashier-layout{display:grid;grid-template-columns:minmax(290px,1fr) minmax(420px,1.5fr);gap:22px;align-items:start}.full{grid-column:1/-1}.cashier-layout section.panel{margin:0}.card-reader-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px;align-items:center}.card-reader-form .toolbar{margin:0;flex-wrap:nowrap}.card-reader-form .toolbar button{white-space:nowrap}.balance-box{border-top:1px solid #3b4658;margin-top:25px;padding-top:24px}.balance-box strong{display:block;color:#d0ef9a;font-size:38px;margin:14px 0 25px}.balance-box label{margin-bottom:14px}.quick{display:flex;gap:7px;margin-bottom:22px}.quick button{padding:10px;flex:1}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}th{color:#98a5b7;font-weight:500;padding:14px 12px;border-bottom:1px solid #46505f;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #2c3644}td small{margin-top:5px}td code{font-size:11px;word-break:break-word}td button{font-size:12px;padding:7px 11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end}.form-grid>button{justify-self:start}.inline{flex-direction:row;align-items:center}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:22px}.alert{background:#313829;border:1px solid #6c7650;border-radius:10px;padding:15px 20px;margin-bottom:18px;line-height:1.8}.alert.error{background:#38252d;border-color:#724652;color:#ffd0d0}.alert.success{background:#253e30;border-color:#4c7052;color:#d1edc6}.working{position:fixed;bottom:22px;left:25px;background:#c5ee74;color:#172119;z-index:30;padding:12px 24px;border-radius:10px;box-shadow:0 8px 30px #0008}.login{max-width:460px;margin:70px auto!important}.login label{margin-bottom:20px}.login button{width:100%}footer{color:#738194;font-size:11px;text-align:center;margin:35px 0 10px}.modal-backdrop{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:40}.modal{width:min(520px,90vw);background:#222d3c;border:1px solid #637084;border-radius:15px;padding:28px;box-shadow:0 20px 80px #0008}.modal h2{color:#d0ef9a}@media(max-width:1150px){aside{width:205px}main{margin-right:205px;width:calc(100% - 205px);padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.cashier-layout{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:800px){.card-reader-form{grid-template-columns:1fr}.card-reader-form .toolbar{flex-wrap:wrap}}
