:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-num: "Plus Jakarta Sans", var(--font-sans)}:root{--brand-cyan: #06BCFE;--brand-navy: #00598A;--brand-navy-deep: #00456B;--brand-ink: #04182B}html[data-dir=a]{--bg: #F4F5FB;--surface: #FFFFFF;--surface-2: #FAFAFE;--surface-3: #F2F2FA;--border: #E8E8F2;--border-strong: #D9D9E8;--ink: #16142E;--ink-2: #3D3A57;--muted: #74718C;--faint: #9D9AB2;--primary: #5B4BE8;--primary-strong: #4836D4;--primary-soft: #ECEAFD;--primary-softer: #F5F4FE;--on-primary: #FFFFFF;--accent: #FF7A59;--accent-soft: #FFEDE7;--pos: #11A36B;--pos-soft: #E1F6ED;--neg: #E5484D;--neg-soft: #FCEBEC;--warn: #E8A317;--warn-soft: #FBF1DC;--info: #5B4BE8;--info-soft: #ECEAFD;--sidebar-bg: #FFFFFF;--sidebar-border: #ECECF4;--sidebar-ink: #2A2842;--sidebar-muted: #8C89A3;--sidebar-active-bg: #ECEAFD;--sidebar-active-ink: #4836D4;--sidebar-hover: #F5F5FB;--topbar-bg: rgba(255,255,255,.82);--topbar-border: #ECECF4;--c1: #5B4BE8;--c2: #FF7A59;--c3: #11B5A4;--c4: #F5A623;--c5: #8B5CF6;--display-font: var(--font-display);--shadow-card: 0 1px 2px rgba(22,20,46,.04), 0 1px 3px rgba(22,20,46,.03);--shadow-pop: 0 12px 32px -8px rgba(22,20,46,.18), 0 2px 6px rgba(22,20,46,.06);--shadow-kpi: 0 1px 2px rgba(22,20,46,.04)}html[data-dir=b]{--bg: #0A1120;--surface: #111B2E;--surface-2: #0E1726;--surface-3: #1B273E;--border: #25324B;--border-strong: #364866;--ink: #EAF0F8;--ink-2: #BCC9DC;--muted: #8593A9;--faint: #5F6E86;--primary: #13B9A7;--primary-strong: #2ED3C1;--primary-soft: rgba(19,185,167,.16);--primary-softer: rgba(19,185,167,.1);--on-primary: #052420;--accent: #4F95FF;--accent-soft: rgba(79,149,255,.16);--pos: #2BC48A;--pos-soft: rgba(43,196,138,.15);--neg: #F2575C;--neg-soft: rgba(242,87,92,.15);--warn: #F0A92B;--warn-soft: rgba(240,169,43,.15);--info: #4F95FF;--info-soft: rgba(79,149,255,.15);--sidebar-bg: #0C1322;--sidebar-border: #1D2940;--sidebar-ink: #E7ECF4;--sidebar-muted: #7E8DA4;--sidebar-active-bg: rgba(19,185,167,.18);--sidebar-active-ink: #34E3CE;--sidebar-hover: rgba(255,255,255,.05);--topbar-bg: rgba(14,23,38,.86);--topbar-border: #1D2940;--c1: #18C2B0;--c2: #4F95FF;--c3: #7C84FF;--c4: #F5A623;--c5: #F472B6;--display-font: "Space Grotesk", var(--font-display);--shadow-card: 0 1px 2px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.25);--shadow-pop: 0 18px 42px -12px rgba(0,0,0,.6), 0 2px 10px rgba(0,0,0,.4);--shadow-kpi: 0 1px 2px rgba(0,0,0,.3)}html[data-dir=b] .seg{background:var(--surface-2)}html[data-dir=b] .seg button.on{background:var(--surface-3);color:var(--ink);box-shadow:0 1px 2px #0006}html[data-dir=b] .btn.sec{background:var(--surface-3)}html[data-dir=b] .btn.sec:hover{background:var(--border)}html[data-dir=b] .ghost-btn:hover,html[data-dir=b] .turn-bubble{background:var(--surface-3)}html[data-dir=b] .tab.on{color:var(--primary-strong)}html[data-dir=b] ::selection{background:#13b9a74d}html[data-density=compact]{--gap: 14px;--card-pad: 16px;--row-h: 44px;--fs-base: 13.5px}html[data-density=regular]{--gap: 18px;--card-pad: 22px;--row-h: 52px;--fs-base: 14.5px}html[data-density=comfy]{--gap: 24px;--card-pad: 28px;--row-h: 60px;--fs-base: 15.5px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}::selection{background:var(--primary-soft)}a{color:inherit;text-decoration:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 28%,transparent);border-radius:8px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 45%,transparent);background-clip:padding-box}.app{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden}.app[data-collapsed=true]{grid-template-columns:76px 1fr}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease}.sb-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px}.sb-logo{width:34px;height:34px;border-radius:9px;flex:none;background:linear-gradient(135deg,var(--brand-navy),var(--brand-ink));display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px -3px color-mix(in srgb,var(--brand-navy) 55%,transparent)}.sb-logo-img{width:21px;height:21px;display:block}.sb-brand-name{font-weight:800;font-size:15px;color:var(--sidebar-ink);letter-spacing:-.01em;line-height:1.1;white-space:nowrap}.sb-brand-text{min-width:0}.sb-brand-sub{font-size:11px;color:var(--sidebar-muted);font-weight:600;margin-top:1px}.sb-scroll{flex:1;overflow-y:auto;padding:4px 12px 16px}.sb-section{margin-top:16px}.sb-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sidebar-muted);padding:0 10px 8px;opacity:.9}.sb-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:9px;color:var(--sidebar-ink);font-size:13.5px;font-weight:600;margin-bottom:2px;position:relative;text-align:left;transition:background .12s ease,color .12s ease}.sb-item:hover{background:var(--sidebar-hover)}.sb-item .ico{color:var(--sidebar-muted);flex:none;transition:color .12s}.sb-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-ink)}.sb-item.active .ico{color:var(--sidebar-active-ink)}.sb-item .sb-badge{margin-left:auto;font-size:11px;font-weight:700;background:var(--primary-soft);color:var(--primary-strong);padding:1px 7px;border-radius:20px}html[data-dir=b] .sb-item.active .sb-badge{background:#0fa89a33;color:var(--sidebar-active-ink)}.popmenu .sb-item{color:var(--ink)}.popmenu .sb-item .ico{color:var(--muted)}.popmenu .sb-item:hover{background:var(--surface-3)}.popmenu .sb-item.active{background:var(--primary-soft);color:var(--primary-strong)}.popmenu .sb-item.active .ico{color:var(--primary-strong)}.popmenu .sb-label{color:var(--faint)}.app[data-collapsed=true] .sb-brand-text,.app[data-collapsed=true] .sb-label,.app[data-collapsed=true] .sb-item span:not(.sb-badge),.app[data-collapsed=true] .sb-pod{display:none}.app[data-collapsed=true] .sb-item{justify-content:center;padding:10px}.sb-pod{margin:14px 4px 4px;padding:11px 12px;border-radius:11px;background:var(--sidebar-hover);border:1px solid var(--sidebar-border)}.sb-pod-row{display:flex;align-items:center;gap:8px}.sb-pod-name{font-size:12.5px;font-weight:700;color:var(--sidebar-ink)}.sb-pod-meta{font-size:11px;color:var(--sidebar-muted);margin-top:3px}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:60px;flex:none;display:flex;align-items:center;gap:14px;padding:0 22px;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:30}.icon-btn{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.crumb{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.crumb .sep{color:var(--faint);font-weight:400}.crumb-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:9px;background:var(--surface-3);font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;transition:background .12s}.crumb-pill:hover{background:var(--border)}.topbar-spacer{flex:1}.seg{display:inline-flex;background:var(--surface-3);border-radius:10px;padding:3px;border:1px solid var(--border)}.seg button{padding:6px 13px;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--muted);transition:all .14s}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-kpi)}html[data-dir=b] .seg button.on{color:var(--primary-strong)}.role-switch{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:9px;background:var(--primary-softer);border:1px solid var(--primary-soft);color:var(--primary-strong);font-size:12.5px;font-weight:700;cursor:pointer}.role-switch:hover{background:var(--primary-soft)}.avatar{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--c3),var(--c1));color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.ghost-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;transition:background .12s,border-color .12s}.ghost-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.content{flex:1;overflow-y:auto;padding:26px;scroll-behavior:smooth}.content-inner{max-width:1320px;margin:0 auto}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:nowrap}.page-head>:first-child{flex:1 1 auto;min-width:0}.page-title{font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.page-sub{color:var(--muted);font-size:14px;margin-top:5px}.head-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 760px){.page-head{flex-wrap:wrap}.head-actions{margin-left:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;font-size:13.5px;font-weight:700;background:var(--primary);color:var(--on-primary);box-shadow:0 1px 2px #0000000f;transition:transform .08s,background .14s,box-shadow .14s}.btn:hover{background:var(--primary-strong)}.btn:active{transform:translateY(1px)}.btn.sec{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow-kpi)}.btn.sec:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn.sm{padding:7px 12px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card)}.card-pad{padding:var(--card-pad)}.card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.card-title{font-size:15.5px;font-weight:800;letter-spacing:-.01em}.card-sub{color:var(--muted);font-size:12.5px;margin-top:3px}.card-head .head-actions{margin-left:auto}.grid{display:grid;gap:var(--gap)}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1100px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}}.kpi{padding:var(--card-pad);display:flex;flex-direction:column;gap:12px}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kpi-label{font-size:13px;font-weight:600;color:var(--muted)}.kpi-chip{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.kpi-val{font-family:var(--display-font);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.kpi-foot{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}.delta-up{color:var(--pos);display:inline-flex;align-items:center;gap:3px}.delta-down{color:var(--neg);display:inline-flex;align-items:center;gap:3px}.kpi-foot .muted{color:var(--faint);font-weight:500}.tint-1{background:var(--primary-soft);color:var(--primary-strong)}.tint-2{background:var(--accent-soft);color:var(--accent)}.tint-3{background:var(--pos-soft);color:var(--pos)}.tint-4{background:var(--warn-soft);color:var(--warn)}.tint-5{background:var(--info-soft);color:var(--info)}html[data-dir=b] .tint-2{color:#2563eb}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:700;line-height:1.4;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.pos{background:var(--pos-soft);color:var(--pos)}.badge.neg{background:var(--neg-soft);color:var(--neg)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.neutral{background:var(--surface-3);color:var(--muted)}.badge.primary{background:var(--primary-soft);color:var(--primary-strong)}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl tbody td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}.tbl tbody tr{transition:background .1s;cursor:pointer}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{font-variant-numeric:tabular-nums}.cell-strong{font-weight:700;color:var(--ink)}.cell-muted{color:var(--muted)}.cell-2{display:flex;flex-direction:column;gap:2px}.cell-2 .sub{font-size:12px;color:var(--faint)}.av-sm{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex:none}.field{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--ink);transition:border-color .14s,box-shadow .14s}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field input,.field select{border:none;outline:none;background:none;font-size:13.5px;color:var(--ink);width:100%}.field .ico{color:var(--faint);flex:none}.field.sel{cursor:pointer}select{color-scheme:light dark}select option{background:var(--surface);color:var(--ink)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tab{padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.tab:hover{color:var(--ink)}.tab.on{color:var(--primary-strong);border-bottom-color:var(--primary)}html[data-dir=b] .tab.on{color:var(--ink)}.divider{height:1px;background:var(--border);margin:4px 0}.muted{color:var(--muted)}.faint{color:var(--faint)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--muted)}.empty-ico{width:64px;height:64px;border-radius:18px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;margin-bottom:16px}.bar-track{height:7px;border-radius:6px;background:var(--surface-3);overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:var(--primary)}.banner{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:12px;background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 22%,transparent);color:var(--ink-2);font-size:13px;line-height:1.5}.banner .ico{color:var(--info);flex:none;margin-top:1px}.chart-tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);border-radius:10px;padding:8px 11px;font-size:12px;z-index:50;transform:translate(-50%,-120%);white-space:nowrap;opacity:0;transition:opacity .1s}.chart-tip .t-title{font-weight:700;margin-bottom:3px}.chart-tip .t-row{display:flex;align-items:center;gap:6px;color:var(--muted)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121e6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;opacity:0;animation:fade .18s ease forwards}@keyframes fade{to{opacity:1}}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(720px,92vw);background:var(--bg);z-index:101;box-shadow:-20px 0 50px -20px #0000004d;display:flex;flex-direction:column;transform:translate(100%);animation:slidein .26s cubic-bezier(.22,.61,.36,1) forwards}@keyframes slidein{to{transform:translate(0)}}.drawer-head{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px}.turn{display:flex;gap:12px;margin-bottom:16px}.turn .who{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;font-weight:800;font-size:12px}.turn.agent .who{background:var(--primary-soft);color:var(--primary-strong)}.turn.caller .who{background:var(--surface-3);color:var(--ink-2)}.turn-bubble{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.55}.turn .meta{font-size:11px;color:var(--faint);margin-bottom:5px;font-weight:600}.player{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:13px;background:var(--surface);border:1px solid var(--border)}.play-btn{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;flex:none;transition:background .14s}.play-btn:hover{background:var(--primary-strong)}.wave{flex:1;display:flex;align-items:center;gap:2.5px;height:40px}.wave i{flex:1;background:var(--border-strong);border-radius:2px;transition:background .1s,height .2s}.wave i.on{background:var(--primary)}.kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 16px}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;font-weight:600;font-size:13.5px;min-width:0;overflow-wrap:anywhere}.kan-col{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:12px}.kan-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;margin-bottom:11px;padding:0 2px}.kan-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:var(--shadow-kpi);cursor:grab}.kan-card:hover{border-color:var(--border-strong)}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:start}@media (max-width: 900px){.board-grid{grid-template-columns:1fr}}.board-col{padding:14px;min-height:220px;border-radius:14px;border:1px solid var(--border);background:var(--surface);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.board-col.is-over{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.board-col-head{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.board-col-count{font-variant-numeric:tabular-nums}.board-stack{display:flex;flex-direction:column;gap:10px}.board-card{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px 13px;cursor:grab;touch-action:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.board-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-kpi)}.board-card:active{cursor:grabbing}.board-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.board-line{height:3px;border-radius:3px;background:var(--primary);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.board-ghost{position:fixed;z-index:120;pointer-events:none;will-change:transform;transform:rotate(1.6deg) scale(1.03);filter:drop-shadow(0 14px 28px rgba(15,18,30,.28))}.board-ghost .board-card{cursor:grabbing;background:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-pop)}@media (prefers-reduced-motion: reduce){.board-col,.board-card{transition:none}.board-ghost{transform:none}}.heat{display:grid;gap:3px}.heat-cell{border-radius:5px;aspect-ratio:1.6;display:grid;place-items:center;font-size:11px;font-weight:700}.fade-in{animation:fadeup .32s cubic-bezier(.22,.61,.36,1) both}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}@keyframes fadeup{0%{transform:translateY(7px)}to{transform:none}}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 0 var(--pos);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--pos) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:24px;background:#0f121e75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;animation:fade .16s ease forwards}.modal{width:min(560px,96vw);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-pop);transform:translateY(10px) scale(.99);opacity:0;animation:pop .22s cubic-bezier(.22,.61,.36,1) forwards}.modal.wide{width:min(620px,96vw)}@keyframes pop{to{transform:none;opacity:1}}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.modal-sub{font-size:13px;color:var(--muted);margin-top:3px}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:10px;padding:16px 22px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 18px 18px}.stepper{display:flex;align-items:center;gap:6px;padding:16px 22px 0}.step{display:flex;align-items:center;gap:8px;flex:none}.step-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--surface-3);color:var(--faint);border:1px solid var(--border);transition:all .18s}.step.on .step-dot{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.step.done .step-dot{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary-soft)}.step-label{font-size:12.5px;font-weight:700;color:var(--faint)}.step.on .step-label,.step.done .step-label{color:var(--ink)}.step-line{flex:1;height:2px;background:var(--border);border-radius:2px;min-width:16px}.step-line.done{background:var(--primary)}.cfg-row{margin-bottom:16px}.cfg-textarea{width:100%;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);font-size:13px;padding:11px 13px;resize:vertical;outline:none;transition:border-color .14s,box-shadow .14s}.cfg-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.cfg-textarea.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}.form-label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin:0 0 7px}.form-row{margin-bottom:16px}.req{color:var(--neg)}.hint{font-size:11.5px;color:var(--faint);margin-top:6px}.opt-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;border:1.5px solid var(--border);transition:border-color .14s,background .14s;margin-bottom:9px}.opt-card:hover{border-color:var(--border-strong)}.opt-card.on{border-color:var(--primary);background:var(--primary-softer)}.opt-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);flex:none;display:grid;place-items:center;transition:border-color .14s}.opt-card.on .opt-radio{border-color:var(--primary)}.opt-card.on .opt-radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary)}.chip-x{display:inline-flex;align-items:center;gap:7px;padding:6px 8px 6px 12px;border-radius:9px;background:var(--surface-3);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.chip-x button{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:var(--faint)}.chip-x button:hover{background:var(--border);color:var(--neg)}.summary{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-pop);animation:toastin .26s cubic-bezier(.22,.61,.36,1)}.toast svg{color:var(--pos)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.mlist{display:flex;flex-direction:column}.mlist-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;border:1.5px solid transparent;transition:background .12s,border-color .12s}.mlist-row:hover{background:var(--surface-2)}.mlist-row.on{background:var(--primary-softer);border-color:var(--primary-soft)}.mlist-name{font-weight:700;font-size:13.5px;color:var(--ink);line-height:1.25;display:flex;align-items:center;gap:7px;min-width:0}.mlist-name>.mlist-name-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mlist-mail{font-size:11.5px;color:var(--faint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlist-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}.perm-legend{display:flex;gap:18px;flex-wrap:wrap;padding:0 0 4px}.perm-leg-item{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.45}.perm-leg-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none}.perm-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.perm-row:last-child{border-bottom:none}.perm-agent{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.perm-aname{font-weight:700;font-size:13.5px}.perm-aid{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;margin-top:1px}.perm-pills{display:flex;gap:8px;flex:none}.perm-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:700;transition:all .12s;-webkit-user-select:none;user-select:none}.perm-pill:hover:not(:disabled){border-color:var(--border-strong);color:var(--ink)}.perm-pill:disabled{cursor:default}.perm-pill.on.read{background:var(--info-soft);color:var(--info);border-color:transparent}.perm-pill.on.write{background:var(--primary-soft);color:var(--primary-strong);border-color:transparent}.perm-pill.on.del{background:var(--neg-soft);color:var(--neg);border-color:transparent}.perm-pill.locked{opacity:.9}.perm-lock{display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 26px;border:1.5px dashed var(--border-strong);border-radius:14px;background:var(--surface-2)}.perm-lock-ico{width:56px;height:56px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;margin-bottom:14px}.perm-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perm-preset{padding:5px 11px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:11.5px;font-weight:700;color:var(--muted);transition:all .12s}.perm-preset:hover{border-color:var(--primary);color:var(--primary-strong);background:var(--primary-softer)}.audit-row{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid var(--border)}.audit-row:last-child{border-bottom:none}.audit-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}.audit-main{flex:1;min-width:0}.audit-label{font-weight:600;font-size:13.5px;line-height:1.4}.audit-sub{font-size:12px;color:var(--faint);margin-top:2px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.audit-when{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;flex:none}.audit-group{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:16px 16px 8px}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.filter-pill{padding:6px 13px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--muted);transition:all .12s}.filter-pill:hover{border-color:var(--border-strong);color:var(--ink)}.filter-pill.on{background:var(--primary);color:var(--on-primary);border-color:transparent}.switch{width:42px;height:24px;border-radius:20px;background:var(--border-strong);position:relative;transition:background .15s;flex:none}.switch.on{background:var(--primary)}.switch:disabled{opacity:.5;cursor:default}.switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.switch.on .switch-knob{transform:translate(18px)}.set-row{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--border)}.set-row:first-child{padding-top:0}.set-row:last-child{border-bottom:none;padding-bottom:0}.set-row-title{font-weight:700;font-size:13.5px}.set-row-sub{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.45}.perm-search{margin-bottom:4px}.cap-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--border)}.cap-row:last-child{border-bottom:none}.cap-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.cap-title{font-weight:700;font-size:13.5px}.cap-desc{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.tier-seg{margin-bottom:4px}.you-tag{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-strong);background:var(--primary-soft);padding:1px 6px;border-radius:5px}.page{display:flex;flex-direction:column;gap:0}.page>.page-head{margin-bottom:22px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:var(--gap)}@media (max-width: 1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.kpi-row{grid-template-columns:1fr}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.fw-600{font-weight:600}.fw-700{font-weight:700}.sub{font-size:12px;color:var(--faint);line-height:1.4}.txt-green{color:var(--pos)}.txt-yellow{color:var(--warn)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.sc-head{padding:var(--card-pad);padding-bottom:0;margin-bottom:0}.card-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.tbl-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px var(--card-pad);border-bottom:1px solid var(--border)}.tbl-empty{text-align:center;color:var(--muted);padding:40px 16px!important;font-size:13.5px}.tbl-loading{text-align:center;color:var(--faint);padding:28px 16px!important}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody td.sub{color:var(--faint);font-size:12.5px}.row-ident{display:flex;align-items:center;gap:10px}.row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.link{background:none;border:none;cursor:pointer;padding:0;color:var(--primary);font-weight:600;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.link:hover{color:var(--primary-strong)}.chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:700;background:var(--surface-3);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.btn-sm,.ghost-btn.btn-sm{padding:5px 11px;font-size:12px;border-radius:8px}.stat-list{display:flex;flex-direction:column;padding:var(--card-pad);padding-top:12px;gap:0}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:13.5px;color:var(--muted)}.stat-val{font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.alert-row{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--warn-soft);border-radius:10px;font-size:13px;color:var(--ink-2);border:1px solid color-mix(in srgb,var(--warn) 22%,transparent);margin:0 var(--card-pad) var(--card-pad)}.alert-row svg{color:var(--warn);flex:none}.settings-grid{display:flex;flex-direction:column;gap:var(--gap);max-width:640px}.settings-row{display:flex;align-items:center;gap:16px;padding:var(--card-pad)}.settings-section{display:flex;flex-direction:column;padding:0 var(--card-pad) var(--card-pad)}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.settings-item:last-child{border-bottom:none}.btn-group{display:flex;gap:4px;flex-wrap:wrap}.chip-btn{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;background:var(--surface-3);border:1.5px solid var(--border);color:var(--muted);transition:all .14s;cursor:pointer}.chip-btn:hover{border-color:var(--border-strong);color:var(--ink)}.chip-btn.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.av-lg{width:52px;height:52px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--c3),var(--c1));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;letter-spacing:-.01em}.av-xs{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:9px;color:#fff}.error-banner{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;background:var(--neg-soft);border:1px solid color-mix(in srgb,var(--neg) 22%,transparent);color:var(--neg);font-size:13px;font-weight:600}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{padding:5px 13px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--muted);transition:all .12s;cursor:pointer}.filter-tab:hover{border-color:var(--border-strong);color:var(--ink)}.filter-tab.active{background:var(--primary);color:var(--on-primary);border-color:transparent}.audit-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.audit-client{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.audit-group-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:16px var(--card-pad) 8px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px var(--card-pad);border-top:1px solid var(--border)}.cap-head{font-size:10.5px!important;text-align:center!important}.cap-cell{text-align:center}.kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.kpi-sub{font-size:12.5px;color:var(--muted);font-weight:600}.trend-up{color:var(--pos)}.trend-down{color:var(--neg)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--ink)}.auth-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);width:min(960px,100%);border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop)}.auth-brand{position:relative;display:flex;flex-direction:column;gap:28px;padding:36px 34px;color:#fff;overflow:hidden;background:linear-gradient(158deg,var(--brand-navy-deep) 0%,var(--brand-ink) 100%)}.auth-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.auth-logo{width:146px;height:auto;display:block}.auth-product{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:#ffffffbd;padding-left:2px}.auth-pitch{margin-top:auto;margin-bottom:auto}.auth-headline{font-family:var(--display-font);font-size:clamp(30px,4.2vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:0 0 12px;text-wrap:balance}.auth-sub{margin:0;font-size:14.5px;line-height:1.55;max-width:34ch;color:#fffc}.auth-wave{display:flex;align-items:flex-end;gap:4px;height:76px}.auth-wave span{flex:1;min-width:0;border-radius:3px;background:var(--brand-cyan);opacity:.8;transform-origin:bottom;animation:auth-pulse 2.6s ease-in-out infinite}@keyframes auth-pulse{0%,to{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:.95}}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:40px 38px;background:var(--surface);min-width:0}.auth-form-head{margin-bottom:18px}.auth-form-head h2{font-family:var(--display-font);font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}.auth-form-head p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}.auth-note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--border);font-size:12.5px;line-height:1.55;color:var(--faint)}@media (max-width: 820px){.auth-card{grid-template-columns:1fr}.auth-brand{gap:20px;padding:26px 24px}.auth-wave{display:none}.auth-logo{width:124px}.auth-headline{font-size:27px}.auth-form{padding:28px 24px}}@media (prefers-reduced-motion: reduce){.auth-wave span{animation:none;opacity:.8}}