*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}#root{width:100%;max-width:100%;height:100%;min-height:unset;text-align:left;border:none;display:block}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Barlow,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6eb3de40;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#6eb3de73}:root{--navy-900:#091830;--navy-800:#0d1f3c;--navy-700:#102744;--navy-600:#1a3d6e;--navy-500:#234f8b;--blue-400:#2e6db4;--blue-300:#4a8ec8;--blue-200:#6eb3de;--blue-100:#b8d9f0;--blue-50:#e6f2fa;--white:#fff;--red-soft:#e74c3cbf;--red-bg:#e74c3c1a;--red-border:#e74c3c4d;--group-color:var(--blue-400)}.app{background:var(--navy-800);height:100vh;color:var(--white);flex-direction:column;display:flex;overflow:hidden}.header{background:var(--white);border-bottom:2px solid var(--blue-400);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:relative}.header-brand{flex:1;align-items:center;display:flex}.kt-logo-img{object-fit:contain;width:auto;height:52px}.header-title{letter-spacing:4px;text-transform:uppercase;color:var(--navy-600);text-align:center;flex:1;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.clock{letter-spacing:2px;color:#1a3d6e80;font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:600}.btn-mode{background:var(--blue-400);width:36px;height:36px;color:var(--white);border:1px solid var(--blue-300);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.btn-mode:hover{background:var(--blue-300)}.btn-mode.active{background:var(--blue-200);color:var(--navy-800);border-color:var(--blue-100)}.app-body{flex:1;display:flex;overflow:hidden}.admin-panel{background:var(--navy-700);border-right:1px solid #6eb3de26;flex-direction:column;flex-shrink:0;gap:0;width:360px;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.admin-panel.hidden{opacity:0;width:0}.admin-inner{flex-direction:column;gap:18px;width:360px;height:100%;padding:20px;display:flex;overflow:hidden}.admin-section{flex-direction:column;gap:8px;display:flex}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--blue-200);align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;display:flex}.queue-count{background:var(--blue-400);color:var(--white);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.add-box{background:#2e6db414;border:1px solid #2e6db433;border-radius:8px;padding:14px}.add-row{gap:8px;display:flex}.name-input{color:var(--white);background:#ffffff12;border:1px solid #6eb3de40;border-radius:5px;flex:1;min-width:0;padding:10px 14px;font-size:15px;font-weight:400;transition:border-color .2s,background .2s}.name-input::placeholder{color:#ffffff4d}.name-input:focus{border-color:var(--blue-200);background:#ffffff1a;outline:none}.btn-add{background:var(--blue-400);color:var(--white);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;font-weight:700;line-height:1;transition:background .15s;display:flex}.btn-add:hover{background:var(--blue-300)}.btn-add:active{transform:scale(.95)}.queue-section{flex:1;overflow:hidden}.queue-lanes{flex-direction:column;gap:14px;height:100%;display:flex;overflow-y:auto}.queue-lane{flex-direction:column;gap:6px;display:flex}.queue-lane-header{align-items:center;gap:7px;padding:0 2px;display:flex}.queue-lane-name{letter-spacing:2px;text-transform:uppercase;color:var(--group-color);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;overflow:hidden}.queue-lane-count{color:#ffffff59;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.queue-list{flex-direction:column;gap:5px;display:flex}.queue-empty{text-align:center;color:#ffffff40;padding:24px 0;font-size:13px;font-style:italic}.queue-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;transition:background .2s;animation:.25s forwards itemSlide;display:flex}.queue-item:hover{background:#ffffff12}.queue-item.item-current{background:#2e6db42e;border-color:#2e6db459}@keyframes itemSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.item-pos{color:var(--blue-200);text-align:center;flex-shrink:0;width:30px;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700}.pos-now{letter-spacing:1px;text-transform:uppercase;background:var(--group-color);color:var(--white);border-radius:3px;width:auto;padding:3px 5px;font-size:9px}.chip-dot{background:var(--group-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.item-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.item-eta{letter-spacing:.5px;color:var(--blue-200);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600}.btn-remove{color:var(--red-soft);border:1px solid var(--red-border);background:var(--red-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.btn-remove:hover{color:#ff6b5b;background:#e74c3c40}.btn-edit{color:var(--blue-200);background:#6eb3de0f;border:1px solid #6eb3de40;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:background .15s,color .15s;display:flex}.btn-edit:hover{color:var(--white);background:#6eb3de2e}.queue-item-editing{background:#2e6db41a;border-color:#2e6db44d;flex-direction:column;align-items:stretch}.entry-edit{flex-direction:column;gap:8px;width:100%;display:flex}.entry-edit-input{border:1px solid var(--blue-300);color:var(--white);background:#ffffff12;border-radius:5px;padding:8px 10px;font-size:14px}.entry-edit-input:focus{outline:none}.entry-edit-groups{flex-wrap:wrap;gap:6px;display:flex}.entry-edit-actions{gap:6px;display:flex}.entry-edit-actions .btn-cancel{padding:6px 12px;font-size:11px}.group-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.group-chip{letter-spacing:.5px;color:#fff9;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.group-chip:hover{color:#ffffffd9;border-color:#ffffff40}.group-chip.selected{background:color-mix(in srgb, var(--group-color) 22%, transparent);border-color:var(--group-color);color:var(--white)}.group-chip-general.selected{border-color:var(--blue-300);background:#2e6db440}.new-group-inline{align-items:center;gap:4px;margin-bottom:6px;display:inline-flex}.new-group-input{border:1px solid var(--blue-300);color:var(--white);background:#ffffff14;border-radius:999px;width:120px;padding:5px 12px;font-size:12px}.new-group-input:focus{outline:none}.btn-new-group{background:var(--blue-400);width:22px;height:22px;color:var(--white);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:15px;font-weight:700;line-height:1;transition:background .15s;display:flex}.btn-new-group:hover{background:var(--blue-300)}.btn-new-group:active{transform:scale(.95)}.groups-empty{color:#ffffff40;padding:4px 0;font-size:12px;font-style:italic}.groups-list{flex-direction:column;gap:5px;display:flex}.group-row{border:1px solid color-mix(in srgb, var(--group-color) 30%, transparent);background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.group-dot{background:var(--group-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.group-row-name{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.group-row-count{color:var(--group-color);text-align:center;min-width:14px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.icon-btn{color:#ffffff80;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:background .15s,color .15s;display:flex}.icon-btn:hover{color:var(--white);background:#ffffff14}.icon-btn-danger{color:var(--red-soft)}.icon-btn-danger:hover{background:var(--red-bg);color:#ff6b5b}.group-edit{flex-direction:column;gap:8px;width:100%;display:flex}.group-edit-input{border:1px solid var(--blue-300);color:var(--white);background:#ffffff12;border-radius:5px;padding:7px 10px;font-size:13px}.group-edit-input:focus{outline:none}.color-swatch-row{gap:6px;display:flex}.color-swatch{border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:transform .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--white);box-shadow:0 0 0 2px #ffffff26}.group-edit-actions{align-items:center;gap:6px;display:flex}.group-edit-delete{margin-left:auto}.group-delete-confirm{flex-direction:column;gap:8px;width:100%;display:flex}.delete-confirm-label{color:#ffffffbf;font-size:12px}.group-delete-actions{flex-wrap:wrap;gap:6px;display:flex}.group-delete-actions .btn-clear-all,.group-delete-actions .btn-clear-confirm,.group-delete-actions .btn-cancel{flex:none;padding:6px 10px;font-size:11px}.admin-actions{flex-shrink:0;gap:8px;padding-top:4px}.btn-clear-row{gap:8px;display:flex}.btn-clear-all{letter-spacing:1.5px;text-transform:uppercase;color:#e74c3ca6;border:1px solid var(--red-border);background:0 0;border-radius:5px;flex:1;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-clear-all:hover{background:var(--red-bg);color:#e74c3c}.btn-clear-confirm{letter-spacing:1.5px;text-transform:uppercase;color:var(--white);background:#e74c3c59;border:1px solid #e74c3c99;border-radius:5px;flex:1;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.btn-clear-confirm:hover{background:#e74c3c80}.btn-cancel{letter-spacing:1px;text-transform:uppercase;color:#ffffff73;background:0 0;border:1px solid #ffffff1a;border-radius:5px;padding:9px 14px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-cancel:hover{color:#ffffffbf;border-color:#fff3}.display-panel{background:#fff;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.display-panel:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#1a3d6e12 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.display-inner{z-index:1;flex-direction:column;gap:18px;height:100%;padding:28px 36px;display:flex;position:relative}@keyframes nameReveal{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.collapsed-pill-row{flex-wrap:wrap;flex:none;gap:8px;display:flex}.collapsed-pill{background:color-mix(in srgb, var(--group-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--group-color) 45%, transparent);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;transition:background .15s;display:inline-flex}.collapsed-pill:hover{background:color-mix(in srgb, var(--group-color) 18%, transparent)}.collapsed-pill-name{letter-spacing:.5px;color:var(--navy-700);font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.collapsed-pill-count{background:var(--group-color);min-width:18px;height:18px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.collapsed-pill-chevron{color:var(--group-color);font-size:10px}.lane-grid{flex:1;grid-template-columns:1fr;grid-auto-rows:1fr;gap:16px;min-height:0;display:grid}.lane-grid.multi{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.lane-card{background:linear-gradient(135deg, var(--navy-600) 0%, var(--navy-500) 100%);border:2px solid var(--group-color);min-height:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--group-color) 12%, transparent), 0 8px 40px color-mix(in srgb, var(--group-color) 22%, transparent), inset 0 1px 0 #ffffff0f;border-radius:14px;flex-direction:column;gap:10px;padding:24px 28px 22px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.lane-card:after{content:"";background:var(--group-color);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.lane-eyebrow{justify-content:space-between;align-items:center;gap:10px;display:flex}.lane-eyebrow-label{letter-spacing:3px;text-transform:uppercase;color:var(--group-color);text-overflow:ellipsis;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:700;overflow:hidden}.lane-eyebrow-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.lane-call-next,.lane-collapse-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:transform .15s,background .15s;display:flex}.lane-call-next{background:var(--group-color);color:var(--navy-900)}.lane-call-next:hover{transform:scale(1.08)}.lane-call-next:active{transform:scale(.94)}.lane-collapse-btn{color:#fff9;background:#ffffff14;border:1px solid #ffffff26}.lane-collapse-btn:hover{color:var(--white);background:#ffffff26}.lane-name{letter-spacing:-.5px;color:var(--white);text-shadow:0 2px 24px #6eb3de33;word-break:break-word;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(30px,13cqw,68px);font-weight:900;line-height:.95;animation:.5s cubic-bezier(.22,1,.36,1) forwards nameReveal}.lane-name.empty{color:#fff3;text-shadow:none;font-size:clamp(16px,5cqw,28px);font-style:italic;font-weight:300}.lane-next{border-top:1px solid #ffffff1a;flex-shrink:0;align-items:baseline;gap:10px;padding-top:10px;display:flex}.lane-next-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff73;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.lane-next-name{color:#fffffff2;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,11cqw,52px);font-weight:700;overflow:hidden}.lane-next-name.empty{color:#ffffff40;font-style:italic}.lane-next-eta{color:var(--group-color);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:600}.lane-waiting{border-top:1px solid #ffffff14;flex-direction:column;flex:1;gap:6px;min-height:0;padding-top:10px;display:flex}.lane-waiting-header{flex-shrink:0;align-items:center;gap:8px;display:flex}.lane-waiting-label{letter-spacing:2px;text-transform:uppercase;color:#fff6;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.lane-waiting-count{background:var(--group-color);min-width:20px;height:20px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.lane-waiting-list{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.lane-waiting-row{border-bottom:1px solid #ffffff0f;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:9px 0;animation:.25s forwards rowIn;display:grid}.lane-waiting-row:last-child{border-bottom:none}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lane-waiting-num{color:var(--navy-900);background:var(--group-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;display:flex}.lane-waiting-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(20px,6.5cqw,30px);font-weight:600;overflow:hidden}.lane-waiting-eta{color:var(--group-color);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600}:root{--eta-w:100px;--row-pad-r:32px}.toast{background:var(--navy-600);border:1px solid var(--blue-400);letter-spacing:.5px;color:var(--white);pointer-events:none;z-index:100;opacity:0;white-space:nowrap;border-radius:8px;padding:11px 22px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(72px);box-shadow:0 4px 24px #0006}.toast.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.app.display-mode .lane-name{font-size:clamp(52px,16cqw,128px)}.app.display-mode .lane-card{padding:32px 36px 28px}.app.display-mode .lane-next-name{font-size:clamp(38px,13cqw,64px)}.app.display-mode .lane-waiting-name{font-size:clamp(24px,8cqw,36px)}.app.display-mode .lane-waiting-eta{font-size:17px}.app.display-mode .lane-eyebrow-label{font-size:24px}@media (width<=860px){.app-body{flex-direction:column-reverse}.admin-panel{border-top:1px solid #6eb3de26;border-right:none;width:100%;max-height:44vh;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s}.admin-panel.hidden{opacity:0;width:100%;max-height:0}.admin-inner{width:100%}.header-title{display:none}.display-inner{gap:12px;padding:16px 20px}.lane-grid.multi{grid-template-columns:1fr}}