:root{--bg:#05060f;--bg-raise:#0b0e1cd1;--bg-solid:#0b0e1c;--bg-hover:#6c7bff12;--text:#eaecff;--muted:#a9b1d6;--faint:#6f76a3;--line:#ffffff17;--line-strong:#ffffff29;--accent-a:#6c7bff;--accent-b:#00d4ff;--grad:linear-gradient(92deg, var(--accent-a), var(--accent-b));--ok:#2ee6a8;--ok-text:#7ef5c8;--warn:#ffb86b;--warn-text:#ffd479;--danger:#ff6e6e;--danger-text:#ff9a9a;--radius:14px;--radius-sm:10px;--t-xs:.75rem;--t-sm:.8125rem;--t-md:.875rem;--t-lg:1rem;--t-xl:1.375rem;--t-2xl:1.75rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--shadow:0 10px 34px #00000061;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);background-image:radial-gradient(1100px 620px at 78% -12%,#6c7bff1a,#0000 62%);background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}:focus-visible{outline:2px solid var(--accent-b);outline-offset:3px;border-radius:6px}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wrap{max-width:760px;padding:var(--s6) var(--s4) 110px;margin:0 auto}.wrap.dash{max-width:1080px}.grid-2{gap:var(--s4);grid-template-columns:1fr;display:grid}@media (width>=900px){.grid-2{grid-template-columns:1fr 1fr;align-items:start}}.grid-2>.card{margin-bottom:0}.wrap.wide{max-width:760px}.console-wide{max-width:980px}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--t-lg)}.card{background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s5);margin-bottom:var(--s4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card h2{font-size:var(--t-lg);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.card h2 small{color:var(--faint);font-weight:400;font-size:var(--t-xs)}.subhead{font-family:var(--font-display);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:20px 0 10px;font-weight:600}.subhead:first-child{margin-top:0}.divider{border:none;border-top:1px solid var(--line);margin:18px 0}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.head h1{font-size:var(--t-xl)}.head .sub{color:var(--muted);font-size:var(--t-sm);margin-top:3px}.muted{color:var(--muted);font-size:var(--t-sm)}.faint{color:var(--faint);font-size:var(--t-sm)}.err{color:var(--danger-text);font-size:var(--t-md);margin-top:10px}.empty{color:var(--muted);font-size:var(--t-md);padding:6px 0}.btn{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--t-md);background:var(--accent-a);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:#7d8aff}.btn:active:not(:disabled){background:#5c6bef}.btn.ghost{color:var(--text);border:1px solid var(--line);background:#ffffff0f}.btn.ghost:hover:not(:disabled){border-color:var(--line-strong);box-shadow:none}.btn.danger{color:var(--danger-text);background:#ff6e6e24;border:1px solid #ff6e6e66}.btn.danger:hover:not(:disabled){box-shadow:none;border-color:#ff6e6ea6}.btn.small{font-size:var(--t-sm);min-height:32px;padding:6px 11px}@media (pointer:coarse){.btn{min-height:44px}.btn.small{min-height:44px;padding-inline:16px}}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.btn.loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--accent-b);cursor:pointer;font-size:var(--t-sm)}button.link{background:0 0;border:none;padding:0;font-family:inherit}.linkbtn{font:inherit;cursor:pointer;color:var(--accent-b);background:0 0;border:none;padding:0}.linkbtn:hover{text-decoration:underline}.linkbtn.muted,.footer .linkbtn{color:var(--muted)}.input,select.input,textarea.input{border:1px solid var(--line);color:var(--text);font-family:var(--font-body);background:#ffffff0d;border-radius:10px;outline:none;width:100%;padding:10px 13px;font-size:16px;transition:border-color .12s,background .12s}.input:focus{border-color:var(--accent-a);background:#ffffff12}.input::placeholder{color:var(--faint)}textarea.input{resize:vertical;min-height:64px}input[type=time].input,input[type=date].input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto}input[type=range].input{padding:10px 0}.input.inline{width:76px;padding:6px 8px;display:inline-block}select.input option{background:var(--bg-solid)}.field{text-align:left;margin-bottom:12px}.field label{font-size:var(--t-sm);color:var(--muted);margin-bottom:5px;display:block}.row{gap:10px;display:flex}.row>*{flex:1}.flex{align-items:center;gap:10px;margin-top:12px;display:flex}.flex .input{flex:1}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .track{border:1px solid var(--line-strong);background:#ffffff1f;border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s,border-color .15s;position:relative}.toggle .track:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--accent-a);border-color:var(--accent-a)}.toggle input:checked+.track:after{background:#fff;transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--accent-b);outline-offset:2px}.toggle input:disabled+.track{opacity:.45}.toggle .t-label{font-size:var(--t-md);color:var(--text)}.item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s3) var(--s4);margin-bottom:var(--s2);transition:border-color .12s,background .12s}.item.dim{opacity:.45}.item.click{cursor:pointer}.item.click:hover{background:var(--bg-hover);border-color:#6c7bff80}.item.unread{border-left:3px solid var(--accent-a)}.item .when{color:var(--faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums;align-items:center;gap:var(--s2);display:flex}.item .who{font-size:var(--t-md);margin:3px 0 2px;font-weight:600}.item .meta{color:var(--muted);font-size:var(--t-sm);overflow-wrap:anywhere}.item .row2{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.badge{font-size:var(--t-xs);border:1px solid var(--line);color:var(--muted);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:6px;padding:2px 9px}.badge.urgent{color:var(--danger-text);border-color:#ff6e6e80}.badge.booked,.badge.live{color:var(--ok-text);border-color:#2ee6a880}.badge.transferred{color:var(--warn-text);border-color:#ffc46b80}.pill{font-size:var(--t-xs);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.ok{color:var(--ok-text);background:#2ee6a814;border-color:#2ee6a880}.pill.warn{color:var(--warn-text);background:#ffb86b14;border-color:#ffb86b80}.pill.danger{color:var(--danger-text);background:#ff6e6e1a;border-color:#ff6e6e80}.pill.info{color:var(--accent-b);background:#00d4ff12;border-color:#00d4ff66}.stats{flex-wrap:wrap;gap:18px;margin-bottom:8px;display:flex}.stats .big{font-family:var(--font-display);font-size:var(--t-2xl);font-variant-numeric:tabular-nums;font-weight:700}.stats .lbl{color:var(--faint);font-size:var(--t-xs)}.stats .low{color:var(--danger-text)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin-bottom:12px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff0a;padding:12px 14px}.stat .v{font-family:var(--font-display);font-size:var(--t-xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.stat .v.low{color:var(--danger-text)}.stat .l{color:var(--faint);font-size:var(--t-xs);margin-top:var(--s1)}.alert{border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--t-md);background:#ffffff0a;border-left-width:3px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:11px 14px;display:flex}.alert svg{flex:none;margin-top:2px}.alert a,.alert .linkbtn{font-weight:600}.alert.info{border-left-color:var(--accent-b)}.alert.ok{border-left-color:var(--ok)}.alert.warn{border-left-color:var(--warn);background:#ffb86b0f}.alert.danger{border-left-color:var(--danger);background:#ff6e6e12}.copyblock{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;margin:6px 0 10px;padding:9px 12px;display:flex}.copyblock .val{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-xs);word-break:break-all;color:var(--muted);flex:1;min-width:0}.copyblock .btn{flex:none}.secret{border:1px solid var(--line);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-xs);word-break:break-all;background:#ffffff0a;border-radius:10px;margin:6px 0 10px;padding:10px 12px}code{background:#ffffff12;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82em}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);font-family:var(--font-display);font-weight:600;font-size:var(--t-md);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 14px;transition:color .12s,border-color .12s}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--accent-a)}.tab .count{font-size:var(--t-xs);background:#ffffff17;border-radius:999px;margin-left:6px;padding:1px 7px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .input{max-width:none}.toolbar select.input{flex:1;min-width:130px}.table-scroll{overflow-x:auto}table.clients{border-collapse:collapse;width:100%;font-size:var(--t-md)}table.clients th{text-align:left;color:var(--muted);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:8px 10px;font-weight:600}table.clients td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}table.clients tbody tr{cursor:pointer;transition:background .1s}table.clients tbody tr:hover td{background:var(--bg-hover)}table.clients .num{text-align:right;font-variant-numeric:tabular-nums}table.clients .num.low{color:var(--danger-text)}table.clients td .badge,table.clients td .pill{margin-left:0;margin-right:4px}table.clients .who{font-weight:600}table.clients .meta{color:var(--muted);font-size:var(--t-xs)}.avatar{border:1px solid var(--line-strong);width:34px;height:34px;font-family:var(--font-display);font-weight:700;font-size:var(--t-sm);color:var(--text);background:linear-gradient(135deg,#6c7bff40,#00d4ff2e);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.gate{text-align:center;max-width:430px;margin:0 auto;padding-top:26px}.gate .logo{justify-content:center;margin-bottom:14px;display:flex}.auth-title{font-size:var(--t-lg);margin:0 0 14px}.auth-hint{color:var(--muted);font-size:var(--t-sm);margin:0 0 18px;line-height:1.6}.auth-notice{border:1px solid var(--line-strong);font-size:var(--t-sm);text-align:left;border-radius:10px;padding:12px;line-height:1.6}.gate button.link:disabled{opacity:.5;cursor:default}.transcript{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.tline{font-size:var(--t-sm);margin-bottom:7px}.tline b{color:var(--accent-b);font-weight:600}.tline.agent b{color:var(--muted)}.tbubble{max-width:88%;font-size:var(--t-sm);clear:both;border-radius:14px;margin-bottom:8px;padding:8px 12px}.tbubble .who-tag{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-weight:700;display:block}.tbubble.agent{background:#6c7bff1f;border:1px solid #6c7bff4d;margin-right:auto}.tbubble.agent .who-tag{color:var(--accent-b)}.tbubble.caller{border:1px solid var(--line);background:#ffffff0d;margin-left:auto}.tbubble.caller .who-tag{color:var(--muted)}.day{align-items:center;gap:8px;padding:5px 0;display:flex}.day .d{width:40px;font-family:var(--font-display);font-size:var(--t-sm)}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{font-size:var(--t-sm);background:#ffb86b1a;border:1px solid #ffb86b66;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;display:inline-flex}.chip button{color:var(--warn);cursor:pointer;background:0 0;border:none;font-size:1rem}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1c 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skel-line{height:13px;margin-bottom:10px}.skel-card{border-radius:var(--radius);height:120px;margin-bottom:16px}.empty-state{text-align:center;color:var(--muted);padding:26px 14px}.empty-state .ico{color:var(--faint);justify-content:center;margin-bottom:10px;display:flex}.empty-state .t{font-family:var(--font-display);color:var(--text);font-weight:600;font-size:var(--t-md)}.empty-state .h{font-size:var(--t-sm);margin-top:4px;max-width:380px;margin-inline:auto}.toast{z-index:50;color:var(--ok-text);border-radius:var(--radius-sm);font-size:var(--t-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#2ee6a826;border:1px solid #2ee6a880;padding:10px 18px;animation:.18s toast-in;position:fixed;top:14px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.footer{text-align:center;margin-top:10px}.footer a{color:var(--muted)}.mt10{margin-top:10px}.mt16{margin-top:16px}.accent-link{color:var(--accent-b)}.scrollbox{max-height:220px;overflow-y:auto}@media (width<=640px){.wrap{padding:24px 12px 90px}.row{flex-direction:column;gap:0}.row.field>*{margin-bottom:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.head h1{font-size:var(--t-lg)}.toolbar{flex-direction:column;align-items:stretch}.toolbar .btn{width:100%}.flex{flex-wrap:wrap}.tbubble{max-width:100%}}@media (width<=760px){table.clients thead{display:none}table.clients,table.clients tbody,table.clients tr,table.clients td{width:100%;display:block}table.clients tbody tr{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;padding:6px 4px}table.clients td{border:none;padding:4px 12px;text-align:left!important}table.clients td:before{content:attr(data-label);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);display:block}table.clients td.no-label:before{content:none}}@media (prefers-reduced-motion:reduce){.btn,.item,.tab,.toggle .track,.toggle .track:after,table.clients tbody tr{transition:none}.skeleton,.toast{animation:none}.btn.loading:after{animation-duration:1.6s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}