:root{--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.125rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-full:999px;--sidebar-w:248px;--topbar-h:60px;--touch:44px;--ease:cubic-bezier(.2,.8,.2,1);--bg:#f7f7f8;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e9eaee;--fg:#111318;--fg-2:#3f4350;--muted:#6b7080;--line:#e4e5ea;--line-strong:#d4d6dd;--accent:#4f46e5;--accent-hover:#4338ca;--accent-fg:#fff;--accent-soft:#eef0ff;--accent-ring:#4f46e547;--success:#15803d;--success-soft:#e8f6ec;--warning:#b45309;--warning-soft:#fdf3e2;--danger:#c2272d;--danger-soft:#fdecec;--info:#2563eb;--info-soft:#e9f0ff;--shadow-sm:0 1px 2px #10121b0d;--shadow-md:0 1px 2px #10121b0a, 0 6px 16px -6px #10121b1a;--shadow-lg:0 24px 48px -16px #10121b47;--skeleton:linear-gradient(90deg, #eceef2, #f6f7f9 50%, #eceef2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0c10;--surface:#121319;--surface-2:#181a21;--surface-3:#22252e;--fg:#ececf1;--fg-2:#c3c6d1;--muted:#8b8fa0;--line:#23262f;--line-strong:#30343f;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-fg:#0b0c10;--accent-soft:#818cf824;--accent-ring:#818cf859;--success:#4ade80;--success-soft:#4ade801f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#f87171;--danger-soft:#f871711f;--info:#60a5fa;--info-soft:#60a5fa1f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #00000059, 0 8px 24px -10px #0009;--shadow-lg:0 24px 60px -12px #000000bf;--skeleton:linear-gradient(90deg, #1b1d24, #252832 50%, #1b1d24);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-md);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.25}a{color:var(--accent)}.mono,code{font-family:var(--mono);font-size:.85em}code{background:var(--surface-2);border:1px solid var(--line);word-break:break-all;border-radius:6px;padding:1px 6px}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.app{min-height:100vh}.app,.brand,.sidebar{display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);z-index:40;transition:transform .25s var(--ease);flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{height:var(--topbar-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);border-bottom:1px solid var(--line)}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 6px 14px -6px #4f46e5b3}.brand-mark svg.icon{width:18px;height:18px}.brand-name{font-weight:650;font-size:var(--fs-md)}.brand-sub{font-size:var(--fs-xs);color:var(--muted)}.nav{padding:var(--sp-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:var(--sp-4) var(--sp-3) var(--sp-2);font-size:11px;font-weight:600}.nav a{align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--fg-2);font-size:var(--fs-md);font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-2);color:var(--fg)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.sidebar-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);flex-direction:column}.health,.sidebar-foot{gap:var(--sp-2);display:flex}.health{font-size:var(--fs-xs);color:var(--muted);align-items:center}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--success)}.dot.off{background:var(--danger)}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35;opacity:0;pointer-events:none;background:#08090c80;transition:opacity .2s;position:fixed;inset:0}.main{min-width:0;margin-left:var(--sidebar-w);flex-direction:column;flex:1;display:flex}.topbar{z-index:30;height:var(--topbar-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.topbar h1{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:650;overflow:hidden}.topbar-actions{align-items:center;gap:var(--sp-2);display:flex}.topbar-actions .select{width:auto;min-height:36px;font-size:var(--fs-sm);padding:0 10px}.topbar .menu-btn{display:none}.content{padding:var(--sp-6);width:100%;max-width:1280px;margin:0 auto;padding-bottom:120px}.content,.view{gap:var(--sp-6);flex-direction:column;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;display:flex}.page-head p{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--fs-sm)}.page-head h2{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:680}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.card-head h3{font-size:var(--fs-md);font-weight:620}.card-body{padding:var(--sp-5)}.card-foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line);gap:var(--sp-2);flex-wrap:wrap;display:flex}.grid{gap:var(--sp-4);display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.stat{padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;display:flex}.stat-top{color:var(--muted);font-size:var(--fs-sm);justify-content:space-between;align-items:center;font-weight:500;display:flex}.stat-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.stat-value{font-size:var(--fs-2xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700}.stat-sub{font-size:var(--fs-xs);color:var(--muted)}.bars{gap:var(--sp-3);height:160px;padding-top:var(--sp-2);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;display:grid}.bar{align-items:center;gap:var(--sp-2);flex-direction:column;justify-content:flex-end;min-width:0;height:100%;display:flex}.bar-col{background:var(--accent-soft);border-radius:8px 8px 4px 4px;width:100%;max-width:40px;min-height:4px;position:relative;overflow:hidden}.bar-col i{background:var(--accent);border-radius:inherit;opacity:.9;position:absolute;bottom:0;left:0;right:0}.bar span{color:var(--muted);white-space:nowrap;font-size:11px}.bar b{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:600}.btn{--h:40px;justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--h);padding:0 var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;font-weight:560;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.input:focus-visible,.nav a:focus-visible,.select:focus-visible,.switch input:focus-visible+span,.textarea:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);border-color:var(--accent);outline:none}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;box-shadow:0 1px 2px #00000014,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--fg)}.btn-danger,.btn-ghost.btn-danger{color:var(--danger)}.btn-ghost.btn-danger:hover{background:var(--danger-soft);color:var(--danger)}.btn-danger-solid{--solid:#c2272d;background:var(--solid);color:#fff;border-color:#0000}.btn-danger-solid:hover{background:var(--solid);filter:brightness(1.08)}.btn-warning-solid{--solid:#b45309;background:var(--solid);color:#fff;border-color:#0000}.btn-warning-solid:hover{background:var(--solid);filter:brightness(1.08)}:root[data-theme=dark] .btn-danger-solid{--solid:#dc2626}:root[data-theme=dark] .btn-warning-solid{--solid:#c2410c}.btn-icon{width:var(--touch);min-height:var(--touch);padding:0}.btn-sm{--h:36px;padding:0 var(--sp-3)}.btn.is-disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.is-disabled:active{transform:none}.btn .spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.label{font-size:var(--fs-sm);color:var(--fg-2);font-weight:560}.hint{font-size:var(--fs-xs);color:var(--muted)}.input,.select,.textarea{width:100%;min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.textarea{padding:var(--sp-3);resize:vertical;min-height:88px;line-height:1.45}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.form-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-actions{gap:var(--sp-2);flex-wrap:wrap}.check,.form-actions,.toolbar{align-items:center;display:flex}.check{gap:var(--sp-3);min-height:var(--touch);cursor:pointer;font-size:var(--fs-md)}.check input{width:20px;height:20px;accent-color:var(--accent)}.search{flex:1;min-width:180px;position:relative}.search svg.icon{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:38px}.toolbar{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar .select{width:auto;min-width:140px}.switch{align-items:center;gap:var(--sp-3);min-height:var(--touch);cursor:pointer;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch span{border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line-strong);flex:none;width:44px;height:26px;transition:background .2s;position:relative}.switch span:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--accent);border-color:#0000}.switch input:checked+span:after{transform:translate(18px)}.switch input:disabled+span{opacity:.5}.badge{border-radius:var(--r-full);height:24px;font-size:var(--fs-xs);white-space:nowrap;background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line);align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.plain:before{display:none}.badge.success{background:var(--success-soft);color:var(--success)}.badge.accent,.badge.danger,.badge.info,.badge.success,.badge.warning{border-color:#0000}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.live:before{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface);white-space:nowrap;font-weight:600}.table td,.table th{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.table td{vertical-align:middle}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.party{flex-direction:column;min-width:0;display:flex}.party b{font-variant-numeric:tabular-nums;font-weight:560}.cell-actions{gap:var(--sp-1);justify-content:flex-end;display:flex}.check-hit{justify-content:center;align-items:center;gap:var(--sp-2);min-width:var(--touch);min-height:var(--touch);cursor:pointer;display:inline-flex;position:relative}.check-hit input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;margin:0}.check-hit input:disabled{cursor:not-allowed;opacity:.4}.table td[data-col=check],.table th.col-check{width:52px;padding-left:var(--sp-3);padding-right:0}.table th.col-check .check-hit{min-height:32px}.bulk-bar.has-selection,.table tbody tr.is-selected{background:var(--accent-soft)}.bulk-bar{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-5) var(--sp-1) var(--sp-3);border-bottom:1px solid var(--line);flex-wrap:wrap;min-height:52px;display:flex}.bulk-bar .bulk-all{font-size:var(--fs-sm);color:var(--fg-2);padding-right:var(--sp-2);font-weight:560}.bulk-bar.has-selection .bulk-all{color:var(--fg)}.bulk-actions{gap:var(--sp-2);align-items:center;display:flex}.key-actions{gap:var(--sp-1);flex:none;display:flex}.card-foot .push-end{margin-left:auto}.kpi b,.num{font-variant-numeric:tabular-nums}.list{flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line);min-height:60px;display:flex}.list-item:last-child{border-bottom:0}.list-item .grow{flex:1;min-width:0}.row-meta{align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:4px;display:flex}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{background:var(--surface-2);width:36px;height:36px;color:var(--fg-2);border-radius:10px}.avatar.in{background:var(--info-soft);color:var(--info)}.avatar.out{background:var(--accent-soft);color:var(--accent)}.projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));align-items:start}.proj-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5);display:flex}.proj-head h3{font-size:var(--fs-lg);word-break:break-word;font-weight:650}.proj-id{font-family:var(--mono);color:var(--muted);word-break:break-all;font-size:11px}.kpis{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kpi{padding:var(--sp-3) var(--sp-5);border-right:1px solid var(--line);min-width:0}.kpi:last-child{border-right:0}.kpi b{font-size:var(--fs-lg);font-weight:650;display:block}.kpi span{font-size:var(--fs-xs);color:var(--muted)}.meta{gap:var(--sp-2) var(--sp-4);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-sm);grid-template-columns:120px minmax(0,1fr);display:grid}.empty,.meta dt{color:var(--muted)}.meta dd{word-break:break-word;min-width:0;margin:0}.key-row,.keys{border-top:1px solid var(--line)}.keys-head{justify-content:space-between}.key-row,.keys-head{padding:var(--sp-3) var(--sp-5);align-items:center;display:flex}.key-row{gap:var(--sp-3)}.key-row .grow{flex:1;min-width:0}.key-mask{font-family:var(--mono);font-size:var(--fs-sm)}.empty{padding:var(--sp-8) var(--sp-5);text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.empty .empty-icon{background:var(--surface-2);width:48px;height:48px;color:var(--fg-2);margin-bottom:var(--sp-2);border-radius:14px;place-items:center;display:grid}.empty h4{color:var(--fg);font-size:var(--fs-md);font-weight:620}.empty p{font-size:var(--fs-sm);max-width:380px;margin:0}.sk{background:var(--skeleton);background-size:200% 100%;border-radius:8px;animation:1.3s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sk-line{height:12px}.sk-title{width:50%;height:28px}dialog.modal{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-lg);width:calc(min(560px,100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:auto}dialog.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08090c8c}dialog.modal[open]{animation:pop .18s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-3);display:flex}.modal-head h3{font-size:var(--fs-lg);font-weight:650}.modal-body{padding:0 var(--sp-5) var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex}.modal-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);gap:var(--sp-2);background:var(--surface-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.callout{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.45;display:flex}.callout.warning{background:var(--warning-soft);color:var(--warning)}.callout.info{background:var(--info-soft);color:var(--info)}.callout.danger{background:var(--danger-soft);color:var(--danger)}.callout[hidden]{display:none}.confirm-lead{font-size:var(--fs-sm);color:var(--fg-2);margin:0;line-height:1.5}.count-list{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.count-list li{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm);min-height:40px;display:flex}.count-list li span{color:var(--fg-2);min-width:0}.count-list li b{font-variant-numeric:tabular-nums;font-weight:650}.pdel-code{max-width:100%;font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);overflow-wrap:anywhere;color:var(--fg);-webkit-user-select:all;user-select:all;border-radius:6px;padding:1px 6px;display:inline-block}.input[aria-invalid=true]{border-color:var(--danger)}.detail-foot{padding-top:var(--sp-2);border-top:1px solid var(--line);justify-content:flex-end;display:flex}.callout strong{color:inherit}.secret,.transcript{gap:var(--sp-2);display:flex}.secret .input{font-family:var(--mono);font-size:14px}.transcript{max-height:50vh;padding:var(--sp-1);flex-direction:column;overflow:auto}.bubble{max-width:85%;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);word-break:break-word;border-radius:14px;line-height:1.45}.bubble.assistant{background:var(--surface-2);border-bottom-left-radius:4px;align-self:flex-start}.bubble.user{background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:4px;align-self:flex-end}.bubble.system{color:var(--muted);font-size:var(--fs-xs);background:0 0;align-self:center}.kv{gap:6px var(--sp-4);font-size:var(--fs-sm);grid-template-columns:130px minmax(0,1fr);display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-word;min-width:0;margin:0}.player{left:calc(16px + var(--sidebar-w));z-index:45;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);display:flex;position:fixed;bottom:16px;right:16px}.player .grow{flex:1;min-width:0}.player audio{width:100%;height:40px;margin-top:4px;display:block}.toasts{z-index:60;gap:var(--sp-2);pointer-events:none;flex-direction:column;width:calc(min(380px,100vw - 32px));display:flex;position:fixed;top:72px;right:16px}.toast{pointer-events:auto;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:var(--fs-sm);animation:toastIn .22s var(--ease);align-items:flex-start;display:flex}.toast.success svg.icon{color:var(--success)}.toast.error svg.icon{color:var(--danger)}.toast.info svg.icon{color:var(--info)}.toast.out{opacity:0;transition:all .2s;transform:translateY(-6px)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}[data-tip]{position:relative}[data-tip]:focus-visible:after,[data-tip]:hover:after{content:attr(data-tip);background:var(--fg);color:var(--bg);font-size:var(--fs-xs);white-space:nowrap;z-index:20;pointer-events:none;box-shadow:var(--shadow-md);border-radius:8px;padding:6px 10px;font-weight:500;position:absolute;bottom:calc(100% + 8px);right:0}@media (width<=1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.sidebar{box-shadow:var(--shadow-lg);width:calc(min(84vw,300px));transform:translate(-100%)}body.nav-open .sidebar{transform:none}body.nav-open .scrim{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.main{margin-left:0}.topbar .menu-btn{display:inline-flex}.topbar{padding:0 var(--sp-3)}.content{padding:var(--sp-4)}.content,.view{gap:var(--sp-4)}.player{bottom:12px;left:12px;right:12px}.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards td,.table-cards tr{width:100%;display:block}.table-cards tr{gap:6px var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-2);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.table-cards td[colspan]{grid-column:1/-1}.table-cards td[data-col=check]{grid-area:1/1/span 2;align-self:center;width:auto;padding:0}.table-cards tbody tr:last-child{border-bottom:0}.table-cards td{border:0;padding:0}.table-cards td[data-col=party]{grid-area:1/2}.table-cards td[data-col=status]{text-align:right;grid-area:1/3}.table-cards td[data-col=time]{color:var(--muted);font-size:var(--fs-xs);grid-area:2/2}.table-cards td[data-col=dur]{text-align:right;color:var(--muted);font-size:var(--fs-xs);grid-area:2/3}.table-cards td[data-col=dir]{display:none}.table-cards td[data-col=actions]{grid-area:3/2/auto/-1}.bulk-bar{padding:var(--sp-1) var(--sp-4) var(--sp-1) var(--sp-2)}.table-cards .cell-actions{justify-content:stretch}.table-cards .cell-actions .btn{min-height:var(--touch);flex:1}}@media (width<=560px){.stats{gap:var(--sp-3)}.stat{padding:var(--sp-4)}.stat-value{font-size:var(--fs-xl)}.page-head h2{font-size:var(--fs-lg)}.hide-sm{display:none!important}.btn-label-md,.btn-label-sm,[data-tip]:hover:after{display:none}.kv,.meta{grid-template-columns:minmax(0,1fr);gap:2px}.kv dd,.meta dd{margin-bottom:var(--sp-2)}.kpi{padding:var(--sp-3)}.card-body,.key-row,.keys-head,.meta,.proj-head{padding-left:var(--sp-4);padding-right:var(--sp-4)}.card-foot .btn{min-height:var(--touch);flex:calc(50% - 8px)}.card-foot .push-end{flex-basis:100%;margin-left:0}.key-row{flex-wrap:wrap}.key-actions{width:100%;padding-left:calc(36px + var(--sp-3))}.key-actions .btn{min-height:var(--touch);flex:1}.count-list li{padding:var(--sp-2);font-size:var(--fs-xs)}.bulk-actions{margin-left:auto}.bulk-actions .btn,.modal-foot .btn{min-height:var(--touch)}.table-cards .cell-actions .btn[data-act=del-call]{flex:0 0 var(--touch);padding:0}dialog.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0}.modal-foot .btn,.toolbar .select{flex:1}.toasts{width:auto;inset:auto 16px 16px}.bars{gap:var(--sp-2);height:130px}}.me{align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);margin-bottom:var(--sp-1);border-bottom:1px solid var(--line);display:flex}.avatar{width:34px;height:34px;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.sm{width:32px;height:32px}.me-text{flex:1;min-width:0}.me-name{font-size:var(--fs-sm);font-weight:620}.me-name,.me-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.date-field,.me-sub{font-size:var(--fs-xs);color:var(--muted)}.audit-filters{align-items:flex-end}.audit-filters .audit-search{flex:260px;min-width:200px}.date-field{flex-direction:column;gap:4px;min-width:0;font-weight:560;display:flex}.date-field .input{width:160px}.audit-filters .select{min-width:160px;max-width:240px}.audit-summary{padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--line);align-items:center;min-height:34px;display:flex}.audit-summary:empty{display:none}.perm-all,.perm-item,.row-click,.seg label{cursor:pointer}.nowrap{white-space:nowrap}.actor{color:var(--fg-2);align-items:center;gap:6px;display:inline-flex}.actor svg.icon{width:15px;height:15px;color:var(--muted)}.audit-table td.target{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-family:var(--mono);font-size:12px;overflow:hidden}.pager{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line);display:flex}.pager:empty{display:none}.pager-info{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}pre.json{padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;font-size:12px;line-height:1.55;overflow:auto}.hint svg.icon{vertical-align:-2px;width:14px;height:14px}.who{align-items:center;gap:var(--sp-3);display:flex}.who,.who>div{min-width:0}.who-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:620;display:flex}.who-sub{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere}.owner-row{background:linear-gradient(90deg,var(--accent-soft),transparent 70%)}.owner-row .badge svg.icon{width:13px;height:13px}.owner-row .badge:before{display:none}tr.is-inactive .who,tr.is-inactive td[data-col=created],tr.is-inactive td[data-col=last]{opacity:.55}.hint.ok{color:var(--success)}.hint.bad{color:var(--danger)}@media (width<=900px){.audit-filters .audit-search{flex-basis:100%}.audit-filters .select,.date-field{flex:calc(50% - 8px)}.date-field .input{width:100%;min-width:0}.audit-filters .select{min-width:0;max-width:none}.audit-filters #audit-reset{flex:100%}.admins-table thead,.audit-table thead{display:none}.admins-table,.admins-table tbody,.admins-table td,.admins-table tr,.audit-table,.audit-table tbody,.audit-table td,.audit-table tr{width:100%;display:block}.admins-table td,.audit-table td{border:0;padding:0}.audit-table tr{gap:6px var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid}.audit-table td[colspan]{grid-column:1/-1}.audit-table td[data-col=action]{grid-area:1/1}.audit-table td[data-col=time]{text-align:right;color:var(--muted);font-size:var(--fs-xs);grid-area:1/2;align-self:center}.audit-table td[data-col=actor]{font-size:var(--fs-sm);grid-area:2/1}.audit-table td[data-col=project]{text-align:right;font-size:var(--fs-sm);color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;max-width:45vw;overflow:hidden}.audit-table td[data-col=target]{grid-area:3/1/auto/-1;max-width:none}.audit-table td[data-col=actions],.audit-table td[data-col=target]:empty{display:none}.admins-table tbody tr:last-child,.audit-table tbody tr:last-child{border-bottom:0}.admins-table tr{gap:8px var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid}.admins-table td[colspan]{grid-column:1/-1}.admins-table td[data-col=who]{grid-area:1/1}.admins-table td[data-col=status]{text-align:right;grid-area:1/2;align-self:center}.admins-table td[data-col=last]{font-size:var(--fs-xs);color:var(--muted);grid-area:2/1}.admins-table td[data-col=last]:before{content:"Son giriş: "}.admins-table td[data-col=created]{font-size:var(--fs-xs);color:var(--muted);text-align:right;grid-area:2/2}.admins-table td[data-col=actions]{grid-area:3/1/auto/-1}.admins-table .cell-actions{flex-wrap:wrap;justify-content:stretch}.admins-table .cell-actions .btn{min-height:var(--touch);flex:1}.admins-table .owner-row td[data-col=last]{display:none}.admins-table .owner-row .cell-actions{justify-content:flex-start}}@media (width<=560px){.pager{padding:var(--sp-3) var(--sp-4)}.pager .btn{min-height:var(--touch)}}.head-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.callout.success{background:var(--success-soft);color:var(--success)}fieldset.fs{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4) var(--sp-4);gap:var(--sp-3);flex-direction:column;min-width:0;margin:0;display:flex}fieldset.fs legend{font-size:var(--fs-sm);color:var(--fg);padding:0 6px;font-weight:620}.mono-input{font-family:var(--mono);letter-spacing:.01em;font-size:14px}.seg{border:1px solid var(--line-strong);border-radius:var(--r-sm);margin-bottom:var(--sp-3);align-self:flex-start;overflow:hidden}.seg,.seg label{display:inline-flex}.seg label{font-size:var(--fs-sm);align-items:center;gap:6px;min-height:40px;padding:8px 14px}.seg label+label{border-left:1px solid var(--line-strong)}.seg label:has(input:checked){background:var(--accent-soft);color:var(--accent);font-weight:600}.seg input{accent-color:var(--accent)}#cred-key-fields,#cred-netgsm-fields,#cred-twilio-fields{gap:var(--sp-3);flex-direction:column;display:flex}#cred-key-fields[hidden],#cred-netgsm-fields[hidden],#cred-twilio-fields[hidden]{display:none}.modal-foot #cred-clear{margin-right:auto}.perm-toolbar{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.perm-toolbar .perm-quick{gap:var(--sp-1);margin-left:auto;display:flex}.perm-groups{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}fieldset.perm-group{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0;margin:0;padding:0;transition:border-color .15s}fieldset.perm-group.has-on{border-color:var(--accent-ring)}fieldset.perm-group legend{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-bottom:1px solid var(--line);border-radius:var(--r-md) var(--r-md) 0 0;float:left;display:flex}fieldset.perm-group legend+*{clear:both}.perm-all{align-items:center;gap:var(--sp-2);font-weight:620;font-size:var(--fs-sm);min-height:32px;display:inline-flex}.perm-all input,.perm-item input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}.perm-items{padding:var(--sp-1) var(--sp-3) var(--sp-2);flex-direction:column;display:flex}.perm-item{align-items:center;gap:var(--sp-2);min-height:36px;font-size:var(--fs-sm);color:var(--fg-2);display:flex}.perm-item.no-grant{opacity:.5;cursor:not-allowed}.perm-all input:disabled,.perm-item input:disabled{cursor:not-allowed}.chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chip{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);height:22px;color:var(--fg-2);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:inline-flex}.chip.full{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chip b{font-variant-numeric:tabular-nums;font-weight:650}.perm-sum b{font-size:var(--fs-md)}.role-av{border-radius:10px}.role-av.sys{background:var(--accent);color:var(--accent-fg)}.role-av svg.icon{width:16px;height:16px}.badge.plain svg.icon,.role-badge svg.icon{width:12px;height:12px}.badge.role-badge:before{display:none}.roles-table td[data-col=perms]{max-width:420px}.roles-table td[data-col=members] svg.icon{width:15px;height:15px;color:var(--muted);vertical-align:-3px}.acc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}.acc-grid .card-body{gap:var(--sp-4);flex-direction:column;display:flex}.acc-balance{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-soft),transparent 80%);border:1px solid var(--line);flex-wrap:wrap;display:flex}.acc-balance-multi>div{min-width:120px}.acc-amount{font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:700;line-height:1.15}.acc-amount small{font-size:var(--fs-md);color:var(--muted);font-weight:600}.acc-sub{margin-bottom:var(--sp-2)}.acc-usage li span{line-height:1.35}.acc-usage li.acc-total{background:var(--accent-soft);border-color:#0000;grid-column:1/-1}.acc-usage li.acc-total b{font-size:var(--fs-md);color:var(--accent)}.acc-ng-list{grid-template-columns:1fr}.acc-numbers{border:1px solid var(--line);border-radius:var(--r-md);margin:0;padding:0;list-style:none}.acc-numbers li{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line);min-height:48px;display:flex}.acc-numbers li:first-child{border-top:0}.acc-numbers .grow{flex:1;min-width:0}.numbers-table td[data-col=num] .party b{font-size:var(--fs-md)}@media (width<=900px){.numbers-table thead,.roles-table thead{display:none}.numbers-table,.numbers-table tbody,.numbers-table td,.numbers-table tr,.roles-table,.roles-table tbody,.roles-table td,.roles-table tr{width:100%;display:block}.numbers-table td,.roles-table td{border:0;padding:0}.numbers-table tr,.roles-table tr{gap:8px var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid}.numbers-table td[colspan],.roles-table td[colspan]{grid-column:1/-1}.roles-table td[data-col=role]{grid-area:1/1}.roles-table td[data-col=members]{text-align:right;grid-area:1/2;align-self:center}.roles-table td[data-col=perms]{grid-area:2/1/auto/-1;max-width:none}.numbers-table td[data-col=actions],.roles-table td[data-col=actions]{grid-area:3/1/auto/-1}.numbers-table td[data-col=num]{grid-area:1/1}.numbers-table td[data-col=created]{text-align:right;font-size:var(--fs-xs);grid-area:1/2}.numbers-table td[data-col=project]{font-size:var(--fs-sm);color:var(--fg-2);grid-area:2/1/auto/-1}.numbers-table .cell-actions,.roles-table .cell-actions{justify-content:stretch}.numbers-table .cell-actions .btn,.roles-table .cell-actions .btn{min-height:var(--touch);flex:1}.numbers-table tbody tr:last-child,.roles-table tbody tr:last-child{border-bottom:0}.admins-table td[data-col=role]{grid-area:2/1/auto/-1}.admins-table td[data-col=created],.admins-table td[data-col=last]{grid-row:3}.admins-table td[data-col=actions]{grid-row:4}}@media (width<=560px){.head-actions{width:100%}.head-actions .btn{min-height:var(--touch);flex:1}.perm-toolbar .perm-quick{width:100%;margin-left:0}.perm-toolbar .perm-quick .btn{flex:1}.acc-amount{font-size:var(--fs-xl)}.seg{align-self:stretch}.seg label{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.login-wrap{min-height:100dvh;padding:var(--sp-6) var(--sp-4);background:radial-gradient(1200px 600px at 10% -10%,var(--accent-soft),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--accent-soft),transparent 60%),var(--bg);place-items:center;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(420px,100%);box-shadow:var(--shadow-lg);overflow:hidden}.login-head{padding:var(--sp-8) var(--sp-6) var(--sp-4);text-align:center;align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.login-head .brand-mark{border-radius:14px;width:48px;height:48px}.login-head .brand-mark svg.icon{width:24px;height:24px}.login-head h1{font-size:var(--fs-xl);font-weight:680}.login-head p{color:var(--muted);font-size:var(--fs-sm);margin:0}.login-body{padding:var(--sp-2) var(--sp-6) var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex}.login-body .btn-primary{justify-content:center;width:100%;min-height:46px;font-weight:620}.pw-wrap{position:relative}.pw-wrap .input{padding-right:48px}.pw-wrap .btn-icon{position:absolute;top:50%;right:2px;transform:translateY(-50%)}.login-foot{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--line);background:var(--surface-2);align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-xs);display:flex}.login-foot svg.icon{width:16px;height:16px}.login-theme{position:fixed;top:12px;right:12px}.login-theme span{display:inline-flex}.login-theme .i-sun,:root[data-theme=dark] .login-theme .i-moon{display:none}:root[data-theme=dark] .login-theme .i-sun{display:inline-flex}