*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f8fc;--surface: #ffffff;--border: #e5eaf3;--accent: #3478F6;--accent2: #14b8a6;--text: #1c2b3a;--muted: #6b7a90;--green: #16a34a;--amber: #f59e0b;--orange: #f97316;--violet: #8b5cf6;--red: #ef4444;--shadow: 0 2px 10px rgba(28,43,58,.06), 0 1px 2px rgba(28,43,58,.04);--shadow-lg: 0 12px 32px rgba(28,43,58,.14)}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 40% at 15% 0%,color-mix(in srgb,var(--accent) 7%,transparent) 0%,transparent 70%),radial-gradient(ellipse 45% 35% at 90% 90%,color-mix(in srgb,var(--accent2) 6%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}.wrap{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-name{font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tag{font-size:12px;color:var(--muted);font-weight:600}.top-right{display:flex;align-items:center;gap:9px}.live-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--green);background:#eaf8ef;border:1px solid #cdeeda;border-radius:999px;padding:6px 12px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sound-btn,.lang-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 13px;font-family:Nunito,sans-serif;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:color .2s,border-color .2s}.sound-btn.on,.lang-btn.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,#fff)}.sound-btn:focus-visible,.lang-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px;width:fit-content;margin:0 auto 2.25rem;box-shadow:var(--shadow)}.tab{font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:600;color:var(--muted);background:transparent;border:none;border-radius:999px;padding:7px 20px 8px;cursor:pointer;transition:color .2s,background .2s}.tab:hover{color:var(--text)}.tab.active{color:#fff;background:var(--accent)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.view-anim{animation:fadein .35s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.display-title{font-family:"Baloo 2",sans-serif;font-size:clamp(2rem,5.5vw,2.9rem);font-weight:800;text-align:center;line-height:1.1;margin-bottom:.15rem}.title-swash{display:block;width:130px;margin:2px auto 0}.display-sub{text-align:center;color:var(--muted);font-size:14px;font-weight:600;margin:.75rem 0 2rem}.queues{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:1.5rem}.qcard{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:1.2rem 1.2rem 1.3rem;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.qcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.qcard.closed{opacity:.55}.qhead{display:flex;align-items:center;gap:10px;margin-bottom:1.05rem}.qicon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--qc, var(--accent)) 12%,#fff);color:var(--qc, var(--accent));flex-shrink:0}.qname{font-family:"Baloo 2",sans-serif;font-size:14.5px;font-weight:700;line-height:1.2}.qnum-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:1px}.qnum{font-family:"Baloo 2",sans-serif;font-size:2.5rem;font-weight:800;color:var(--qc, var(--accent));line-height:1.1;margin-bottom:.8rem;font-variant-numeric:tabular-nums}.qmeta{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:8px}.qmeta b{color:var(--text);font-weight:800}.qbar{height:7px;border-radius:999px;background:#eef2f9;overflow:hidden}.qbar>span{display:block;height:100%;border-radius:inherit;background:var(--qc, var(--accent));transition:width .6s ease}.qr-panel{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:center;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,#fff),#fff 60%);border:1px solid var(--border);border-radius:22px;padding:1.3rem 1.5rem;box-shadow:var(--shadow)}.qr-box{width:112px;height:112px;background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-title{font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:700;margin-bottom:3px}.qr-text{font-size:13.5px;color:var(--muted);font-weight:600;line-height:1.55}.qr-text b{color:var(--text);font-weight:800}.sms-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--accent) 25%,#fff);border-radius:999px;padding:5px 12px}.call-banner{position:fixed;left:50%;bottom:28px;transform:translate(-50%,150%);z-index:50;display:flex;align-items:center;gap:16px;background:#fff;border:2px solid var(--cbc, var(--accent));border-radius:20px;padding:.9rem 1.6rem;box-shadow:var(--shadow-lg),0 0 0 6px color-mix(in srgb,var(--cbc, var(--accent)) 12%,transparent);transition:transform .45s cubic-bezier(.2,.9,.3,1.1)}.call-banner.show{transform:translate(-50%)}.cb-num{font-family:"Baloo 2",sans-serif;font-size:2.1rem;font-weight:800;color:var(--cbc, var(--accent));line-height:1.1;font-variant-numeric:tabular-nums}.cb-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cb-queue{font-size:14px;font-weight:700}.section-h{font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:700;margin:1.9rem 0 .9rem}.section-h:first-child{margin-top:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1rem 1.15rem;box-shadow:var(--shadow)}.kpi-v{font-family:"Baloo 2",sans-serif;font-size:1.8rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.kpi-l{font-size:12px;font-weight:600;color:var(--muted);margin-top:1px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.15rem 1.25rem .95rem;box-shadow:var(--shadow)}.bars{display:flex;align-items:flex-end;gap:7px;height:130px;margin-top:.5rem}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:color-mix(in srgb,var(--accent) 75%,#fff);transition:height .5s ease;min-height:4px}.bar.peak{background:var(--orange)}.bar-l{font-size:10.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;font-size:13.5px;box-shadow:var(--shadow)}th,td{padding:11px 15px;text-align:left}th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800;background:#fafbfe;border-bottom:1px solid var(--border)}tr+tr td{border-top:1px solid var(--border)}td{font-weight:600;color:var(--muted)}td b{font-weight:800;color:var(--text)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;vertical-align:0}.log{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:.35rem 0;max-height:235px;overflow-y:auto;box-shadow:var(--shadow)}.log-row{display:flex;align-items:center;gap:11px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted)}.log-row b{color:var(--text);font-weight:800}.log-row+.log-row{border-top:1px solid var(--border)}.log-ico{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent)}.log-t{color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.log-empty{padding:1.2rem 16px;color:var(--muted);font-size:13.5px;font-weight:600}.brand-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.brand-grid{grid-template-columns:340px 1fr;align-items:start}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem;box-shadow:var(--shadow)}.field{margin-bottom:1rem}.field label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input[type=text],.field input[type=tel],.field input[type=password]{width:100%;background:#fafbfe;border:1px solid var(--border);border-radius:11px;color:var(--text);font-family:Nunito,sans-serif;font-size:14px;font-weight:600;padding:10px 13px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.color-row{display:flex;gap:10px}.color-row .field{flex:1}input[type=color]{width:100%;height:42px;border:1px solid var(--border);border-radius:11px;background:#fafbfe;padding:4px;cursor:pointer}.file-btn{display:inline-flex;align-items:center;gap:8px;background:#fafbfe;border:1.5px dashed #cfd9ea;border-radius:11px;color:var(--muted);font-family:Nunito,sans-serif;font-size:13px;font-weight:700;padding:10px 15px;cursor:pointer;transition:border-color .2s,color .2s}.file-btn:hover{border-color:var(--accent);color:var(--accent)}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{display:flex;align-items:center;gap:8px;background:#fafbfe;border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:Nunito,sans-serif;font-size:12.5px;font-weight:700;padding:8px 14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.preset:hover{border-color:var(--accent);box-shadow:var(--shadow)}.preset .sw{width:13px;height:13px;border-radius:50%}.preview-note{font-size:13px;font-weight:600;color:var(--muted);line-height:1.6}.preview-note b{color:var(--text);font-weight:800}.btn{font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:700;border:none;border-radius:999px;padding:10px 22px;cursor:pointer;transition:filter .2s,transform .15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--surface);color:var(--muted);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-danger{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.btn-sm{font-size:12.5px;padding:7px 15px}.btn:disabled{opacity:.45;cursor:default;filter:none}.join-list{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto}.join-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1rem 1.15rem;box-shadow:var(--shadow);cursor:pointer;font-family:Nunito,sans-serif;transition:transform .2s,box-shadow .2s,border-color .2s}.join-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--qc, var(--accent)) 45%,#fff)}.join-item .qicon{width:44px;height:44px}.join-name{font-family:"Baloo 2",sans-serif;font-size:15.5px;font-weight:700}.join-meta{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:1px}.join-arrow{margin-left:auto;color:var(--muted)}.ticket-card{max-width:420px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:2rem 1.6rem;box-shadow:var(--shadow-lg);text-align:center}.ticket-num{font-family:"Baloo 2",sans-serif;font-size:4.4rem;font-weight:800;line-height:1.05;color:var(--qc, var(--accent));font-variant-numeric:tabular-nums}.ticket-queue{font-size:14.5px;font-weight:700;color:var(--muted);margin-top:2px}.ticket-stats{display:flex;gap:10px;margin:1.4rem 0}.ticket-stat{flex:1;background:#fafbfe;border:1px solid var(--border);border-radius:15px;padding:.8rem .5rem}.ticket-stat .v{font-family:"Baloo 2",sans-serif;font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums}.ticket-stat .l{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.privacy-note{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:12px;line-height:1.5}.called-hero{background:color-mix(in srgb,var(--green) 10%,#fff);border:2px solid var(--green);border-radius:20px;padding:1.2rem;margin-bottom:1.2rem}.called-hero h2{font-family:"Baloo 2",sans-serif;font-size:1.6rem;color:var(--green)}.ctrl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ctrl-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem;box-shadow:var(--shadow)}.ctrl-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.ctrl-name{font-family:"Baloo 2",sans-serif;font-size:13.5px;font-weight:700;flex:1;min-width:0}.ctrl-now{font-family:"Baloo 2",sans-serif;font-size:1.6rem;font-weight:800;color:var(--qc, var(--accent));font-variant-numeric:tabular-nums}.ctrl-meta{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}.ctrl-btns{display:flex;flex-wrap:wrap;gap:7px}.closed-pill{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red);background:#fef2f2;border:1px solid #fecaca;border-radius:999px;padding:3px 9px}.qcard.tappable{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.qcard.tappable:active{transform:translateY(-1px) scale(.99)}.kiosk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1c2b3a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.kiosk-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:2rem 2.4rem;box-shadow:var(--shadow-lg);text-align:center;max-width:380px;width:100%}.kiosk-num{font-family:"Baloo 2",sans-serif;font-size:4.6rem;font-weight:800;line-height:1.05;color:var(--qc, var(--accent));font-variant-numeric:tabular-nums}.kiosk-qr{display:flex;justify-content:center;padding:14px;background:#fff;border:1px solid var(--border);border-radius:16px;width:fit-content;margin:1.1rem auto 10px}.center-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.footer-powered{text-align:center;font-size:12px;color:var(--muted);font-weight:600;padding:20px 0 4px;position:relative;z-index:1}.footer-powered a{color:var(--accent);text-decoration:none;font-weight:800}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}