@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f7f9;--ink:#1c2434;--muted:#87909e;--line:#e9ecf1;--accent:#4f6bff;--green:#269d77}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}aside{width:248px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:30px 20px;z-index:20;display:flex;flex-direction:column}.brand{font-family:Manrope,sans-serif;display:flex;align-items:center;font-size:29px;font-weight:800;gap:9px;letter-spacing:-1.5px}.branddot{color:var(--accent);margin-left:-8px}.brand small{font:10px 'DM Sans',sans-serif;letter-spacing:0;margin-top:10px;color:var(--muted)}.logo{display:grid;place-items:center;background:var(--accent);color:white;width:35px;height:35px;border-radius:10px;font-size:23px;letter-spacing:-4px;padding-right:4px}.workspace{display:flex;gap:10px;align-items:center;padding:17px 0 24px;margin-top:24px;border-bottom:1px solid var(--line);font-weight:600;font-size:12px}.workspace small,.profile small,.pilot small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:5px}.gymicon{width:32px;height:32px;border-radius:8px;background:#edf0ff;color:var(--accent);display:grid;place-items:center;font-weight:800}.online{display:inline-block;width:6px;height:6px;background:#2caf83;border-radius:50%;flex-shrink:0}.workspace .online{margin-left:auto}.navlabel{font-size:9px;color:#9ca4b2;letter-spacing:1.3px;margin:24px 12px 12px}nav{display:grid;gap:5px}nav button{background:none;border:0;display:flex;align-items:center;gap:12px;padding:11px 13px;color:#737d8d;text-align:left;border-radius:7px;font-size:12px}nav button.active{background:#eef1ff;color:var(--accent);font-weight:650}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.navcount{margin-left:auto;font-size:9px;background:#e4e9ff;padding:2px 6px;border-radius:4px}.sidebottom{margin-top:auto;padding-top:24px}.pilot{padding:14px;background:#f7f8fc;border:1px solid var(--line);border-radius:8px;font-size:11px}.pilot .online{margin-right:5px}.profile{margin-top:18px;border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-size:11px}.profile>span:last-child{margin-left:auto;color:var(--muted)}.avatar{background:#eae7e2;color:#7b6e5d;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.shell{margin-left:248px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:white}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#c6cbd3}.breadcrumb b{color:#4e596b;font-weight:500}.headerRight{display:flex;align-items:center;gap:20px}#clock{font-size:11px;color:#7f8997}.demotag{font-size:8px;letter-spacing:1px;color:#8590a7;border:1px solid var(--line);padding:5px 7px;border-radius:4px}.iconbtn{display:grid;place-items:center;background:none;border:0;color:#7b8595;padding:5px}.mobilebtn{display:none}main{padding:34px 36px;min-height:calc(100vh - 120px);max-width:1600px;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}.eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:9px}h1{font:750 27px Manrope,Arial;letter-spacing:-1px;margin:0 0 9px}p{color:#8992a0;margin:0;line-height:1.6;font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e6ed;border-radius:6px;background:white;color:#596375;padding:10px 13px;font-size:11px;font-weight:550;white-space:nowrap}.btn svg{width:14px;height:14px}.btn.primary{color:white;background:var(--accent);border-color:var(--accent);box-shadow:0 3px 7px #4f6bff16}.btn:hover{filter:brightness(.97)}.btn.small{padding:6px 9px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);padding:20px;border-radius:9px}.statline{display:flex;justify-content:space-between;color:#7d8796;font-size:11px}.statline svg{width:16px;color:#8e9ab7}.stat .value{font:750 28px Manrope,sans-serif;margin:13px 0 10px;letter-spacing:-1px}.stat .value small{font:11px 'DM Sans';letter-spacing:0;color:var(--muted)}.statfoot{font-size:9px;color:#97a0ac}.change{color:var(--green);background:#eaf7f1;border-radius:4px;padding:3px 5px;margin-right:6px}.grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:21px 22px 0}.panelhead h2{font:700 13px Manrope;margin:0}.panelhead p{font-size:10px;margin-top:5px}.textbtn{border:0;background:none;color:var(--accent);font-size:10px;cursor:pointer}.chart{height:205px;display:flex;gap:18px;padding:24px 24px 0 16px}.yaxis{display:flex;flex-direction:column;justify-content:space-between;color:#a5adba;font-size:9px;padding-bottom:25px}.bars{display:flex;justify-content:space-around;gap:12px;flex:1;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#f1f3f7 43px,#f1f3f7 44px)}.barcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;flex:1}.bar{background:#e7ebff;width:70%;max-width:42px;border-radius:4px 4px 0 0;min-height:5px}.barcol.today .bar{background:var(--accent)}.barcol span{font-size:9px;color:#98a1af;background:white;min-height:20px;width:100%;text-align:center}.chartfoot{border-top:1px solid var(--line);padding:13px 22px;display:flex;justify-content:space-between;font-size:10px;color:#9099a7}.legend{display:flex;gap:6px;align-items:center}.legend i{height:6px;width:6px;background:var(--accent);border-radius:2px}.quicklist{padding:10px 20px 18px;display:grid;gap:3px}.quick{display:flex;align-items:center;gap:12px;padding:12px 0;background:none;border:0;border-bottom:1px solid #f1f3f6;text-align:left;width:100%;color:#374256}.quick:last-child{border:0}.quick>span:first-child{display:grid;place-items:center;width:34px;height:34px;background:#f1f3ff;color:var(--accent);border-radius:8px}.quick b{font-size:11px;font-weight:550}.quick small{display:block;color:#a0a7b2;font-size:9px;margin-top:4px}.quick>span:last-child{margin-left:auto;color:#a7afbb}.tablewrap{overflow:auto;padding:12px 0 4px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#fafbfc;color:#959dab;font-size:9px;font-weight:500;padding:12px 20px}td{padding:13px 20px;border-bottom:1px solid #f0f2f6;font-size:10px;color:#697588}tr:last-child td{border:0}.person{display:flex;gap:9px;align-items:center;color:#3e495a;font-weight:600}.person .avatar{width:29px;height:29px;font-size:9px;background:#edf0fb;color:#7887b2}.person small{display:block;font-size:9px;color:#a0a8b4;font-weight:400;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:9px;background:#ecf7f1;color:#339a75}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.warn{background:#fff5e4;color:#ba8a31}.badge.gray{background:#eff1f5;color:#8a94a4}.badge.blue{background:#edf1ff;color:#627ae0}.listrow{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.listrow:last-child{border:0}.listrow b{font-size:11px;font-weight:550}.listrow small{display:block;color:#9ba4b1;font-size:9px;margin-top:5px}.listrow .right{margin-left:auto;text-align:right}.subtle{padding:13px 22px;color:#a2aab7;background:#fcfcfe;font-size:9px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px}.search{border:1px solid var(--line);padding:10px 12px;background:white;border-radius:6px;min-width:230px;color:var(--ink)}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{border:0;background:none;padding:7px 12px;color:#8a94a4;font-size:10px;border-radius:5px}.filter.selected{color:var(--accent);background:#eff2ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:23px}.card h2{font:700 16px Manrope;margin:12px 0}.card .price{font:750 28px Manrope;margin:20px 0}.card p{font-size:11px;margin-bottom:18px}.card .btn{margin-top:15px}.stock{font-size:10px;color:var(--muted);margin-top:10px}.progress{height:5px;background:#f0f2f8;border-radius:5px;overflow:hidden;margin-top:12px}.progress i{display:block;background:var(--accent);height:100%}.lockergrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:22px}.locker{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:20px 9px;text-align:center}.locker.occupied{background:#f0f3ff;border-color:#dfe5ff}.locker.expired{background:#fff7e9;border-color:#f1dfb9}.locker b{display:block;font:700 18px Manrope;margin-bottom:10px}.locker small{font-size:9px;color:var(--muted);display:block;margin:10px 0}.notice{padding:13px 17px;border:1px solid #e0e6fc;background:#eef2ff;color:#6e7fa9;border-radius:7px;font-size:11px;margin-bottom:22px;line-height:1.6}footer{padding:17px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#99a2ae}footer .online{margin-right:5px}footer b{color:#737e90;margin-left:5px}.muted{color:#a7afba}dialog{border:1px solid var(--line);border-radius:12px;padding:24px;width:min(480px,92vw);color:var(--ink);box-shadow:0 20px 100px #23325625}dialog::backdrop{background:#18203055;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modalhead h2{font:700 19px Manrope;margin:0}label{display:block;font-size:11px;margin:15px 0 6px;color:#687487}input,select{width:100%;border:1px solid #dfe4ec;background:white;border-radius:6px;padding:11px;color:#354157}input[type=checkbox]{width:auto}.modalfoot{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#243447;color:white;padding:13px 22px;border-radius:8px;z-index:100;display:none;box-shadow:0 5px 30px #12233322}.empty{padding:35px;text-align:center;color:var(--muted)}.receipt{line-height:1.8;padding:15px;background:#f7f8fc}.metrics{padding:24px;display:grid;gap:25px}.metricrow{display:flex;justify-content:space-between;font-size:12px}.full{margin-bottom:22px}.cartline{padding:14px 22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.total{font:700 22px Manrope}.dangers{color:#b65454}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:1500px){main{padding-top:42px}.chart{height:240px}.quick{padding:16px 0}}@media(max-width:1100px){aside{width:210px;padding:26px 15px}.shell{margin-left:210px}main{padding:28px 22px}header{padding:0 22px}.stats{gap:10px}.stat{padding:16px}.grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:15px}.cards{grid-template-columns:repeat(2,1fr)}.lockergrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){aside{transform:translateX(-100%);transition:transform .2s;width:240px;box-shadow:15px 0 80px #18203022}.menuopen aside{transform:translateX(0)}.shell{margin-left:0}.mobilebtn{display:block;border:0;background:none;color:#657087;font-size:20px}.breadcrumb{margin-right:auto;margin-left:14px}.headerRight{gap:12px}#clock{display:none}header{height:65px}.pagehead{align-items:flex-start}.pagehead .actions{justify-content:flex-end}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:23px}.cards{grid-template-columns:repeat(2,1fr)}main{padding:25px 18px}footer{padding:15px 18px}.toolbar{flex-wrap:wrap}.search{min-width:0;max-width:100%}.lockergrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.pagehead{flex-direction:column}.cards{grid-template-columns:1fr}.headerRight .demotag{display:none}.stat .value{font-size:25px}.statfoot{font-size:8px}.actions .btn{padding:9px 11px}.panelhead{padding:18px 16px 0}.chart{padding-left:10px;gap:10px}.bars{gap:7px}footer>span:last-child{display:none}.lockergrid{padding:12px;gap:8px}.toolbar{padding:14px}.search{width:100%}.brand{font-size:28px}}
/* Keep navigation reachable on shorter screens and secondary text readable. */
aside{overflow-y:auto}p{color:#737e8e}.statfoot,.quick small,.person small,.listrow small,.chartfoot{color:#788393}th{color:#7a8697}.muted{color:#7f8997}input:focus,select:focus{outline:2px solid #c7d0ff;border-color:#4f6bff}