:root{--bg: #0b1020;--bg-elevated: rgba(255, 255, 255, .08);--surface: #121a2f;--surface-2: #17213a;--border: rgba(255, 255, 255, .12);--text: #eef2ff;--muted: #b3bfdc;--primary: #7c9cff;--primary-strong: #5f82ff;--success: #30c48d;--warning: #f5b942;--danger: #ff6b6b;--shadow: 0 20px 50px rgba(0, 0, 0, .25);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--max-width: 1440px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(124,156,255,.14),transparent 30%),radial-gradient(circle at top right,rgba(48,196,141,.1),transparent 25%),linear-gradient(180deg,#0a0f1d,#0f1630)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100dvh;padding:var(--space-6);border-right:1px solid var(--border);background:#0a0f1db3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.brand-mark{width:44px;height:44px;object-fit:contain}.brand-copy h1{margin:0;font-size:1rem;letter-spacing:.02em}.brand-copy p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.nav-list{display:grid;gap:.4rem}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.9rem 1rem;border-radius:var(--radius-md);color:var(--muted);transition:.18s ease}.nav-item:hover,.nav-item.active{color:var(--text);background:#ffffff14}.main-view{padding:var(--space-6)}.page-wrap{max-width:var(--max-width);margin:0 auto;display:grid;gap:var(--space-6)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.headline h2{margin:0;font-size:clamp(1.7rem,2vw,2.4rem)}.headline p{margin:.4rem 0 0;color:var(--muted)}.pill-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.pill{padding:.7rem 1rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--muted)}.grid-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-6)}.card{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow)}.card h3,.card h4{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.stat{padding:var(--space-5);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{margin-top:.45rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:700}.queue-board{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:var(--space-4)}.queue-column{min-height:420px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff0a;padding:var(--space-4)}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.column-title{font-size:1rem;font-weight:700}.column-count{color:var(--muted);font-size:.9rem}.entry-list{display:grid;gap:var(--space-3)}.entry-card{padding:1rem;border-radius:var(--radius-md);background:#0f1630d9;border:1px solid rgba(255,255,255,.08)}.entry-top{display:flex;justify-content:space-between;gap:var(--space-3)}.entry-name{font-weight:700}.entry-meta{color:var(--muted);font-size:.9rem;margin-top:.3rem}.action-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.btn{border:0;border-radius:12px;padding:.85rem 1rem;color:#fff;background:#ffffff14}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.btn-success{background:linear-gradient(135deg,#25b97f,#30c48d)}.btn-warning{background:linear-gradient(135deg,#e5a128,#f5b942);color:#1a1a1a}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ff8585)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.field{display:grid;gap:.5rem}.field label{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:#ffffff0d;color:var(--text);border-radius:14px;padding:.95rem 1rem;outline:none}.kiosk-shell,.monitor-shell{min-height:100dvh;padding:var(--space-6)}.kiosk-card{max-width:760px;margin:0 auto}.monitor-layout{min-height:calc(100dvh - 3rem);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-6)}.monitor-now{display:grid;align-content:center;justify-items:start;padding:var(--space-10)}.monitor-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}.monitor-name{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95;margin:.8rem 0;font-weight:800}.monitor-side{display:grid;gap:var(--space-4)}.monitor-stack-card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffff0d}.monitor-stack-card h4{margin:0 0 1rem;color:var(--muted)}.monitor-stack-card strong{display:block;font-size:1.4rem}.mobile-nav{display:none}@media(max-width:1100px){.grid-hero,.queue-board,.monitor-layout,.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f1dcc;border-bottom:1px solid var(--border);padding:.8rem 1rem;justify-content:space-between;align-items:center}.main-view,.kiosk-shell,.monitor-shell{padding:1rem}.grid-hero,.queue-board,.monitor-layout,.stats-grid,.form-grid{grid-template-columns:1fr}.monitor-now{padding:var(--space-6)}}.drag-list{min-height:180px}.drag-card{position:relative;cursor:grab}.drag-card:active{cursor:grabbing}.drag-handle{position:absolute;top:.9rem;right:.9rem;color:var(--muted);letter-spacing:.1rem;font-weight:700}.cdk-drag-preview{border-radius:var(--radius-md);box-shadow:0 18px 40px #00000059;background:#0f1630f2;border:1px solid rgba(255,255,255,.1)}.cdk-drag-placeholder{opacity:.35}.cdk-drag-animating{transition:transform .22s ease}.drag-list.cdk-drop-list-dragging .drag-card:not(.cdk-drag-placeholder){transition:transform .22s ease}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.card-actions-wrap{position:relative;flex-shrink:0}.icon-btn{border:1px solid var(--border);background:#ffffff0d;color:var(--text);border-radius:12px;padding:.55rem .8rem;cursor:pointer}.card-menu{position:absolute;top:calc(100% + .4rem);right:0;min-width:180px;display:grid;gap:.25rem;padding:.4rem;border-radius:16px;border:1px solid var(--border);background:#111a33;box-shadow:0 20px 50px #00000059;z-index:30}.card-menu button{background:transparent;border:0;color:var(--text);text-align:left;padding:.8rem .9rem;border-radius:10px}.card-menu button:hover{background:#ffffff12}.served-stack{margin-top:1rem}.modal-backdrop{position:fixed;inset:0;background:#040914b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem;z-index:100}.modal-panel{width:min(760px,100%);border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#0c142cfa,#0a1124fa);box-shadow:0 30px 80px #00000073;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.modal-header h3{margin:0;font-size:1.5rem}.modal-header p{margin:.35rem 0 0;color:var(--muted)}.modal-footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.history-stack{margin-top:1rem}.history-section-title{margin:0 0 .75rem;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.entry-card.is-no-show{background:#a0a0a01f;border:1px solid rgba(200,200,200,.15);opacity:.82}.entry-card.is-served{background:#ffffff0a}.field-config-list{display:grid;gap:.75rem}.field-config-row{display:grid;grid-template-columns:1.5fr auto auto;gap:1rem;align-items:center;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff0a}@media(max-width:860px){.field-config-row{grid-template-columns:1fr}}.modal-panel-large{width:min(980px,100%)}.field-builder-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.field-config-scroll{max-height:420px;overflow-y:auto;padding-right:.25rem}.field-config-main{display:grid;gap:.5rem}.field-drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;font-weight:700;letter-spacing:.1rem;padding-top:.35rem}.field-config-row{grid-template-columns:auto 1.5fr auto auto auto}.field-config-scroll::-webkit-scrollbar{width:10px}.field-config-scroll::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.field-config-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}@media(max-width:860px){.field-config-row{grid-template-columns:1fr}.field-builder-header{flex-direction:column;align-items:stretch}}.queue-board-two-col{grid-template-columns:1fr 1fr}@media(max-width:860px){.queue-board-two-col{grid-template-columns:1fr}}.monitor-layout-single{grid-template-columns:1.5fr .7fr}@media(max-width:860px){.monitor-layout-single{grid-template-columns:1fr}}.slot-admin-list{display:grid;gap:.75rem}.slot-admin-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:#ffffff0a}@media(max-width:860px){.slot-admin-row{flex-direction:column;align-items:stretch}}.timeline-slot-list{display:grid;gap:1rem}.timeline-slot-row{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start}.timeline-slot-time{position:sticky;top:1rem}.timeline-slot-label{font-size:1.05rem;font-weight:700}.timeline-slot-dropzone{min-height:88px;border:1px dashed var(--border);border-radius:16px;padding:.75rem;background:#ffffff08;display:grid;gap:.75rem}.timeline-slot-empty{color:var(--muted);font-size:.95rem;padding:.5rem .25rem}.status-serving{background:#30c48d24;border:1px solid rgba(48,196,141,.35)}.status-on-deck{background:#ffcc0024;border:1px solid rgba(255,204,0,.35)}.status-waiting{background:#ffffff0a}@media(max-width:860px){.timeline-slot-row{grid-template-columns:1fr}.timeline-slot-time{position:static}}.pill-button{cursor:pointer;border:1px solid var(--border);background:#ffffff0a}.status-complete{background:#0000008c;border:1px solid rgba(255,255,255,.12);color:#ffffffe0}.status-no-show{background:#80808038;border:1px solid rgba(180,180,180,.28);color:#ffffffe0}.monitor-inline-logo-wrap{display:flex;justify-content:center;margin:0 0 1rem}.monitor-inline-logo{width:100%;max-width:none;max-height:260px;height:auto;object-fit:contain}.monitor-landscape-shell{min-height:100vh;padding:1.5rem;display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem}.monitor-landscape-logo-wrap,.monitor-landscape-title-wrap{display:flex;justify-content:center;align-items:center}.monitor-landscape-logo{width:100%;max-width:none;max-height:320px;height:auto;object-fit:contain}.monitor-landscape-title{font-size:clamp(2rem,4vw,3rem);margin:0}.monitor-landscape-main{border-radius:28px;padding:2rem;display:grid;place-items:center;text-align:center;box-shadow:0 20px 50px #0000004d}.monitor-landscape-main-name{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05}.monitor-landscape-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.monitor-landscape-side-card{border-radius:24px;padding:1.5rem;min-height:160px;display:grid;align-content:center;box-shadow:0 20px 50px #00000038}.monitor-side-main-text{font-size:clamp(1.5rem,3vw,2.5rem);margin:.35rem 0}@media(max-width:860px){.monitor-landscape-shell{grid-template-rows:auto auto auto}.monitor-landscape-bottom{grid-template-columns:1fr}}.monitor-shell-preview{min-height:100%;height:100%;padding:0}.monitor-page-section{min-height:100%}.monitor-shell-preview .monitor-page-section{max-width:none;margin:0;padding:0;gap:0}.monitor-shell-preview .topbar{display:none}.monitor-shell-preview .monitor-inline-logo-wrap{margin:0;padding:1rem 1rem 0}.monitor-shell-preview .monitor-layout{min-height:100%;height:100%;padding:1rem;gap:1rem}.monitor-shell-preview .monitor-now{min-height:100%}.monitor-landscape-shell-preview{min-height:100%;height:100%;padding:1rem}.monitor-preview-shell{width:100%;display:block}.monitor-preview-stage{width:100%;overflow:hidden;border-radius:24px;background:#ffffff0a;border:1px solid var(--border);box-shadow:0 20px 50px #00000040}.monitor-preview-stage-landscape{aspect-ratio:16 / 9;min-height:420px}.monitor-preview-stage-portrait{aspect-ratio:16 / 10;min-height:520px}.monitor-preview-frame{width:100%;height:100%;border:0;display:block;background:#000}input[type=range]{width:100%;accent-color:var(--primary)}.kiosk-form input,.kiosk-form textarea,.kiosk-form select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);font:inherit;color:inherit;background:inherit}.kiosk-form input::placeholder,.kiosk-form textarea::placeholder{color:#ffffff80}.kiosk-form input:focus,.kiosk-form textarea:focus,.kiosk-form select:focus{outline:none;border-color:#7c9cff}