.app{grid-template-columns:var(--nav-w) 1fr;grid-template-rows:100vh;display:grid}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.brand{align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-4);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.brand-mark{background:linear-gradient(150deg, var(--accent), oklch(50% .2 292));color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid;box-shadow:0 2px 6px oklch(50% .2 264/.35)}.brand-name{font-weight:700;font-size:var(--fs-14);letter-spacing:-.02em;white-space:nowrap}.brand-name span{color:var(--ink-3);font-weight:500;font-size:var(--fs-11);letter-spacing:.02em;display:block}.nav{padding:var(--s-3) var(--s-3) var(--s-4);flex-direction:column;flex:auto;gap:2px;display:flex;overflow-y:auto}.nav-group-label{font-size:var(--fs-11);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:var(--s-4) var(--s-3) var(--s-2);white-space:nowrap;font-weight:600}.nav-item{align-items:center;gap:var(--s-3);padding:8px var(--s-3);border-radius:var(--r-md);color:var(--ink-2);font-weight:500;font-size:var(--fs-13);white-space:nowrap;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);text-align:left;width:100%;display:flex;position:relative}.nav-item svg{stroke-width:1.9px;width:18px;height:18px;color:var(--ink-3);transition:color var(--dur-1)}.nav-item:hover{background:var(--surface-3);color:var(--ink)}.nav-item:hover svg{color:var(--ink-2)}.nav-item.active{background:var(--accent-soft);color:var(--accent-ink)}.nav-item.active svg{color:var(--accent)}.nav-item .nav-count{font-size:var(--fs-11);color:var(--ink-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);text-align:center;min-width:22px;margin-left:auto;padding:1px 7px;font-weight:600}.nav-item .soon-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-3);border-radius:var(--r-full);margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-foot{border-top:1px solid var(--border);padding:var(--s-3);flex-shrink:0;position:relative}.user-chip{align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-md);transition:background var(--dur-1);width:100%;display:flex}.user-chip:hover{background:var(--surface-3)}.avatar{border-radius:var(--r-full);background:linear-gradient(140deg, var(--broker), var(--accent));color:#fff;width:30px;height:30px;font-weight:700;font-size:var(--fs-12);flex-shrink:0;place-items:center;display:grid}.u-meta{text-align:left;min-width:0}.u-meta b{font-size:var(--fs-13);font-weight:600;display:block}.u-meta small{font-size:var(--fs-11);color:var(--ink-3)}.user-menu{bottom:64px;left:var(--s-3);right:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-2);z-index:var(--z-dropdown);padding:4px;position:absolute}.user-menu .um-mail{font-size:var(--fs-11);color:var(--ink-3);border-bottom:1px solid var(--border);font-family:var(--font-mono);padding:8px 10px}.user-menu button{border-radius:var(--r-sm);width:100%;font-size:var(--fs-13);color:var(--danger-ink);align-items:center;gap:8px;padding:8px 10px;font-weight:500;display:flex}.user-menu button:hover{background:var(--danger-soft)}.user-menu button svg{width:15px;height:15px}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.4)blur(8px);align-items:center;gap:var(--s-4);padding:0 var(--s-6);z-index:var(--z-sticky);background:oklch(100% 0 0/.72);flex-shrink:0;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;display:flex}.topbar-title h1{font-size:var(--fs-16);font-weight:600}.topbar-title small{font-size:var(--fs-11);color:var(--ink-3)}.grow{flex:1}.health{align-items:center;gap:var(--s-2);display:flex}.health-chip{font-size:var(--fs-11);color:var(--ink-2);border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:6px;padding:5px 9px;font-weight:500;display:flex}.health-chip .dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%}.health-chip.warn .dot{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.health-chip.down .dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.content{flex:auto;overflow-y:auto}.view{padding:var(--s-6);max-width:1560px;margin:0 auto}.btn{height:34px;padding:0 var(--s-4);border-radius:var(--r-md);font-size:var(--fs-13);transition:background var(--dur-1) var(--ease), border-color var(--dur-1), color var(--dur-1), box-shadow var(--dur-1), transform var(--dur-1);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.btn svg{stroke-width:2px;width:16px;height:16px}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);color:var(--ink-on-accent);box-shadow:0 1px 2px oklch(40% .1 264/.3)}.btn-primary:hover{background:var(--accent-hover)}.btn-default{background:var(--surface);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--sh-1)}.btn-default:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn-block{width:100%}.btn-sm{height:28px;padding:0 var(--s-3);font-size:var(--fs-12);border-radius:var(--r-sm)}.btn-sm svg{width:14px;height:14px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:oklch(52% .22 27)}.btn-icon-danger{color:var(--ink-3);padding-left:8px;padding-right:8px}.btn-icon-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--ink)}.warn-banner{background:var(--warn-soft);border:1px solid var(--warn);border-radius:var(--r-md);font-size:var(--fs-12);color:var(--warn-ink);margin-bottom:var(--s-4);align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.pill{font-size:var(--fs-11);border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:5px;padding:4px 9px;font-weight:600;line-height:1;display:inline-flex}.pill-neutral{background:var(--neutral-soft);color:var(--ink-2)}.pill-info{background:var(--info-soft);color:var(--broker-ink)}.pill-warn{background:var(--warn-soft);color:var(--warn-ink)}.pill-danger{background:var(--danger-soft);color:var(--danger-ink)}.pill-success{background:var(--success-soft);color:var(--success-ink)}.pill-accent{background:var(--accent-soft);color:var(--accent-ink)}.ph{text-align:center;place-items:center;min-height:60vh;display:grid}.ph-inner{max-width:440px}.ph .ph-ico{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);margin:0 auto var(--s-4);border-radius:14px;place-items:center;display:grid}.ph .ph-ico svg{width:26px;height:26px}.ph h2{font-size:var(--fs-22);margin-bottom:6px}.ph p{color:var(--ink-2);font-size:var(--fs-13)}.ph .soon{margin-top:var(--s-4);font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.05em;color:var(--warn-ink);background:var(--warn-soft);border-radius:var(--r-full);padding:5px 12px;font-weight:700;display:inline-block}.auth-screen{min-height:100vh;padding:var(--s-6);background:radial-gradient(1200px 600px at 50% -10%, var(--accent-soft), transparent 60%), var(--bg);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--sh-3);padding:var(--s-8) var(--s-8) var(--s-6);animation:authIn var(--dur-3) var(--ease)}@keyframes authIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-brand{align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);display:flex}.auth-brand .brand-mark{border-radius:10px;width:38px;height:38px;font-size:19px}.auth-brand .bn b{font-weight:700;font-size:var(--fs-16);display:block}.auth-brand .bn span{font-weight:500;font-size:var(--fs-12);color:var(--ink-3)}.auth-title{font-size:var(--fs-22);letter-spacing:-.01em;margin:0;font-weight:700}.auth-sub{font-size:var(--fs-12);color:var(--ink-3);margin:var(--s-1) 0 var(--s-6)}.auth-form{gap:var(--s-4);flex-direction:column;display:flex}.auth-form .fld{flex-direction:column;gap:6px;display:flex}.auth-form .fld span{font-size:var(--fs-12);color:var(--ink-2);font-weight:500}.auth-form input{width:100%;font-size:var(--fs-14);color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px var(--s-3);transition:border-color var(--dur-1), box-shadow var(--dur-1)}.auth-form input:focus{border-color:var(--accent);box-shadow:var(--sh-focus);outline:none}.auth-btn{width:100%;margin-top:var(--s-1)}.auth-btn.loading svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-err{font-size:var(--fs-12);color:var(--danger-ink);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);display:none}.auth-err.show{display:block}.auth-foot{margin-top:var(--s-5);text-align:center;font-family:var(--font-mono);font-size:var(--fs-11);color:var(--ink-3)}.toasts{bottom:var(--s-5);right:var(--s-5);gap:var(--s-2);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--neutral);border-radius:var(--r-md);box-shadow:var(--sh-2);padding:var(--s-3) var(--s-4);min-width:260px;animation:toastIn var(--dur-2) var(--ease);display:flex}.toast.ok{border-left-color:var(--success)}.toast.warn{border-left-color:var(--warn)}.toast.info{border-left-color:var(--info)}.toast.err{border-left-color:var(--danger)}.toast svg{width:18px;height:18px;color:var(--ink-2)}.toast b{font-size:var(--fs-13);display:block}.toast span{font-size:var(--fs-12);color:var(--ink-3)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.boot-loader{background:var(--bg);place-items:center;min-height:100vh;display:grid}.boot-loader .spin{border:3px solid var(--accent-soft-2);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}@media (width<=1100px){.app{grid-template-columns:var(--nav-w-collapsed) 1fr}.brand-name,.nav-group-label,.nav-item span.label,.nav-item .nav-count,.nav-item .soon-tag,.u-meta{display:none}.nav-item{justify-content:center}.brand{justify-content:center;padding:0}.health{display:none}}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.subtle{color:var(--ink-3)}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.t-11{font-size:var(--fs-11)}.t-12{font-size:var(--fs-12)}.t-13{font-size:var(--fs-13)}.strong{font-weight:600}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.panel-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);box-sizing:border-box;min-height:53px;display:flex}.panel-head h3{font-size:var(--fs-14);font-weight:600}.panel-head .sub{font-size:var(--fs-11);color:var(--ink-3)}.panel-body{padding:var(--s-5)}.panel-body.flush{padding:0}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--fs-13)}table.data thead th{z-index:1;background:var(--surface-2);text-align:left;font-size:var(--fs-11);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding:10px var(--s-4);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600;position:sticky;top:0}table.data thead th.num,table.data td.num{text-align:right;font-variant-numeric:tabular-nums}table.data tbody td{padding:11px var(--s-4);border-bottom:1px solid var(--border);vertical-align:middle;color:var(--ink)}table.data tbody tr{transition:background var(--dur-1)}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr:last-child td{border-bottom:none}.cell-main{font-weight:600}.cell-sub{font-size:var(--fs-11);color:var(--ink-3)}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{height:30px;padding:0 var(--s-3);border-radius:var(--r-full);font-size:var(--fs-12);color:var(--ink-2);background:var(--surface);border:1px solid var(--border);transition:all var(--dur-1) var(--ease);align-items:center;gap:6px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--ink)}.chip.on{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000;font-weight:600}.chip .c-count{font-size:var(--fs-11);color:var(--ink-3);font-variant-numeric:tabular-nums}.chip.on .c-count{color:var(--accent-ink)}.input,.select{height:36px;padding:0 var(--s-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-13);color:var(--ink);transition:border-color var(--dur-1), box-shadow var(--dur-1);width:100%}.input:focus,.select:focus{border-color:var(--accent);box-shadow:var(--sh-focus);outline:none}.input::placeholder{color:var(--ink-3)}.input-search{align-items:center;gap:var(--s-2);padding-left:var(--s-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);display:flex}.input-search:focus-within{border-color:var(--accent);box-shadow:var(--sh-focus)}.input-search svg{width:16px;height:16px;color:var(--ink-3)}.input-search input{height:34px;font-size:var(--fs-13);background:0 0;border:none;flex:1}.input-search input:focus{outline:none}.toolbar{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.backdrop{-webkit-backdrop-filter:saturate(1.1)blur(6px);z-index:var(--z-drawer-backdrop);animation:fadeIn var(--dur-2) var(--ease);background:oklch(22% .03 265/.4);position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{width:min(var(--drawer-w), 96vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--sh-3);z-index:var(--z-drawer);animation:drawerIn var(--dur-3) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.drawer-head{padding:var(--s-5);border-bottom:1px solid var(--border);flex-shrink:0}.drawer-body{padding:var(--s-5);flex:auto;overflow-y:auto}.icon-btn{border-radius:var(--r-md);width:32px;height:32px;color:var(--ink-2);transition:background var(--dur-1);place-items:center;display:grid}.kpi-row{gap:var(--s-4);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-4) var(--s-5)}.kpi .k-top{color:var(--ink-3);align-items:center;gap:8px;margin-bottom:10px;display:flex}.kpi .k-top svg{width:16px;height:16px}.kpi .k-label{font-size:var(--fs-12);font-weight:500}.kpi .k-val{font-size:var(--fs-28);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.kpi .k-sub{font-size:var(--fs-11);color:var(--ink-3);margin-top:6px}.kpi.soon .k-val{color:var(--ink-3)}.badge-soon{letter-spacing:.05em;text-transform:uppercase;color:var(--warn-ink);background:var(--warn-soft);border-radius:var(--r-full);margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.skel{background-color:var(--surface-3);background-image:linear-gradient(100deg, transparent 20%, var(--surface) 50%, transparent 80%);border-radius:var(--r-sm);background-repeat:no-repeat;background-size:220% 100%;animation:1.15s linear infinite shimmer}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-160% 0}}@media (prefers-reduced-motion:reduce){.skel{animation-duration:2.4s}}.fade-in{animation:fadeIn .28s var(--ease)}.empty{text-align:center;padding:var(--s-10) var(--s-6);color:var(--ink-3)}.empty svg{width:40px;height:40px;margin:0 auto var(--s-3);color:var(--border-strong)}.empty h4{font-size:var(--fs-14);color:var(--ink-2);margin-bottom:4px}.empty p{font-size:var(--fs-12);max-width:340px;margin:0 auto}.err-box{text-align:center;padding:var(--s-8);color:var(--danger-ink);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-lg);font-size:var(--fs-13)}.err-box button{margin-top:var(--s-3)}.grid-2{gap:var(--s-4);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (width<=1000px){.grid-2{grid-template-columns:1fr}}.pager{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);font-size:var(--fs-12);color:var(--ink-3);display:flex}.pager .pg-btns{gap:6px;display:flex}.pgbar{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);font-size:var(--fs-12);color:var(--ink-3);display:flex}.pgbar .pg-rows{white-space:nowrap;align-items:center;gap:8px;display:flex}.pg-select{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);height:30px;color:var(--ink);font-size:var(--fs-12);cursor:pointer;transition:border-color var(--dur-1), box-shadow var(--dur-1);padding:0 8px;font-weight:600}.pg-select:focus{border-color:var(--accent);box-shadow:var(--sh-focus);outline:none}.pgbar .pg-range{text-align:center;color:var(--ink-2);flex:1}.pgbar .pg-nav{align-items:center;gap:var(--s-2);white-space:nowrap;display:flex}.pgbar .pg-page{color:var(--ink-2);text-align:center;min-width:96px;font-weight:600}.pgbar .pg-nav .icon-btn{border:1px solid var(--border-strong);background:var(--surface);width:30px;height:30px}.pgbar .pg-nav .icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.pgbar .pg-nav .icon-btn:disabled{opacity:.4;pointer-events:none}@media (width<=620px){.pgbar{flex-wrap:wrap;justify-content:space-between}.pgbar .pg-range{text-align:center;flex-basis:100%;order:3}}.inbox{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:340px 1fr;gap:0;height:calc(100vh - 150px);display:grid;overflow:hidden}.conv-col{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.conv-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding:10px var(--s-4);border-bottom:1px solid var(--border);display:flex}.conv-title{font-weight:700;font-size:var(--fs-14)}.conv-search{padding:var(--s-3);border-bottom:1px solid var(--border)}.conv-list{flex:1;min-height:0;overflow-y:auto}.conv-empty{padding:var(--s-5);text-align:center;color:var(--ink-3);font-size:var(--fs-12)}.conv-item{align-items:center;gap:var(--s-3);text-align:left;width:100%;padding:11px var(--s-4);border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;display:flex}.conv-item:hover{background:var(--surface-2)}.conv-item.on{background:var(--accent-soft)}.conv-item .ci-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conv-item .ci-top{justify-content:space-between;align-items:baseline;gap:var(--s-2);display:flex}.conv-item .ci-name{font-weight:600;font-size:var(--fs-13);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conv-item .ci-time{color:var(--ink-3);flex-shrink:0;font-size:10px}.conv-item .ci-bottom{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.conv-item .ci-prev{font-size:var(--fs-12);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conv-item .ci-out{color:var(--ink-2)}.unread-dot{background:var(--accent);color:#fff;border-radius:var(--r-full);flex-shrink:0;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:grid}.avatar{border-radius:var(--r-full);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);font-size:var(--fs-12);letter-spacing:.3px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar.lg{width:42px;height:42px;font-size:var(--fs-13)}.chat{background:var(--surface-2);flex-direction:column;min-height:0;display:flex}.chat-empty{justify-content:center;align-items:center;gap:var(--s-3);color:var(--ink-3);flex-direction:column;display:flex}.chat-empty svg{color:var(--border-strong)}.chat-head{align-items:center;gap:var(--s-3);padding:10px var(--s-5);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.chat-who{flex:1;min-width:0}.chat-name{font-weight:600;font-size:var(--fs-14)}.chat-sub{font-size:var(--fs-12);color:var(--ink-3)}.chat-sub .link,.link{color:var(--accent);font-weight:500}.win-pill{font-size:var(--fs-11);border-radius:var(--r-full);white-space:nowrap;padding:4px 10px;font-weight:600}.win-pill.open{background:var(--accent-soft);color:var(--accent)}.win-pill.closed{background:var(--surface-3);color:var(--ink-3)}.thread{padding:var(--s-5);gap:var(--s-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.day-group{gap:var(--s-2);flex-direction:column;display:flex}.day-sep{margin:var(--s-2) 0;justify-content:center;display:flex}.day-sep span{background:var(--surface);border:1px solid var(--border);color:var(--ink-3);font-size:var(--fs-11);border-radius:var(--r-full);padding:3px 12px;font-weight:500}.bubble{max-width:68%;font-size:var(--fs-13);box-shadow:var(--sh-1);border-radius:12px;padding:8px 12px;line-height:1.45}.bubble.in{background:var(--surface);border-bottom-left-radius:4px;align-self:flex-start}.bubble.out{background:var(--accent-soft);color:var(--ink);border-bottom-right-radius:4px;align-self:flex-end}.bubble .b-tag{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);margin-bottom:3px;font-size:10px;font-weight:700}.bubble .b-body{white-space:pre-wrap;word-break:break-word}.bubble .b-meta{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:5px;margin-top:3px;font-size:10px;display:flex}.tick{letter-spacing:-1px;font-size:10px}.tick.read{color:var(--accent)}.tick.fail{color:var(--danger);letter-spacing:0;font-weight:700}.composer{align-items:flex-end;gap:var(--s-2);padding:10px var(--s-4);border-top:1px solid var(--border);background:var(--surface);display:flex}.composer.closed{align-items:stretch;gap:var(--s-3);flex-direction:column}.composer-note{font-size:var(--fs-12);color:var(--ink-2);align-items:center;gap:7px;display:flex}.composer-input{resize:none;min-height:38px;max-height:120px;padding:9px var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);font-size:var(--fs-13);background:var(--surface);color:var(--ink);flex:1;font-family:inherit;line-height:1.4}.composer-input:focus{border-color:var(--accent);box-shadow:var(--sh-focus);outline:none}.icon-btn{border-radius:var(--r-md);width:38px;height:38px;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.tpl-head{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.tpl-head .chip{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-2);background:var(--surface-3);border-radius:var(--r-full);padding:2px 8px;font-size:10px;font-weight:600}.tpl-wa{max-height:240px;margin-bottom:var(--s-4);overflow-y:auto}.compose-filters{gap:var(--s-2);margin-bottom:var(--s-3);grid-template-columns:160px 1fr 150px;display:grid}.compose-table{border:1px solid var(--border);border-radius:var(--r-md);max-height:44vh;overflow-y:auto}.compose-table table{margin:0}.compose-table thead th{background:var(--surface-2);z-index:1;position:sticky;top:0}.compose-table tr.row-on{background:var(--accent-soft)}.compose-table input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}@media (width<=720px){.compose-filters{grid-template-columns:1fr}}.modal-backdrop{-webkit-backdrop-filter:saturate(1.1)blur(8px);z-index:var(--z-modal-backdrop);padding:var(--s-6);animation:fadeIn var(--dur-2) var(--ease);background:oklch(22% .03 265/.44);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);width:min(560px,96vw);max-height:88vh;box-shadow:var(--sh-3);z-index:var(--z-modal);animation:modalIn var(--dur-2) var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal.wide{width:min(720px,96vw)}.modal-body{min-height:148px}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:none}}.modal-head{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:var(--fs-16)}.modal-body{padding:var(--s-5);overflow-y:auto}.modal-foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:var(--s-3);display:flex}.field{margin-bottom:var(--s-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--fs-12);color:var(--ink-2);font-weight:500}.field .hint{font-size:var(--fs-11);color:var(--ink-3)}.wizard-steps{margin-bottom:var(--s-5);gap:8px;display:flex}.wizard-steps .ws{border-radius:var(--r-full);background:var(--surface-3);flex:1;height:4px}.wizard-steps .ws.on{background:var(--accent)}.html-preview{border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;overflow:hidden}.html-preview iframe{background:#fff;border:0;width:100%;height:480px;display:block}.email-modal{background:var(--surface);border-radius:var(--r-xl);width:min(780px,96vw);height:92vh;box-shadow:var(--sh-3);z-index:var(--z-modal);animation:modalIn var(--dur-2) var(--ease);flex-direction:column;display:flex;overflow:hidden}.email-frame{background:#fff;border:0;flex:1;width:100%;display:block}.wa-preview{border-radius:var(--r-lg);background:#efe7de;padding:20px 16px;display:flex}.wa-bubble{color:#111b21;max-width:85%;font-size:var(--fs-13);white-space:pre-wrap;word-break:break-word;background:#d9fdd3;border-radius:8px 2px 8px 8px;margin-left:auto;padding:8px 10px 6px;line-height:1.55;box-shadow:0 1px 1px #0000001f}.wa-bubble .wa-time{text-align:right;color:#667781;margin-top:3px;font-size:10px;display:block}.new-tpl-grid{gap:var(--s-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=640px){.new-tpl-grid{grid-template-columns:1fr}}.stepper{margin-bottom:var(--s-5);display:flex}.stepper .step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.stepper .step:before{content:"";background:var(--border-strong);z-index:0;width:100%;height:2px;position:absolute;top:14px;left:-50%}.stepper .step:first-child:before{display:none}.stepper .step.done:before,.stepper .step.current:before{background:var(--accent)}.step-dot{border-radius:var(--r-full);background:var(--surface);width:28px;height:28px;color:var(--ink-3);border:2px solid var(--border-strong);font-size:var(--fs-12);z-index:1;transition:all var(--dur-1);place-items:center;font-weight:700;display:grid}.stepper .step.current .step-dot,.stepper .step.done .step-dot{background:var(--accent);color:#fff;border-color:var(--accent)}.step-label{font-size:var(--fs-11);color:var(--ink-3);text-align:center}.stepper .step.current .step-label{color:var(--ink);font-weight:600}.wiz-head{margin-bottom:var(--s-4)}.wiz-head h3{font-size:var(--fs-16)}.wiz-help{font-size:var(--fs-13);color:var(--ink-3);margin-top:2px}.review{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.rev-row{padding:11px var(--s-4);border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;display:flex}.rev-row:last-child{border-bottom:none}.rev-k{font-size:var(--fs-12);color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em}.rev-v{font-size:var(--fs-13);text-align:right;font-weight:600}.cond-row{grid-template-columns:1.2fr .8fr 1.5fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.pick-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.pick-grid .pick{margin-bottom:0}.pick{border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px var(--s-4);cursor:pointer;transition:all var(--dur-1);margin-bottom:8px}.pick:hover{border-color:var(--ink-3)}.pick.on{border-color:var(--accent);background:var(--accent-soft)}.pick .p-name{font-weight:600;font-size:var(--fs-13)}.pick .p-sub{font-size:var(--fs-11);color:var(--ink-3)}.kpi{transition:box-shadow var(--dur-2), border-color var(--dur-2);position:relative}.kpi:hover{box-shadow:var(--sh-2)}.kpi .k-top svg{color:var(--accent)}.kpi.soon{background:var(--surface-2)}.kpi.soon .k-top svg{color:var(--ink-3)}.kpi.soon .k-val{font-size:var(--fs-22)}.panel+.panel{margin-top:var(--s-4)}.panel-head h3{letter-spacing:-.01em}table.data tbody tr.clickable:hover{background:var(--accent-soft)}table.data tbody td{padding-top:12px;padding-bottom:12px}.content::-webkit-scrollbar{width:10px;height:10px}.nav::-webkit-scrollbar{width:10px;height:10px}.conv-list::-webkit-scrollbar{width:10px;height:10px}.drawer-body::-webkit-scrollbar{width:10px;height:10px}.thread::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:999px}.nav::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:999px}.conv-list::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:999px}.drawer-body::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:999px}.thread::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:999px}.content::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.auth-card{padding-top:var(--s-10)}.auth-brand .brand-mark{box-shadow:0 6px 16px oklch(50% .2 264/.28)}.toolbar{row-gap:10px}@media (width<=1100px){.app{grid-template-columns:var(--nav-w-collapsed) 1fr}.user-menu{width:180px;left:6px;right:auto}.kpi-row{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (width<=760px){.topbar{padding:0 var(--s-4);gap:var(--s-2)}.topbar-title h1{font-size:var(--fs-14)}.topbar-title small{display:none}.view{padding:var(--s-4)}.kpi-row{grid-template-columns:1fr 1fr}.kpi .k-val{font-size:var(--fs-22)}.drawer{width:100vw}.modal{width:96vw}.inbox{grid-template-columns:1fr;height:auto}.conv-col{border-right:none;border-bottom:1px solid var(--border)}.conv-list{max-height:40vh}.chat{min-height:60vh}.cond-row{grid-template-columns:1fr;gap:6px}.modal-foot{flex-wrap:wrap}}@media (width<=460px){.kpi-row{grid-template-columns:1fr}.chips{width:100%}}.dash-grid{gap:var(--s-4);grid-template-columns:1fr 1.35fr;align-items:start;display:grid}.dash-grid>.panel+.panel{margin-top:0}@media (width<=1000px){.dash-grid{grid-template-columns:1fr}}.act-row{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--border);padding:12px 20px;display:flex}.act-row:last-child{border-bottom:none}.act-ico{border-radius:var(--r-md);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.act-row .cell-sub{margin-top:2px}.field-label{font-size:var(--fs-12);color:var(--ink-2);margin-bottom:8px;font-weight:500;display:block}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.mod-card{text-align:left;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1), box-shadow var(--dur-1);flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.mod-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.mod-card.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.mod-card .mod-label{font-size:var(--fs-13);color:var(--ink);font-weight:600}.mod-card .mod-api{font-size:var(--fs-11);color:var(--ink-3)}.mod-card.on .mod-label{color:var(--accent-ink,var(--accent))}.pull-banner{font-size:var(--fs-13);color:var(--ink-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 20px;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);flex-wrap:wrap;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented .seg{border-radius:var(--r-full);height:28px;font-size:var(--fs-12);color:var(--ink-2);white-space:nowrap;transition:color var(--dur-1) var(--ease), background var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.segmented .seg:hover{color:var(--ink)}.segmented .seg.on{background:var(--surface);color:var(--accent-ink);box-shadow:var(--sh-1)}.segmented .seg-count{font-size:var(--fs-11);color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:600}.segmented .seg.on .seg-count{color:var(--accent-ink)}.dropdown{display:inline-flex;position:relative}.menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);min-width:190px;box-shadow:var(--sh-3);z-index:var(--z-modal);animation:menuIn var(--dur-1) var(--ease);padding:6px;position:absolute;top:calc(100% + 6px)}.menu-right{right:0}.menu-left{left:0}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu-item{border-radius:var(--r-md);width:100%;font-size:var(--fs-13);color:var(--ink);text-align:left;transition:background var(--dur-1) var(--ease);align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item svg{color:var(--ink-3)}.menu-item.danger{color:var(--danger-ink,var(--danger))}.menu-item.danger svg{color:var(--danger)}@media (prefers-reduced-motion:reduce){.menu{animation:none}}.lead-back{margin-bottom:var(--s-3)}.lead-hero{align-items:flex-start;gap:var(--s-5);padding:var(--s-5);margin-bottom:var(--s-5);display:flex}.lead-av{border-radius:var(--r-lg);background:linear-gradient(140deg, var(--broker), var(--accent));color:#fff;width:56px;height:56px;font-weight:700;font-size:var(--fs-18);flex-shrink:0;place-items:center;display:grid}.lead-hero-main{flex:auto;min-width:0}.lead-name-row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.lead-name-row h1{font-size:var(--fs-22);letter-spacing:-.02em;font-weight:700}.lead-sub{align-items:center;gap:var(--s-3);margin-top:var(--s-2);font-size:var(--fs-12);color:var(--ink-3);flex-wrap:wrap;display:flex}.lead-sub .mono{font-size:var(--fs-11)}.lead-sub>span{align-items:center;gap:5px;display:inline-flex}.meta-lbl{font-style:normal;font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-4,var(--ink-3));opacity:.7;font-weight:600}.meta-lbl:after{content:":"}.stop-flag{color:var(--danger-ink);background:var(--danger-soft);border-radius:var(--r-full);align-items:center;gap:5px;padding:3px 8px;font-weight:600;display:inline-flex}.lead-hero-side{gap:var(--s-2);flex-direction:column;flex-shrink:0;width:248px;display:flex}.lp-top{font-size:var(--fs-12);color:var(--ink-3);justify-content:space-between;align-items:baseline;display:flex}.lp-top b{font-size:var(--fs-14);color:var(--ink)}.lp-bar{border-radius:var(--r-full);background:var(--surface-3);height:8px;overflow:hidden}.lp-bar span{border-radius:var(--r-full);background:linear-gradient(90deg, var(--accent), oklch(60% .19 264));height:100%;transition:width var(--dur-3) var(--ease);display:block}.lead-quick{margin-top:var(--s-2);flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lead-quick .btn{white-space:nowrap}.lstat-row{gap:var(--s-4);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.lstat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-4)}.lstat-top{color:var(--ink-3);font-size:var(--fs-12);align-items:center;gap:6px;margin-bottom:8px;font-weight:500;display:flex}.lstat-top svg{color:var(--accent)}.lstat-val{font-size:var(--fs-22);letter-spacing:-.02em;font-weight:700;line-height:1}.lstat-sub{font-size:var(--fs-11);color:var(--ink-3);margin-top:6px}.lead-tabs{margin-bottom:var(--s-5)}.panel-head h3 svg{color:var(--ink-3);vertical-align:-3px;margin-right:4px}.lead-cards{gap:var(--s-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.lead-cards>.panel+.panel{margin-top:0}@media (width<=900px){.lead-cards{grid-template-columns:1fr}}.kv-grid{flex-direction:column;display:flex}.kv-grid.kv-2col{gap:0 var(--s-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=760px){.kv-grid.kv-2col{grid-template-columns:1fr}}.kv{justify-content:space-between;gap:var(--s-4);border-bottom:1px solid var(--border);padding:10px 0;display:flex}.kv-grid:not(.kv-2col) .kv:last-child{border-bottom:none}.kv-k{font-size:var(--fs-12);color:var(--ink-3);text-transform:capitalize;flex-shrink:0;padding-top:1px}.kv-v-wrap{text-align:right;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.kv-v{font-size:var(--fs-13);color:var(--ink);word-break:break-word}.kv-actions{flex-shrink:0;gap:4px;display:inline-flex}.mini-btn{border-radius:var(--r-sm);width:26px;height:26px;color:var(--ink-3);border:1px solid var(--border);background:var(--surface);transition:all var(--dur-1);place-items:center;display:grid}.mini-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.eng-wrap{gap:var(--s-4);flex-direction:column;display:flex}.eng-wrap .panel+.panel{margin-top:0}.camp-item{justify-content:space-between;align-items:center;gap:var(--s-4);padding:14px var(--s-5);border-bottom:1px solid var(--border);display:flex}.camp-item:last-child{border-bottom:none}.camp-name{font-weight:600;font-size:var(--fs-13);color:var(--ink);text-align:left}.camp-name:hover{color:var(--accent);text-decoration:underline}.camp-meta{gap:var(--s-3);flex-wrap:wrap;margin-top:5px;display:flex}.camp-meta span{font-size:var(--fs-11);color:var(--ink-3);align-items:center;gap:5px;display:inline-flex}.camp-side{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.brk{flex-direction:column;display:flex}.brk-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.brk-row:last-child{border-bottom:none}.brk-btn{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0}.brk-btn:last-child{border-bottom:none}.brk-btn:hover,.brk-btn:hover .strong{color:var(--accent)}.wstat-btn{font:inherit;cursor:pointer;transition:border-color var(--motion,.15s), background var(--motion,.15s)}.wstat-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.wstat-btn span{justify-content:center;align-items:center;gap:4px;display:inline-flex}.wstat-btn svg{color:var(--ink-3)}.funnel{gap:var(--s-4);flex-direction:column;display:flex}.fn-row{flex-direction:column;gap:5px;display:flex}.fn-top{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.fn-name{font-size:var(--fs-13);font-weight:600}.fn-num{font-size:var(--fs-14);align-items:baseline;gap:var(--s-2);font-weight:700;display:inline-flex}.fn-conv{font-size:var(--fs-11);color:var(--success-ink);font-weight:600}.fn-conv.down{color:var(--warn-ink)}.fn-bar{background:var(--surface-2);border-radius:var(--r-full);height:12px;overflow:hidden}.fn-bar>span{background:var(--accent);border-radius:var(--r-full);min-width:3px;height:100%;transition:width .3s;display:block}.fn-sub{margin-top:1px}.drill-list{flex-direction:column;display:flex}.drill-item{gap:var(--s-3);border-bottom:1px solid var(--border);grid-template-columns:1fr auto;padding:12px 0;display:grid}.drill-item:last-child{border-bottom:none}.drill-name{font-weight:600;font-size:var(--fs-13);color:var(--ink);text-align:left}.drill-name:hover{color:var(--accent);text-decoration:underline}.drill-meta{gap:var(--s-3);flex-wrap:wrap;margin-top:4px;display:flex}.drill-meta span{font-size:var(--fs-11);color:var(--ink-3);align-items:center;gap:4px;display:inline-flex}.drill-side{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.drill-payload{padding:10px var(--s-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-11);white-space:pre-wrap;word-break:break-word;grid-column:1/-1;max-height:240px;margin-top:8px;overflow:auto}.link-btn{cursor:pointer;color:var(--accent);font:inherit;background:0 0;border:none;padding:0}.link-btn:hover{text-decoration:underline}.wa-stats{gap:var(--s-3);margin-bottom:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.wstat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;padding:12px 16px}.wstat b{font-size:var(--fs-18);font-weight:700;display:block}.wstat span{font-size:var(--fs-11);color:var(--ink-3)}.wstat.danger b{color:var(--danger-ink)}.msg-list{gap:var(--s-3);flex-direction:column;display:flex}.msg-item{border:1px solid var(--border);border-radius:var(--r-md);padding:10px var(--s-4);border-left:3px solid var(--border-strong)}.msg-item.outbound{border-left-color:var(--ch-wa);background:var(--surface)}.msg-item.inbound{border-left-color:var(--accent);background:var(--accent-soft)}.msg-top{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.msg-top b{font-size:var(--fs-13)}.msg-body{font-size:var(--fs-12);color:var(--ink-2);white-space:pre-wrap;word-break:break-word;margin-top:5px}.msg-time{margin-top:6px}.tl{flex-direction:column;display:flex}.tl-item{gap:var(--s-3);padding-bottom:var(--s-4);display:flex;position:relative}.tl-item:before{content:"";background:var(--border);width:2px;position:absolute;top:16px;bottom:0;left:5px}.tl-item:last-child{padding-bottom:0}.tl-item:last-child:before{display:none}.tl-dot{background:var(--neutral);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);z-index:1;border-radius:50%;flex-shrink:0;margin-top:3px}.tl-dot.whatsapp{background:var(--ch-wa)}.tl-dot.email{background:var(--ch-email)}.tl-dot.sys{background:var(--ink-3)}.tl-body{min-width:0}.tl-title{font-size:var(--fs-13);font-weight:500}.tl-detail{white-space:pre-wrap;word-break:break-word;margin-top:3px}.tl-time{margin-top:3px}.soon-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.soon-item{align-items:center;gap:var(--s-3);padding:12px var(--s-4);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-13);min-height:48px;display:flex}.soon-item svg{color:var(--ink-3);flex-shrink:0}.soon-item .badge-soon{margin-left:auto}.col-actions{text-align:right;white-space:nowrap}@media (width<=760px){.lead-hero{flex-wrap:wrap}.lead-hero-side{width:100%}}.rep-toolbar{align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.sect-title{align-items:center;gap:var(--s-2);font-size:var(--fs-14);color:var(--ink);margin:var(--s-6) 0 var(--s-4);letter-spacing:.01em;font-weight:700;display:flex}.sect-title:first-of-type{margin-top:0}.sect-ico,.k-ico{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.kpi .k-top .k-ico svg,.sect-title .sect-ico svg{color:inherit}.chart-svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-axis{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.chart-area{fill:var(--accent-soft)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.chart-dot-mut{fill:var(--border-strong)}.donut-wrap{align-items:center;gap:var(--s-6);flex-wrap:wrap;display:flex}.donut{flex-shrink:0}.donut-total{fill:var(--ink);font-size:22px;font-weight:700}.donut-cap{fill:var(--ink-3);font-size:11px}.donut-legend{flex-direction:column;flex:1;gap:9px;min-width:170px;display:flex}.lg-row{align-items:center;gap:var(--s-3);font-size:var(--fs-13);display:flex}.lg-dot{border-radius:3px;flex-shrink:0;width:11px;height:11px}.lg-label{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);flex:1;overflow:hidden}.lg-val{font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--s-2);white-space:nowrap;font-weight:700;display:inline-flex}.lg-pct{font-size:var(--fs-11);color:var(--ink-3);font-weight:600}.barc{align-items:stretch;gap:var(--s-4);display:flex}.barc-col{flex-direction:column;flex:1;min-width:0;display:flex}.barc-track{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.barc-val{font-size:var(--fs-13);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.barc-bar{border-radius:6px 6px 0 0;width:100%;max-width:72px;min-height:3px;transition:height .3s}.barc-name{font-size:var(--fs-11);color:var(--ink-3);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;overflow:hidden}.conn-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.conn-card{flex-direction:column;display:flex}.conn-head{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);display:flex}.conn-ico{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.conn-name{font-size:var(--fs-15);color:var(--ink);font-weight:700}.conn-status{font-size:var(--fs-11);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.conn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.conn-keys{padding:4px var(--s-5) var(--s-4);flex-direction:column;display:flex}.conn-key{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--border);padding:10px 0;display:flex}.conn-key:last-child{border-bottom:none}.ck-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ck-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ck-val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-list{padding:0 var(--s-5) var(--s-3);flex-direction:column;display:flex}.key-row{align-items:center;gap:var(--s-4);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:14px 0;display:flex}.key-row:last-child{border-bottom:none}.key-info{flex:1;min-width:200px}.key-label{font-size:var(--fs-13);color:var(--ink);align-items:center;gap:var(--s-2);font-weight:600;display:flex}.key-help{font-size:var(--fs-11);color:var(--ink-3);margin-top:2px}.req-badge,.custom-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:var(--r-sm);padding:1px 6px;font-size:10px;font-weight:700}.req-badge{color:var(--danger-ink);background:var(--danger-soft)}.custom-badge{color:var(--ink-3);background:var(--surface-2);border:1px solid var(--border)}.key-right{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.val-box{align-items:center;gap:var(--s-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);min-width:200px;max-width:300px;height:32px;padding:0 4px 0 12px;display:inline-flex}.val-text{font-size:var(--fs-12);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.val-box.empty{color:var(--ink-3);font-size:var(--fs-12);border-style:dashed;justify-content:center;font-style:italic}.val-eye{width:26px;height:26px;color:var(--ink-3);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.val-eye:hover{background:var(--surface);color:var(--accent)}.btn.icon-only{padding-left:8px;padding-right:8px}.btn.icon-only:disabled{opacity:.3}.key-edit{align-items:center;gap:var(--s-2);flex:1;justify-content:flex-end;min-width:240px;display:flex}.key-edit .input{max-width:280px}.note-inline{align-items:flex-start;gap:var(--s-2);margin-top:var(--s-4);padding:10px var(--s-4);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-12);color:var(--ink-2);display:flex}.note-inline svg{color:var(--ink-3);flex-shrink:0;margin-top:1px}.team-list{flex-direction:column;display:flex}.team-row{align-items:center;gap:var(--s-3);padding:12px var(--s-4);border-bottom:1px solid var(--border);display:flex}.team-row:last-child{border-bottom:0}.team-row .tm-main{flex:1;min-width:0}.team-row .tm-name{font-weight:600;font-size:var(--fs-13);align-items:center;gap:var(--s-2);display:flex}.team-row .tm-email{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.team-row .tm-joined{text-align:right;flex-shrink:0;min-width:84px}.team-row .tm-joined .subtle{text-transform:uppercase;letter-spacing:.4px;font-size:10px}.you-badge{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);padding:1px 6px;font-size:10px;font-weight:700}.select-sm{height:30px;font-size:var(--fs-12);padding:0 26px 0 var(--s-3);width:auto}.team-row.is-off{opacity:.62}.team-row .tm-role{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.team-row .tm-role .subtle{text-transform:uppercase;letter-spacing:.4px;font-size:10px}.off-badge{letter-spacing:.4px;text-transform:uppercase;color:var(--warn,#b45309);background:color-mix(in oklch, var(--warn,#f59e0b) 16%, transparent);border-radius:var(--r-sm);padding:1px 6px;font-size:10px;font-weight:700}.row-menu{flex-shrink:0;position:relative}.row-menu-pop{z-index:20;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--sh-2);min-width:172px;animation:fadeIn var(--dur-1) var(--ease);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.rm-item{align-items:center;gap:var(--s-3);border-radius:var(--r-sm);width:100%;font-size:var(--fs-13);color:var(--ink);text-align:left;background:0 0;padding:8px 10px;display:flex}.rm-item:hover{background:var(--surface-2)}.rm-item svg{color:var(--ink-3)}.rm-item.danger,.rm-item.danger svg{color:var(--danger,#dc2626)}.role-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.role-card{padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.role-head{align-items:flex-start;gap:var(--s-3);display:flex}.role-ico{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.role-name{font-weight:600;font-size:var(--fs-14);align-items:center;gap:var(--s-2);display:flex}.role-desc{margin-top:2px}.sys-badge{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);padding:1px 6px;font-size:10px;font-weight:700}.role-meta{align-items:center;gap:var(--s-2);font-size:var(--fs-12);color:var(--ink-2);display:flex}.dot-sep{color:var(--ink-3)}.role-perms{flex-wrap:wrap;gap:6px;min-height:24px;display:flex}.perm-chip{font-size:var(--fs-12);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:2px 9px}.perm-chip.all{color:var(--accent);background:var(--accent-soft);border-color:#0000;font-weight:600}.perm-chip.more{color:var(--ink-3)}.role-actions{gap:var(--s-2);padding-top:var(--s-2);margin-top:auto;display:flex}.matrix-head{margin:var(--s-4) 0 var(--s-2);justify-content:space-between;align-items:center;display:flex}.matrix-head label{font-size:var(--fs-13);font-weight:600}.matrix{gap:var(--s-2);flex-direction:column;display:flex}.matrix-group{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.mg-head{align-items:center;gap:var(--s-3);width:100%;padding:9px var(--s-4);background:var(--surface-2);text-align:left;display:flex}.mg-name{font-weight:600;font-size:var(--fs-13)}.mg-check{border-radius:var(--r-sm);border:1.5px solid var(--border-strong);color:#0000;background:var(--surface);flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.mg-check svg{width:12px;height:12px}.mg-check.all{background:var(--accent);border-color:var(--accent);color:#fff}.mg-check.some{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mg-perms{padding:var(--s-2) var(--s-3);grid-template-columns:1fr 1fr;gap:2px;display:grid}.perm-toggle{align-items:center;gap:var(--s-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-13);color:var(--ink-2);padding:6px 8px;display:flex}.perm-toggle:hover{background:var(--surface-2)}.perm-toggle input{opacity:0;pointer-events:none;position:absolute}.perm-toggle .pt-box{border-radius:var(--r-sm);border:1.5px solid var(--border-strong);color:#0000;background:var(--surface);flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.perm-toggle .pt-box svg{width:12px;height:12px}.perm-toggle.on{color:var(--ink)}.perm-toggle.on .pt-box{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=560px){.mg-perms{grid-template-columns:1fr}}.sel-inline{align-items:center;gap:var(--s-2);display:inline-flex}.audit-table td{vertical-align:middle}.who-cell{align-items:center;gap:var(--s-3);display:flex}.who-cell .avatar{font-size:11px}.who-meta{min-width:0}.who-name{font-weight:600;font-size:var(--fs-13)}.who-sub{margin-top:1px}.act-badge{font-size:var(--fs-12);border-radius:var(--r-full);white-space:nowrap;padding:2px 10px;font-weight:600;display:inline-block}.audit-detail{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.link-sub{font-size:var(--fs-11);color:var(--accent);font-weight:600;text-decoration:none}.link-sub:hover{text-decoration:underline}.act-inline{align-items:center;gap:var(--s-3);display:flex}.act-ico.sm{border-radius:var(--r-sm);width:26px;height:26px}.cat-chip{font-size:var(--fs-11);border-radius:var(--r-full);white-space:nowrap;padding:2px 9px;font-weight:600;display:inline-block}.settings-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;max-width:900px;display:grid}.health-item{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--border);padding:12px 20px;display:flex}.health-item:last-child{border-bottom:none}.h-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.h-status{font-size:var(--fs-12);white-space:nowrap;font-weight:600}.panel-foot{border-top:1px solid var(--border);padding:10px 20px}.kv-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}:root{--bg:oklch(98.4% .003 265);--surface:oklch(100% 0 0);--surface-2:oklch(97% .004 265);--surface-3:oklch(94.5% .005 265);--border:oklch(91.6% .006 265);--border-strong:oklch(86.5% .008 265);--ink:oklch(25.5% .023 265);--ink-2:oklch(44.5% .018 265);--ink-3:oklch(54.5% .016 265);--ink-on-accent:oklch(99% .01 265);--accent:oklch(54.5% .196 264);--accent-hover:oklch(48.5% .205 264);--accent-press:oklch(44% .205 264);--accent-soft:oklch(95.5% .028 264);--accent-soft-2:oklch(92.5% .045 264);--accent-ink:oklch(44% .2 264);--accent-ring:oklch(62% .17 264/.45);--broker:oklch(58.5% .165 250);--broker-soft:oklch(95.5% .03 250);--broker-ink:oklch(46% .16 250);--wealth:oklch(70% .15 68);--wealth-soft:oklch(96% .045 78);--wealth-ink:oklch(52% .13 62);--mfd:oklch(61.5% .14 156);--mfd-soft:oklch(95.5% .045 156);--mfd-ink:oklch(46% .12 156);--neutral:oklch(60% .02 265);--neutral-soft:oklch(95.5% .004 265);--info:oklch(58.5% .165 250);--info-soft:oklch(95.5% .03 250);--warn:oklch(70% .17 55);--warn-soft:oklch(96% .05 70);--warn-ink:oklch(52% .15 50);--danger:oklch(58.5% .22 27);--danger-soft:oklch(96% .035 25);--danger-ink:oklch(50% .21 27);--success:oklch(58.5% .15 156);--success-soft:oklch(95.5% .045 156);--success-ink:oklch(44% .13 156);--ch-email:oklch(58.5% .165 264);--ch-wa:oklch(61.5% .15 156);--ch-sms:oklch(70% .15 68);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--fs-11:.6875rem;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-22:1.375rem;--fs-28:1.75rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-full:999px;--sh-1:0 1px 2px oklch(40% .03 265/.05), 0 1px 3px oklch(40% .03 265/.06);--sh-2:0 4px 12px oklch(35% .04 265/.1), 0 2px 4px oklch(35% .04 265/.06);--sh-3:0 24px 48px -12px oklch(30% .05 265/.28), 0 8px 20px -8px oklch(30% .05 265/.16);--sh-focus:0 0 0 3px var(--accent-ring);--ease:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-1:.13s;--dur-2:.18s;--dur-3:.24s;--nav-w:244px;--nav-w-collapsed:68px;--topbar-h:60px;--drawer-w:588px;--z-sticky:1;--z-dropdown:10;--z-drawer-backdrop:100;--z-drawer:110;--z-modal-backdrop:200;--z-modal:210;--z-toast:300;--z-tooltip:400}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-13);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--ink);font-weight:600;line-height:1.25}h1{font-size:var(--fs-22)}h2{font-size:var(--fs-18)}h3{font-size:var(--fs-16)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}svg{flex-shrink:0;display:block}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{box-shadow:var(--sh-focus);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}