:root{--bg:#f6f7fb;--panel:#fff;--text:#171717;--muted:#6f7480;--line:#e7e8ee;--accent:#ff9f0a;--accent2:#ff5a00;--red:#ef233c;--green:#20b26b;--shadow:0 18px 50px rgba(30,32,38,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:linear-gradient(180deg,#131313,#1e120a);color:#fff;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:12px;padding:8px 10px 28px}.side-brand>span{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,#ffb000,#ff5a00);box-shadow:0 10px 30px #ff7a0045}.side-brand b,.side-brand small{display:block}.side-brand small{color:#ffb000;letter-spacing:2px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#d7d0c8;padding:14px 16px;border-radius:14px;text-align:left;font-weight:800;cursor:pointer;transition:.2s}.nav-item:hover,.nav-item.active{background:#ffffff14;color:#fff;transform:translateX(3px)}.side-bottom{margin-top:auto;display:grid;gap:10px}.side-bottom a{color:#cfc5ba;text-decoration:none;padding:10px}.content{padding:28px 32px 56px;max-width:1550px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1,.section-title h1{margin:5px 0 0;font-size:32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--accent2)}.live-pill{background:#e8fff3;color:#087a45;border-radius:999px;padding:10px 15px;font-weight:800}.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16c172;margin-right:7px;box-shadow:0 0 0 6px #16c17222;animation:pulse 1.8s infinite}.tab{display:none}.tab.active{display:block;animation:fadeUp .35s ease}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-25px;top:-25px;width:90px;height:90px;border-radius:50%;background:#ffb00012}.stat.red:after{background:#ef233c12}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:36px;margin:10px 0 4px}.new-order-card,.queue-panel,.history-card,.settings-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.new-order-card{margin:18px 0;padding:22px;display:flex;align-items:end;justify-content:space-between;gap:24px}.new-order-card h2{margin:6px 0}.new-order-card form{display:flex;align-items:end;gap:12px;flex:1;max-width:850px}.grow{flex:1}label{display:grid;gap:7px;font-weight:800;font-size:13px}input,select{width:100%;border:1px solid #dfe1e8;background:#fbfbfd;border-radius:13px;padding:13px 14px;outline:none;transition:.2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff9f0a18}.btn{border:0;border-radius:13px;padding:13px 17px;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(100deg,var(--accent),var(--accent2));color:#15100a;box-shadow:0 10px 24px #ff7b0038}.btn.ghost{background:#f1f2f6}.btn.danger{background:#fff0f1;color:#c7162b}.btn.success{background:#e9fff3;color:#087a45}.btn.small{padding:9px 12px;font-size:12px}.btn.full{width:100%}.queues{display:grid;grid-template-columns:1fr 1fr;gap:18px}.queue-panel{padding:18px;min-height:420px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head>div{display:flex;align-items:center;gap:9px}.panel-head h2{font-size:19px;margin:0}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.amber{background:var(--accent)}.dot.red{background:var(--red)}.dot.green{background:var(--green)}.count{min-width:30px;height:30px;border-radius:999px;background:#f2f3f6;display:grid;place-items:center;font-weight:900}.order-list{display:grid;gap:10px}.order-card{border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#fff,#fafafa);transition:.2s}.order-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1f24300e}.order-number{font-size:28px;font-weight:950;min-width:72px}.order-info{flex:1}.order-info b,.order-info small{display:block}.order-info small{color:var(--muted);margin-top:4px}.order-actions{display:flex;gap:7px;flex-wrap:wrap}.empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed #d7dae2;border-radius:18px}.history-card{margin-top:18px;padding:18px}.history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-item{padding:12px;border-radius:14px;background:#f7f8fa;display:flex;justify-content:space-between}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-title p{color:var(--muted)}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promo-card{background:#151515;color:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.promo-image{height:220px;background:#24170e center/cover no-repeat;position:relative}.promo-badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#17100a;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950}.promo-body{padding:17px}.promo-body h3{margin:0 0 6px}.promo-price{font-size:25px;color:var(--accent);font-weight:950}.promo-tools{display:flex;gap:8px;margin-top:15px}.settings-card{padding:24px;max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:8px;margin:18px 0}.check input{width:auto}.modal{position:fixed;inset:0;background:#090909b5;display:none;place-items:center;padding:18px;z-index:50}.modal.open{display:grid}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:26px;position:relative;animation:zoomIn .25s}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f1f2f4;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.toast{position:fixed;right:24px;bottom:24px;background:#161616;color:#fff;border-radius:14px;padding:13px 16px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:80;box-shadow:0 15px 40px #0005}.toast.show{opacity:1;transform:none}.toast.error{background:#b41226}.toast.inline{position:static;opacity:1;transform:none;margin:10px 0}.login-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#58300e,#111 50%);display:grid;place-items:center;padding:20px}.login-wrap{width:min(440px,100%)}.login-card{background:#fff;border-radius:30px;padding:34px;box-shadow:0 30px 90px #0008}.brand-orbit{width:68px;height:68px;background:linear-gradient(145deg,var(--accent),var(--accent2));border-radius:23px;display:grid;place-items:center;font-size:34px}.login-card h1{font-size:32px;line-height:1.08}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:15px;margin:22px 0}.tv-link{display:block;text-align:center;color:#6a4a1d;text-decoration:none;font-weight:800}@keyframes pulse{50%{box-shadow:0 0 0 11px #16c17200}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}@keyframes zoomIn{from{opacity:0;transform:scale(.96)}}@media(max-width:1100px){.app-shell{grid-template-columns:85px 1fr}.side-brand div,.nav-item{font-size:0}.nav-item:first-letter{font-size:20px}.sidebar{padding:18px 12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:10px}.side-brand{padding:0}.sidebar nav{display:flex;flex:1;justify-content:center}.side-bottom{display:none}.content{padding:18px}.topbar h1{font-size:24px}.stats-grid,.queues,.promo-grid,.form-grid{grid-template-columns:1fr}.new-order-card{display:block}.new-order-card form{display:grid;margin-top:15px}.history-list{grid-template-columns:1fr}.live-pill{display:none}}