*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6f8;color:#16202a}button,input,select{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#20353b,#0c1518 65%)}.login-card{width:min(430px,92%);background:#fff;border-radius:28px;padding:38px;box-shadow:0 30px 90px #0008;text-align:center}.logo-big{font-size:54px}.eyebrow{font-size:11px;letter-spacing:2px;color:#82909b;font-weight:800}.login h1{margin:8px 0}.login p{color:#71808c}.login form{display:grid;gap:12px;margin-top:25px}.login input{padding:14px;border:1px solid #dbe1e5;border-radius:12px;outline:none}.login button{padding:14px;border-radius:12px;background:#0f766e;color:white;font-weight:800}.hint{margin-top:18px;font-size:12px;color:#77838d}.err{color:#c62828;font-size:13px;min-height:18px}#app{min-height:100vh;display:flex}aside{width:245px;background:#10191d;color:#dce6e9;padding:22px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-weight:900;font-size:16px;display:flex;gap:10px;align-items:center;padding:5px 10px 25px}.brand:first-letter{font-size:30px}.brand small{font-size:9px;letter-spacing:2px;color:#7e9298}nav{display:grid;gap:6px}nav button{background:transparent;color:#aebdc2;text-align:left;padding:13px 14px;border-radius:11px;font-weight:700}nav button:hover,nav button.active{background:#1b3033;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #29363a;padding-top:15px;display:grid;gap:12px}.side-foot button{background:#263439;color:#dbe4e6;padding:11px;border-radius:10px}main{margin-left:245px;width:calc(100% - 245px);min-width:0}header{height:82px;background:#fff;border-bottom:1px solid #e5e9ec;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}h2{margin:4px 0;font-size:25px}.head-right{display:flex;align-items:center;gap:12px}.live{font-size:12px;color:#16836f}.live b{color:#51606a}.head-right button{background:#edf1f3;border-radius:10px;padding:9px 12px}#menu{display:none}section{padding:26px;max-width:1500px;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e4e9ec;border-radius:18px;padding:20px}.card span{color:#7c8992;font-size:12px}.card strong{display:block;font-size:29px;margin-top:7px}.panel{background:#fff;border:1px solid #e4e9ec;border-radius:20px;padding:20px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel h3{margin:0}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.btable{border:1px solid #dfe6e8;border-radius:18px;padding:16px;background:#fff;position:relative}.btable.playing{border-color:#e55b5b;background:#fff8f8}.btable.maintenance{opacity:.6;background:#f4f5f5}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900}.available .badge{background:#dff7ed;color:#13745e}.playing .badge{background:#ffe1e1;color:#bd3838}.maintenance .badge{background:#e8ebed;color:#66727a}.btable h3{margin:12px 0 5px;font-size:20px}.meta{font-size:12px;color:#73818a}.timer{font-size:22px;font-weight:900;margin:12px 0}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{padding:9px 11px;border-radius:9px;background:#edf1f3;font-weight:700}.primary{background:#0f766e;color:#fff}.danger{background:#ffe4e4;color:#b52e2e}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.product{padding:15px;border:1px solid #e0e6e8;border-radius:14px}.product h4{margin:0 0 5px}.price{font-weight:900;margin:7px 0 12px}.row{display:flex;gap:10px;align-items:center}.row input,.row select,.modal input,.modal select{padding:11px;border:1px solid #dbe2e5;border-radius:10px;width:100%}.modal{position:fixed;inset:0;background:#071014aa;display:grid;place-items:center;z-index:20;padding:20px}.modal-box{background:#fff;border-radius:22px;width:min(560px,100%);max-height:90vh;overflow:auto;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{background:#eef1f2;border-radius:50%;width:34px;height:34px}.form{display:grid;gap:12px}.form label{font-size:12px;font-weight:800;color:#617078}.form label input,.form label select{display:block;margin-top:5px}.toast{position:fixed;right:20px;bottom:20px;background:#162328;color:#fff;padding:12px 17px;border-radius:12px;transform:translateY(100px);transition:.25s;z-index:50}.toast.show{transform:none}.list{width:100%;border-collapse:collapse}.list th,.list td{padding:12px;border-bottom:1px solid #e8ecee;text-align:left;font-size:13px}.total{font-size:24px;font-weight:900;text-align:right}.empty{padding:35px;text-align:center;color:#87939b}.section-title{margin:25px 0 12px}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick button{padding:9px 12px;border-radius:9px;background:#eaf2f2}.food-line{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:8px 0}.mini{font-size:11px;color:#81909a}@media(max-width:900px){aside{transform:translateX(-100%);transition:.2s;z-index:10}aside.open{transform:none}main{margin-left:0;width:100%}#menu{display:block}.cards{grid-template-columns:repeat(2,1fr)}section{padding:15px}header{padding:12px 15px}.manager{display:none}}@media(max-width:520px){.cards{grid-template-columns:1fr 1fr}.card{padding:15px}.card strong{font-size:23px}.table-grid{grid-template-columns:1fr}.login-card{padding:27px}}