*{box-sizing:border-box;margin:0;padding:0}:root{--accent: #ff5c1f;--accent-2: #ff8a3d;--accent-grad: linear-gradient(135deg, #ff5c1f 0%, #ff8a3d 100%);--ink: #1d2433;--ink-2: #5b6475;--ink-3: #9aa3b5;--bg: #f3f5f9;--card: #ffffff;--line: #e6e9f0;--side-bg: #171c28;--side-ink: #aab2c5;--free: #22c55e;--busy: #f59e0b;--danger: #ef4444;--ok: #16a34a;--radius: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 16px rgba(16, 24, 40, .06)}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff5c1f24}::placeholder{color:var(--ink-3)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:216px;min-width:216px;background:var(--side-bg);color:var(--side-ink);display:flex;flex-direction:column;padding:14px 10px}.brand{display:flex;align-items:center;gap:10px;padding:8px 12px 18px;font-size:19px;font-weight:800;color:#fff;letter-spacing:.4px}.brand .dot{width:34px;height:34px;border-radius:10px;background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-size:17px}.sidenav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto}.sidenav button{display:flex;align-items:center;gap:11px;width:100%;background:none;border:none;color:var(--side-ink);padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;text-align:left}.sidenav button:hover{background:#ffffff0f;color:#fff}.sidenav button.active{background:var(--accent-grad);color:#fff;font-weight:600;box-shadow:0 4px 12px #ff5c1f59}.sidenav .ico{font-size:16px;width:20px;text-align:center}.side-user{border-top:1px solid rgba(255,255,255,.08);padding:12px 12px 4px;font-size:12px}.side-user b{color:#fff;display:block;font-size:13px}.side-user .role{color:var(--ink-3)}.side-user button{background:none;border:none;color:var(--accent-2);font-size:12px;padding:4px 0;text-decoration:none;font-weight:600}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:54px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:14px}.topbar h1{font-size:16px;font-weight:700}.topbar .biz{margin-left:auto;font-size:12.5px;color:var(--ink-2);font-weight:600}.split{display:flex;flex:1;overflow:hidden}.main{flex:1;overflow:auto;padding:20px 22px}.side{width:430px;min-width:390px;background:var(--card);border-left:1px solid var(--line);overflow:auto;display:flex;flex-direction:column}.side-header{background:var(--accent-grad);color:#fff;padding:15px 18px;font-weight:700;font-size:15px;letter-spacing:.2px}.side-header.green{background:linear-gradient(135deg,#16a34a,#4ade80)}.side-body{padding:18px;flex:1}.side-empty{color:var(--ink-3);text-align:center;margin-top:80px;font-size:13.5px}.tabs{display:flex;gap:6px;background:var(--card);padding:10px 22px 0;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:none;color:var(--ink-2);padding:10px 16px 12px;font-size:13.5px;font-weight:600;border-bottom:2.5px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--ink)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.subtabs{display:flex;gap:8px;padding:14px 0 4px;flex-wrap:wrap}.subtabs button{background:var(--card);color:var(--ink-2);border:1.5px solid var(--line);padding:8px 18px;font-size:13px;border-radius:999px;font-weight:600}.subtabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.floor{position:relative;min-height:520px;height:calc(100vh - 235px);background:var(--card);background-image:radial-gradient(#dfe3ec 1.3px,transparent 1.3px);background-size:26px 26px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.table-obj{position:absolute;border:none;color:#fff;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 3px 10px #1018282e;transition:box-shadow .12s,filter .12s;width:76px;height:76px;border-radius:14px;font-size:19px;transform:translate(-50%,-50%);touch-action:none}.table-obj.round{border-radius:50%}.table-obj.rect{width:122px;height:66px}.table-obj:hover{filter:brightness(1.05);box-shadow:0 8px 20px #10182847}.table-obj.free{background:linear-gradient(150deg,#22c55e,#4ade80)}.table-obj.busy{background:linear-gradient(150deg,#f59e0b,#fbbf24)}.table-obj.editing{cursor:grab;outline:2.5px dashed rgba(255,92,31,.7);outline-offset:3px}.table-obj.dragging{cursor:grabbing;z-index:10;box-shadow:0 14px 30px #10182859}.table-obj small{font-size:10px;font-weight:600;opacity:.92}.table-obj .seats-tag{font-size:9px;opacity:.8;font-weight:600}.floor-toolbar{display:flex;gap:8px;align-items:center;padding:10px 0;flex-wrap:wrap}.frm{display:grid;grid-template-columns:120px 1fr;gap:11px 12px;align-items:center;font-size:13px}.frm label{color:var(--ink-2);font-weight:600}.frm .full{grid-column:1 / -1}.btn{background:var(--accent-grad);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13.5px;font-weight:700;letter-spacing:.2px;box-shadow:0 3px 10px #ff5c1f4d;transition:filter .12s,transform .12s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.gray{background:#eef0f5;color:var(--ink-2);box-shadow:none}.btn.green{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 3px 10px #16a34a4d}.btn.red{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 3px 10px #dc262640}.btn.dark{background:var(--ink);box-shadow:none}.btn.sm{padding:6px 12px;font-size:12px;border-radius:8px}.btn-row{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}table.data{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);font-size:13px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}table.data th{text-align:left;background:#fafbfd;color:var(--ink-3);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:11px 14px;border-bottom:1px solid var(--line)}table.data td{padding:11px 14px;border-bottom:1px solid #f1f3f8}table.data tbody tr:last-child td{border-bottom:none}table.data tr.sel td{background:#fff7ed}table.data tbody tr:hover td{background:#fafbfd}table.data tr.sel:hover td{background:#fff7ed}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.page-head h2{font-size:18px;font-weight:800;letter-spacing:-.2px}.filters{display:flex;gap:8px;align-items:center;font-size:13px;flex-wrap:wrap}.filters label{color:var(--ink-2);font-weight:600}.order-items{border:1.5px solid var(--line);border-radius:12px;max-height:250px;overflow:auto}.order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f1f3f8;font-size:13px;gap:8px}.order-item:last-child{border-bottom:none}.order-item .nm{flex:1;font-weight:500}.order-item.canceled{text-decoration:line-through;color:var(--ink-3)}.totline{display:flex;justify-content:space-between;font-size:13.5px;padding:4px 2px;color:var(--ink-2)}.totline.big{font-size:19px;font-weight:800;color:var(--ink)}.prod-picker{display:flex;gap:10px;margin-top:14px;flex-direction:column}.cat-row{display:flex;gap:6px;flex-wrap:wrap}.cat-row button{background:#eef0f5;border:none;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink-2)}.cat-row button.active{background:var(--ink);color:#fff}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px;max-height:300px;overflow:auto;padding:2px}.prod-grid button{background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:9px 8px;font-size:12px;min-height:60px;font-weight:600;color:var(--ink);transition:border-color .12s,box-shadow .12s}.prod-grid button:hover{border-color:var(--accent);box-shadow:0 3px 10px #ff5c1f1f}.prod-grid b{display:block;color:var(--accent);margin-top:4px;font-size:12.5px}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 600px at 70% -10%,#2c3550,#171c28 55%)}.login-card{background:var(--card);padding:40px 36px;border-radius:20px;width:360px;display:flex;flex-direction:column;gap:13px;box-shadow:0 24px 80px #00000073}.login-card h1{text-align:center;font-size:28px;letter-spacing:.5px;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login-card .sub{text-align:center;color:var(--ink-3);font-size:12.5px;margin-top:-8px}.err{color:var(--danger);font-size:13px;font-weight:500}.cardbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.cardbox h3{font-size:11.5px;color:var(--ink-3);margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.kpis{display:flex;gap:14px;flex-wrap:wrap}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 22px;min-width:170px;box-shadow:var(--shadow)}.kpi .v{font-size:23px;font-weight:800;color:var(--accent);letter-spacing:-.4px}.kpi .l{font-size:12px;color:var(--ink-2);margin-top:3px;font-weight:600}.perm-grid{columns:2;gap:18px;font-size:13px}.perm-section{break-inside:avoid;margin-bottom:14px}.perm-section h4{font-size:11px;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;letter-spacing:.6px}.perm-section label{display:flex;gap:8px;align-items:center;padding:2.5px 0;color:var(--ink-2)}.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:12px;padding:11px 15px;font-size:13px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#eef0f5;color:var(--ink-2)}.badge.green{background:#dcfce7;color:#15803d}.badge.orange{background:#ffedd5;color:#c2410c}.badge.red{background:#fee2e2;color:#b91c1c}.badge.blue{background:#dbeafe;color:#1d4ed8}.linklike{background:none;border:none;color:var(--accent);font-size:12px;font-weight:700;padding:0}.kds{flex:1;overflow:auto;background:#12151f;padding:18px}.kds-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff}.kds-head h2{font-size:18px;font-weight:800}.kds-head .badge{font-size:12px}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:start}.ticket{background:#1d2230;border-radius:14px;overflow:hidden;border:1px solid #2b3245}.ticket-head{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:#252b3d;color:#fff;font-weight:700;font-size:13.5px}.ticket-head .time{font-size:11.5px;color:#9aa3b5;font-weight:600}.ticket-head.late{background:#7f1d1d}.kds-item{padding:10px 14px;border-top:1px solid #2b3245;color:#e6e9f0;font-size:13px}.kds-item .top{display:flex;justify-content:space-between;gap:8px;align-items:center}.kds-item .cmt{color:#fbbf24;font-size:12px;margin-top:2px}.kds-item .actions{display:flex;gap:6px;margin-top:8px}.kds-item .actions button{flex:1;border:none;border-radius:8px;padding:6px;font-size:11.5px;font-weight:700}.ks-pending{background:#374151;color:#d1d5db}.ks-preparing{background:#b45309;color:#fff}.ks-ready{background:#15803d;color:#fff}.recipe-line{display:grid;grid-template-columns:1fr 86px 34px;gap:6px;margin-bottom:6px;align-items:center}.muted{color:var(--ink-3);font-size:12px}.lowstock{color:var(--danger);font-weight:700}@media print{.sidebar,.topbar,.tabs,.subtabs,.main,.btn-row,.prod-picker{display:none!important}.side{width:100%;border:none}body{background:#fff}}