:root{--bg-app: #111111;--bg: #191919;--bg-head: #1e1e1e;--panel: #222222;--panel-2: #2a2a2a;--hover: #262626;--chip: #2e2e2e;--border: #2e2e2e;--border-2: #3a3a3a;--fg: #e2e2e2;--fg-2: #ababab;--muted: #919191;--fg-strong: #ffffff;--accent: #2b6cf0;--accent-2: #2259d1;--accent-bg: rgba(43,108,240,.16);--link: #598df2;--selected: #1d2f4f;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--purple: #a855f7;--radius: 8px;--shadow: 0 8px 28px rgba(0,0,0,.55);font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:20px;color:var(--fg);background:var(--bg-app);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1{font-size:24px;line-height:32px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:600}h4{margin:18px 0 8px}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}code{background:var(--panel-2);padding:1px 5px;border-radius:4px}.icon{flex-shrink:0}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:264px;background:var(--bg-app);display:flex;flex-direction:column;padding:0 12px 10px;overflow-y:auto;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;font-weight:500;font-size:14px;height:55px;padding:0 8px;flex-shrink:0}.logo{width:22px;height:22px;border-radius:6px;background:var(--accent);display:grid;place-items:center;color:#fff}.sidebar nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;height:30px;padding:4px 12px 4px 8px;border-radius:8px;border:1px solid transparent;color:var(--fg);font-size:13px;font-weight:500;line-height:16px}.nav-item .icon{color:var(--fg-2)}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--panel);color:var(--fg-strong)}.nav-item.active .icon{color:var(--fg-strong)}.nav-item.small{font-weight:400}.nav-sub{display:block;padding:3px 10px 3px 34px;color:var(--muted);font-size:13px;line-height:18px}.nav-sub:hover{color:var(--fg)}.nav-sub.active{color:var(--fg-strong)}.nav-badge{background:#9cc9ff;color:#10243f;font-size:12px;font-weight:500;padding:0 6px;border-radius:6px;line-height:18px}.nav-plus{color:var(--fg-2);display:grid;place-items:center}.nav-divider{height:1px;background:var(--border);margin:10px 12px}.nav-section{display:flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:18px 8px 6px}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg);border-left:1px solid var(--border)}.topbar{height:55px;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);flex-shrink:0}.page{flex:1;overflow:auto}.page-inner{padding:0 0 120px}.page-head{display:flex;align-items:center;gap:8px;padding:18px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:68px}.page-body{padding:16px 24px}.settings .page-body,.report-wrap{padding:20px 24px}.row{display:flex;align-items:center}.row.gap,.gap{gap:8px}.row.end{justify-content:flex-end}.row.center,.center{justify-content:center;text-align:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.fg{color:var(--fg)}.small{font-size:12.5px}.strong{font-weight:600}.pad{padding:14px}.mb{margin-bottom:6px}.nowrap{white-space:nowrap}.right{text-align:right}.pointer{cursor:pointer}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger-text{color:#f87171}.link{color:var(--link)}.link:hover{text-decoration:underline}.link.u{text-decoration:underline;text-underline-offset:2px}.pre{white-space:pre-wrap;color:var(--fg-2)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.divider-v{width:1px;height:24px;background:var(--border);margin:0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.btn .icon{color:var(--fg)}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--border-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{height:24px;padding:0 7px;font-size:13px;gap:5px}.btn.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:500}.btn.primary .icon{color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-2);border-color:transparent}.btn.success{background:#1f8a4c;border-color:transparent;color:#fff;font-weight:500}.btn.success .icon{color:#fff}.btn.success:hover:not(:disabled){background:#19733f}.btn.danger,.btn.danger .icon{color:#fca5a5}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover:not(:disabled){background:var(--hover)}.btn.active{border-color:var(--accent);color:#a9c6ff;background:var(--accent-bg)}.btn.block{width:100%}.btn.icon-only{width:32px;padding:0}.btn-split{display:inline-flex}.btn-split>.btn:first-child,.btn-split>.menu-wrap:first-child .btn{border-radius:8px 0 0 8px}.btn-split>.menu-wrap:last-child .btn,.btn-split>.btn:last-child{border-radius:0 8px 8px 0;border-left:0;padding:0 8px}.caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;display:inline-block}.icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;border:0;background:transparent;color:var(--fg-2)}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--fg)}.icon-btn:disabled{opacity:.3}.icon-btn.call{color:var(--fg-2)}.icon-btn.call:hover{color:#4ade80;background:#22c55e1f}.input{width:100%;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;outline:none}textarea.input{height:auto;padding:8px 10px;resize:vertical;line-height:1.45}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input.sm{height:24px;width:auto;font-size:13px;padding:0 6px}.input.big{height:42px;font-size:18px;text-align:center;letter-spacing:.04em}.input.active{border-color:var(--accent);color:#a9c6ff}.input.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}select.input{cursor:pointer}.field{display:block;margin-bottom:12px}.field-label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px;font-weight:500}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.section-title{font-weight:600;margin:8px 0 10px;padding-top:10px;border-top:1px solid var(--border)}.chip{height:24px;padding:0 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:13px;color:var(--fg)}.chip:hover{background:var(--hover)}.chip.active{background:var(--accent-bg);border-color:var(--accent);color:#c3d7ff}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:1px 6px 1px 5px;border-radius:6px;background:var(--chip);font-size:12px;font-weight:500;line-height:16px;white-space:nowrap;color:var(--fg)}.badge .dot{width:6px;height:6px}.badge.outline{background:transparent;border:1px solid var(--border-2)}.badge-btn{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:8px;border:0;background:var(--chip);font-size:13px;font-weight:500;color:var(--fg)}.badge-btn:hover{background:#363636}.badge-btn.plain{background:transparent;color:var(--fg-2);font-weight:400}.badge-btn.plain:hover{background:var(--hover)}.pill{display:inline-flex;align-items:center;gap:6px;padding:1px 6px;border-radius:6px;background:var(--chip);font-size:12px;font-weight:500;line-height:16px;white-space:nowrap;color:var(--fg)}.pill.ok{color:#86efac}.pill.accent{background:var(--accent-bg);color:#a9c6ff}.pill.active{background:#eab30829;color:#fde047}.pill.won{background:#22c55e29;color:#86efac}.pill.lost{background:#ef444429;color:#fca5a5}.pill.muted{color:var(--muted)}.count{display:inline-block;min-width:18px;text-align:center;padding:0 5px;border-radius:6px;background:var(--chip);font-size:12px;font-weight:600;line-height:18px;color:var(--fg)}.count.outline{background:transparent;border:1px solid var(--border-2);line-height:16px}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;flex-shrink:0}.seg{display:inline-flex;gap:2px}.seg a,.seg button{padding:4px 8px;font-size:13px;line-height:16px;color:var(--fg-2);background:transparent;border:0;border-radius:8px}.seg a:hover,.seg button:hover{color:var(--fg)}.seg .active{background:var(--chip);color:var(--fg-strong)}.seg.boxed{display:flex;border:1px solid var(--border);border-radius:8px;padding:2px;height:32px}.seg.boxed button{flex:1;border-radius:6px}.search{position:relative;display:flex;align-items:center;gap:10px;width:490px;max-width:45vw;height:40px;background:var(--panel-2);border-radius:8px;padding:0 12px;color:var(--muted)}.search input,.search-inline input{flex:1;border:0;background:transparent;color:var(--fg);outline:none;font:inherit}.search input::placeholder,.search-inline input::placeholder{color:var(--muted)}.search-results{position:absolute;top:46px;left:0;right:0;background:var(--panel);border:1px solid var(--border-2);border-radius:8px;box-shadow:var(--shadow);z-index:50;padding:6px;max-height:420px;overflow:auto}.sr-head{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);padding:8px 8px 4px}.sr-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:7px 8px;border-radius:6px;color:var(--fg)}.sr-item:hover{background:var(--hover)}.search-inline{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:8px;min-width:300px;color:var(--muted);background:var(--panel-2)}.search-inline.sm{min-width:300px;height:32px}.menu-wrap{position:relative;display:inline-flex}.menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--panel);border:1px solid var(--border-2);border-radius:8px;box-shadow:var(--shadow);padding:4px;z-index:305;max-height:360px;overflow:auto}.menu.right{left:auto;right:0}.menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:6px 10px;border-radius:6px;white-space:nowrap;font-size:13.5px}.menu-item:hover{background:var(--hover)}.menu-item.active{color:#a9c6ff}.menu-item.active:after{content:"✓";margin-left:auto}.menu-item.danger{color:#fca5a5}.menu-divider{height:1px;background:var(--border);margin:4px 0}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 24px;border-bottom:1px solid var(--border)}.filters .count-label{margin:0 6px}.filter-panel{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 24px;border-bottom:1px solid var(--border);background:#161616}.filter-chip{height:24px;padding:0 4px 0 8px;font-size:13px;font-weight:400;gap:4px}.chip-x{border:0;background:transparent;color:var(--muted);width:18px;height:18px;display:grid;place-items:center;border-radius:4px;padding:0}.chip-x:hover{background:var(--hover);color:var(--fg)}.table-bar{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 24px}.table-wrap{overflow:auto;background:var(--bg)}.page-body .table-wrap,.card .table-wrap{border:1px solid var(--border);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:700;color:var(--fg);padding:0 12px;height:41px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-head);position:sticky;top:0;z-index:1;white-space:nowrap}.table td{padding:0 12px;height:41px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:middle;background:var(--bg)}.table th:last-child,.table td:last-child{border-right:0}.table.grid th:first-child,.table.grid td:first-child{padding-left:24px}.table tbody tr{cursor:pointer}.table tbody tr:hover:not(.no-hover) td{background:#1d1d1d}.table tr.selected td{background:var(--selected)}.table.compact td,.table.compact th{height:34px;padding:0 8px;border-right:0}.table.compact th{font-weight:600;font-size:13px;color:var(--fg-2)}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.icon-col,.table td.icon-col{width:36px;padding:0;text-align:center;color:var(--fg-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.w-check{width:44px}.w-check input{margin:0}.lead-name{display:flex;align-items:center;gap:8px}.favicon{width:18px;height:18px;border-radius:4px;display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:var(--fg-2);background:var(--chip);flex-shrink:0}.tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.tab{border:0;background:transparent;color:var(--fg-2);padding:4px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px}.tab:hover{color:var(--fg)}.tab.active{color:var(--fg-strong);background:var(--chip)}.tab .count{background:var(--chip)}.tab.active .count{background:#3a3a3a}.under-tabs{display:flex;gap:22px;padding:0 24px;border-bottom:1px solid var(--border)}.under-tab{border:0;background:transparent;color:var(--muted);padding:12px 0 10px;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}.under-tab.active{color:var(--fg-strong);border-bottom-color:var(--fg)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:50px 20px;color:var(--muted)}.empty-title{color:var(--fg);font-weight:600;font-size:14px}.inbox-head{padding:16px 24px 8px}.inbox-head .row{gap:12px}.inbox-tabs{display:flex;align-items:center;gap:6px;padding:8px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.inbox-bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 24px;border-bottom:1px solid var(--border)}.list-row{display:flex;align-items:center;gap:12px;height:41px;padding:0 24px;border-bottom:1px solid var(--border);cursor:pointer}.list-row:hover{background:#1d1d1d}.list-row.selected{background:var(--selected)}.round-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#20406e;color:#cfe0ff}.round-icon.call{background:#1d4a33;color:#b6f0cd}.round-icon.missed{background:#4d2222;color:#ffc2c2}.round-icon.task{background:#3d3720;color:#f6e7a6}.lr-lead{width:240px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-subject{flex-shrink:0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-preview{flex:1;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-time{width:72px;text-align:right;color:var(--fg-2);font-size:14px;flex-shrink:0}.lr-actions{display:none;gap:6px;align-items:center}.list-row:hover .lr-actions{display:flex}.list-row:hover .lr-time{display:none}.lead{display:grid;grid-template-columns:400px 1fr;grid-template-rows:auto 1fr;height:100%}.lead-header{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);min-height:85px}.lead-logo{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:20px;color:#fff;flex-shrink:0}.lead-header h1{font-size:20px;line-height:28px;margin-bottom:4px}.lead-left{border-right:1px solid var(--border);overflow-y:auto;padding:0 0 120px}.lead-right{overflow-y:auto;padding:0 0 160px;min-width:0}.left-tabs{display:flex;gap:20px;padding:0 16px;border-bottom:1px solid var(--border);margin-bottom:16px}.section{border:1px solid var(--border);border-radius:8px;margin:0 16px 12px;background:var(--panel)}.section-head{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px 0 12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px}.section.open .section-head{color:var(--fg);border-bottom:1px solid var(--border);border-radius:7px 7px 0 0}.section-head .count{font-size:11px;line-height:16px;min-width:16px;background:var(--bg);border:1px solid var(--border-2)}.section-icon{width:16px;height:16px;border-radius:4px;display:grid;place-items:center}.section-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:var(--bg);border-radius:0 0 7px 7px}.section-body:empty{display:none}.kv{display:flex;align-items:center;gap:12px;color:var(--fg-2)}.kv.top{align-items:flex-start}.kv .inline-edit{color:var(--fg)}.inline-edit{cursor:text;border-radius:4px;padding:1px 4px;margin:-1px -4px;white-space:pre-wrap;word-break:break-word}.inline-edit:hover{background:var(--hover)}.inline-edit.placeholder{color:var(--muted)}.task-row{display:flex;align-items:center;gap:8px}.task-row.done span{text-decoration:line-through;color:var(--muted)}.opp-card,.contact-card{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--panel);display:flex;flex-direction:column;gap:3px}.opp-card:hover{border-color:var(--border-2)}.contact-card .row .icon-btn{width:24px;height:24px}.phone-row{display:flex;align-items:center;gap:6px;margin-left:-4px}.cf-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;min-height:26px}.cf-row .input.sm{width:100%}.action-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.composer{border:1px solid var(--accent);border-radius:var(--radius);padding:10px;margin:16px 24px 0;background:var(--panel);display:flex;flex-direction:column;gap:8px}.tl-tabs{display:flex;align-items:center;gap:4px;padding:12px 24px;border-bottom:1px solid var(--border)}.timeline{display:flex;flex-direction:column;gap:12px;padding:16px 24px}.tl-item{display:flex;gap:12px}.tl-icon{width:28px;height:28px;border-radius:50%;background:var(--chip);display:grid;place-items:center;flex-shrink:0;color:var(--fg-2)}.tl-icon.green{background:#1d4a33;color:#b6f0cd}.tl-icon.red{background:#4d2222;color:#ffc2c2}.tl-icon.blue{background:#20406e;color:#cfe0ff}.tl-icon.yellow{background:#3d3720;color:#f6e7a6}.tl-body{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;background:var(--bg);display:flex;flex-direction:column;gap:6px}.tl-item.status .tl-body,.tl-item.created .tl-body{border:0;background:transparent;padding:4px 0;display:block}.tl-item.task .tl-body{border-color:#eab30859}.tl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-head b{font-weight:600}.tl-note{color:var(--fg-2)}.icon-btn.ghost{width:22px;height:22px;opacity:.5}.tl-body:hover .icon-btn.ghost{opacity:1}.audio{width:100%;height:32px}.call-panel{position:fixed;right:20px;bottom:20px;width:360px;background:var(--panel);border:1px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow);z-index:90;overflow:hidden}.call-panel.live{border-color:#22c55e80}.cp-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel-2)}.cp-pulse{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1d4a33;color:#b6f0cd}.cp-pulse.ringing,.cp-pulse.connecting{animation:pulse 1.2s infinite}.cp-pulse.ended{background:var(--chip);color:var(--muted)}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.cp-who{flex:1;min-width:0}.cp-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-time{text-align:right}.cp-status{font-size:11.5px;color:var(--muted)}.cp-clock{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.cp-controls{display:flex;justify-content:center;gap:16px;padding:12px;border-bottom:1px solid var(--border)}.round{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-2);background:var(--bg);display:grid;place-items:center}.round:hover{background:var(--hover)}.round.on{background:var(--accent-bg);border-color:var(--accent);color:#a9c6ff}.round.hang{background:var(--red);border-color:var(--red);color:#fff}.round.hang:hover{background:#dc2626}.cp-wrap{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.cp-label{font-size:12.5px;color:var(--muted);font-weight:500}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px}.key{height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:16px;font-weight:500}.key:hover{background:var(--hover)}.dialpad{width:270px;padding:12px;display:flex;flex-direction:column;gap:8px}.dialpad .keypad{padding:0}.match{font-size:12.5px;color:#86efac;display:flex;align-items:center;gap:6px}.incoming{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:95;display:flex;align-items:center;gap:12px;min-width:420px;padding:12px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--green);box-shadow:var(--shadow)}.power-bar{display:flex;align-items:center;gap:10px;height:44px;padding:0 24px;background:#172540;border-bottom:1px solid #25406e;color:#c3d7ff;flex-wrap:wrap}.topbar-icon{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 6px;border-radius:8px;border:0;background:transparent;color:var(--fg-2)}.topbar-icon:hover{background:var(--hover);color:var(--fg)}.totals{display:flex;gap:48px;padding:16px 20px;border-radius:var(--radius);background:var(--panel-2);margin-bottom:16px}.big-num{font-size:40px;line-height:44px;font-weight:300}.conf{position:relative;width:100px;height:16px;background:var(--chip);border-radius:4px;overflow:hidden}.conf div{position:absolute;inset:0 auto 0 0;background:#6fb0ff}.conf span{position:relative;font-size:11px;padding-left:0;line-height:16px;display:block;text-align:center;color:#fff;mix-blend-mode:normal}.kanban{display:flex;gap:12px;overflow-x:auto;padding:16px 24px 24px;align-items:flex-start}.kcol{width:280px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 190px)}.kcol.over{border-color:var(--accent);background:#2b6cf00f}.kcol-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px}.kcol-sum{padding:6px 12px;background:#13253f;color:#a9c6ff;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;display:flex;justify-content:space-between}.kcol-body{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.kcard{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;cursor:grab}.kcard:hover{border-color:var(--border-2)}.kcard:active{cursor:grabbing}.report-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;padding:16px 24px}.kpis{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-height:110px}.kpi-n{font-size:28px;line-height:34px;font-weight:600;color:var(--link)}.kpi-l{font-size:13px;color:var(--fg);margin-top:4px;font-weight:600}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card .table td,.card .table th{background:transparent}.chart{width:100%;height:auto}.chart .gridline{stroke:var(--border);stroke-width:1}.chart .axis{fill:var(--muted);font-size:10px}.bar-out{fill:#3b82f6;background:#3b82f6}.bar-in{fill:#a855f7;background:#a855f7}.legend{display:flex;gap:16px;font-size:12.5px;color:var(--fg-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.hbar{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;margin-bottom:7px;font-size:13px}.hbar-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2)}.hbar-t{height:10px;background:var(--chip);border-radius:5px;overflow:hidden}.hbar-t span{display:block;height:100%;background:#3b82f6;border-radius:5px}.hbar-t.won span{background:var(--green)}.hbar-t.lost span{background:var(--red)}.hbar-t.active span{background:var(--yellow)}.hbar b{text-align:right;font-variant-numeric:tabular-nums}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start;padding:20px 24px}.settings-nav{display:flex;flex-direction:column;gap:1px}.settings-nav a{padding:6px 10px;border-radius:8px;color:var(--fg-2);font-size:13.5px}.settings-nav a:hover{background:var(--hover);color:var(--fg)}.settings-nav a.active{background:var(--panel);color:var(--fg-strong)}.settings-body .card{max-width:820px}.settings-body .card>.btn{margin-top:10px}.steps{padding-left:18px;line-height:1.7;color:var(--fg-2)}pre.code{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px;overflow:auto}.tpl-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.settings-body .composer{margin:14px 0 0}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--bg);border:1px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow);max-width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:9px 14px;border-radius:8px;background:var(--panel);border:1px solid var(--border-2);box-shadow:var(--shadow)}.toast.success{border-color:#22c55e8c}.toast.error{border-color:#ef4444a6;color:#fecaca}input[type=checkbox]{appearance:none;width:16px;height:16px;border:1.5px solid #5a5a5a;border-radius:4px;background:transparent;cursor:pointer;display:inline-grid;place-items:center;margin:0;vertical-align:middle}input[type=checkbox]:hover{border-color:#7a7a7a}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}input[type=color]{width:36px;height:26px;border:0;background:transparent;padding:0;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#333;border-radius:5px;border:2px solid var(--bg)}@media(max-width:900px){.sidebar{display:none}.lead{display:block;height:auto}.lead-left{border-right:0}.report-grid{grid-template-columns:1fr}.call-panel{left:12px;right:12px;width:auto}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:34px 20px;border:1.5px dashed var(--border-2);border-radius:10px;cursor:pointer;color:var(--fg-2);text-align:center}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-bg);color:var(--fg)}.notice{padding:8px 12px;border-radius:8px;background:#eab3081f;border:1px solid rgba(234,179,8,.35);color:#fde68a;margin-bottom:10px;font-size:13px}details summary{list-style:none}details summary::-webkit-details-marker{display:none}.tl-icon.purple{background:#3a2a5c;color:#dccbff}.ca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ca-cell{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--panel);min-width:0}.ca-cell.wide{grid-column:1 / -1}.ca-label{font-size:12.5px;font-weight:600;color:var(--fg);margin-bottom:2px}.ca-value{color:var(--fg-2);white-space:pre-wrap;word-break:break-word}.field-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.field-row{display:grid;grid-template-columns:1fr 150px auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.field-row .choices{grid-column:1 / -1;padding:4px 0 2px 2px;max-width:460px}.req{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-2);white-space:nowrap;cursor:pointer}.req.disabled{opacity:.4;cursor:default}.req-star{color:#f87171}.checklist{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:8px}.check-row{display:flex;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg)}.check-row:last-child{border-bottom:0}.check-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.check-icon.ok{background:#1d4a33;color:#86efac}.check-icon.bad{background:#4d2222;color:#fca5a5}.check-icon.unknown{background:var(--chip);color:var(--muted)}.hint{color:#fde68a;margin-top:2px}.ok-text{color:#86efac}.card p{overflow-wrap:anywhere}.card p code{display:inline-block;margin-bottom:3px}.cp-assign{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px dashed rgba(234,179,8,.45);border-radius:8px;background:#eab3080f}.cp-assign .cp-label{color:#fde68a;display:flex;align-items:center;gap:5px}.cp-results{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:2px}.cp-results .sr-item{padding:5px 8px}.auth{min-height:100vh;display:grid;place-items:center;background:var(--bg-app);padding:20px}.auth-card{width:380px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.auth-card h2{margin:18px 0 8px;font-size:20px}.auth-brand{display:flex;align-items:center;gap:9px;font-weight:600}.auth-error{padding:8px 12px;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fecaca;margin-bottom:12px;font-size:13px}.role-badge{font-size:11px;padding:1px 6px;border-radius:6px;background:var(--chip);color:var(--fg-2);font-weight:500}.role-badge.admin{background:#2b6cf02e;color:#a9c6ff}.avatar-btn{border:0;background:transparent;padding:0;border-radius:50%;display:grid}.avatar-btn:hover{box-shadow:0 0 0 2px var(--border-2)}.input.select{display:inline-flex;align-items:center;gap:8px;text-align:left;cursor:pointer;width:100%}.input.select.sm{width:auto;min-width:120px;gap:6px}.input.select:hover:not(:disabled){border-color:var(--border-2);background:var(--hover)}.input.select:disabled{opacity:.55;cursor:not-allowed}.input.select.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.placeholder{color:var(--muted)}.select-caret{flex-shrink:0;color:var(--muted);transition:transform .12s}.input.select.open .select-caret{transform:rotate(180deg)}.select-menu{position:fixed;z-index:300;overflow-y:auto;background:var(--panel);border:1px solid var(--border-2);border-radius:8px;box-shadow:var(--shadow);padding:4px;font-size:13.5px}.select-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--fg);white-space:nowrap}.select-option.active{background:#34363b}.select-option.selected{color:#a9c6ff}.select-option.selected svg{color:#a9c6ff;flex-shrink:0}.select-option.disabled{opacity:.4;cursor:default}.select-group{padding:8px 10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.choice-list{display:flex;flex-direction:column;gap:4px}.choice-row{display:flex;align-items:center;gap:6px;border-radius:8px}.choice-row.dragging{opacity:.45}.choice-grip{width:18px;height:32px;display:grid;place-items:center;color:var(--muted);cursor:grab;flex-shrink:0;border-radius:4px}.choice-grip:hover{color:var(--fg);background:var(--hover)}.choice-grip:active{cursor:grabbing}.choice-input{flex:1}.choice-input.dupe{border-color:#ef444499}.choice-add{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--link);padding:6px 4px 2px 24px;font-size:13px}.choice-add:hover{text-decoration:underline}.modal-foot .btn.primary:after,.composer .btn.primary:after,.cp-wrap .btn.primary:after{content:"⌘↵";font-size:11px;opacity:.65;margin-left:2px;letter-spacing:.02em}.primary-split>.menu-wrap .btn.primary{border-left:1px solid rgba(255,255,255,.28)!important;padding:0 9px}.primary-split .caret{color:#fff}.section-body.ct-list{padding:0;gap:1px;background:var(--border);overflow:hidden}.ct-card{background:var(--bg)}.ct-row{position:relative;display:flex;align-items:center;gap:4px;padding:12px;min-height:48px}.ct-name-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit}.ct-name{font-size:14px;font-weight:600;line-height:16px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ct-title{font-size:13px;line-height:20px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ct-row .icon-btn{width:24px;height:24px;border-radius:8px;color:var(--fg)}.ct-row .icon-btn:hover{background:var(--hover)}.ct-row .icon-btn.call:hover{color:#4ade80}.ct-hover{display:none;gap:4px}.ct-row:hover .ct-hover,.ct-row:focus-within .ct-hover{display:inline-flex}.icon-btn.off{opacity:.35;pointer-events:none}.ct-details{padding:0 0 4px}.ct-sub{display:flex;align-items:center;height:32px;padding:4px 8px 4px 12px;background:var(--panel);font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ct-sub .icon-btn{width:24px;height:24px;color:var(--fg-2)}.ct-detail{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 12px;position:relative}.ct-detail+.ct-detail:before,.ct-detail-edit+.ct-detail-edit:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:var(--border)}.ct-detail-icon{color:var(--fg);flex-shrink:0}.ct-detail-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);text-align:left;font-size:13px;line-height:20px}a.ct-detail-value:hover,.link-btn:hover{color:var(--link);text-decoration:underline}.link-btn{border:0;background:transparent;padding:0;cursor:pointer;font:inherit}.ct-detail-type{font-size:12px;color:var(--muted);flex-shrink:0}.ct-empty{display:block;width:100%;border:0;background:var(--bg);color:var(--link);padding:12px;text-align:left;font-size:13px;cursor:pointer}.ct-empty:hover{text-decoration:underline}.ct-edit-head{display:flex;flex-direction:column;padding:12px}.ct-name-input,.ct-title-input,.ct-detail-input{border:0;background:transparent;color:var(--fg);font:inherit;outline:none;padding:0;margin:0;min-width:0;width:100%}.ct-name-input{font-size:14px;font-weight:600;line-height:20px}.ct-title-input{font-size:13px;line-height:20px;color:var(--fg)}.ct-name-input::placeholder,.ct-title-input::placeholder,.ct-detail-input::placeholder{color:var(--muted);font-weight:400}.ct-detail-edit{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;position:relative}.ct-detail-input{flex:1;font-size:13px;line-height:20px}.ct-type.input.select.sm{width:auto;min-width:0;height:20px;padding:3px 4px 3px 7px;gap:3px;font-size:11px;border-radius:8px;border-color:var(--border);background:var(--bg)}.ct-type.input.select.sm .select-caret{width:10px;height:10px}.ct-type.input.select.sm.open{box-shadow:none}.icon-btn.ct-trash{width:20px;height:20px;color:var(--fg)}.ct-edit-foot{display:flex;align-items:center;gap:6px;padding:8px 12px 12px}.ct-edit-foot .btn.sm{height:24px;padding:3px 6px;font-size:13px}.users-table td,.users-table th{white-space:nowrap}.users-table td:nth-child(2){max-width:180px;overflow:hidden;text-overflow:ellipsis}.settings-body .card{overflow-x:auto}.phone-settings{width:320px;padding:0;max-height:none;overflow:visible;text-align:left}.ps-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.25px;color:var(--muted)}.ps-info{display:inline-flex;color:var(--muted);cursor:help;vertical-align:-2px}.ps-section{padding:12px 16px;border-bottom:1px solid var(--border)}.ps-section:last-of-type{border-bottom:0}.ps-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--fg)}.ps-section>.ps-title{margin-bottom:10px}.ps-row{display:flex;align-items:center}.ps-row .ps-title{margin:0}.ps-caller{font-size:13px;padding:6px 0}.ps-caller-select{width:100%}.ps-audio{display:grid;grid-template-columns:76px 1fr 24px;gap:8px;align-items:center}.ps-audio .select{min-width:0;width:100%}.ps-label{font-size:14px;color:var(--fg)}.ps-icon-btn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border-2);background:transparent;color:var(--fg-2);padding:0}.ps-icon-btn:hover{color:var(--fg);background:var(--hover)}.ps-hint{margin-top:8px;font-size:12px;color:var(--muted)}.mic-meter{display:flex;gap:3px;height:4px;margin-top:-2px}.mic-meter span{flex:1;border-radius:2px;background:var(--border-2);transition:background .06s}.mic-meter span.on{background:#22c55e}.ps-dial{padding:12px 16px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.ps-dial-row{display:flex;gap:8px}.ps-dial-row .input{flex:1}.ps-call{width:32px;padding:0;justify-content:center}.switch{position:relative;width:28px;height:16px;border-radius:8px;border:0;padding:0;background:var(--border-2);transition:background .15s;flex:none}.switch span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--accent)}.switch.on span{transform:translate(12px)}.switch:disabled{opacity:.6}.setting-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:12px 0}.cp-recording{padding:0 14px 10px}.cp-recording .audio{width:100%;height:32px}.live-note{margin:16px 24px 0}.live-help{padding:16px 24px;max-width:760px}.monitor-controls{justify-content:flex-end}.segmented{display:inline-flex;border:1px solid var(--border-2);border-radius:6px;overflow:hidden}.segmented button{border:0;background:transparent;color:var(--fg-2);padding:4px 10px;font-size:12.5px}.segmented button+button{border-left:1px solid var(--border-2)}.segmented button:hover{background:var(--hover);color:var(--fg)}.segmented button.on{background:var(--accent-bg);color:#a9c6ff}.nav-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#16a34a;color:#fff;font-size:11px;display:inline-grid;place-items:center}.monitor-bar{display:flex;align-items:center;gap:10px;padding:8px 24px;background:#22c55e1a;border-bottom:1px solid rgba(34,197,94,.3);font-size:13.5px}.pn-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;max-width:980px}.pn-user-filter{width:170px}.pn-table{max-width:980px;border:1px solid var(--border);border-radius:var(--radius)}.pn-table tr{cursor:pointer}.pn-number{display:flex;align-items:center;gap:8px;font-weight:600;font-variant-numeric:tabular-nums}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack>*+*{margin-left:-5px}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--panel)}.settings-body .pn-edit.card{max-width:680px}.pn-edit-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px}.pn-edit-head h2{margin:2px 0 0;font-size:22px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.pn-back{font-size:13px;color:var(--muted)}.pn-back:hover{color:var(--fg)}.pn-section{border-top:1px solid var(--border);padding-top:16px;margin-top:8px}.pn-section h3{margin-bottom:4px}.pn-section>p{margin:0 0 10px}.pn-ring{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-line{display:flex;align-items:flex-start;gap:8px;margin:12px 0 4px;cursor:pointer}.check-line input{margin-top:3px}.block{display:block}.member-picker{position:relative}.mp-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;height:auto;padding:4px 30px 4px 6px;cursor:text;position:relative}.mp-box input{flex:1;min-width:120px;border:0;background:transparent;color:var(--fg);outline:none;padding:3px 4px;font:inherit}.mp-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 3px;border-radius:6px;background:var(--accent-bg);color:#cfe0ff;font-size:13px}.mp-chip button,.mp-clear{border:0;background:transparent;color:inherit;padding:0;display:inline-grid;place-items:center;opacity:.75}.mp-chip button:hover,.mp-clear:hover{opacity:1}.mp-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted)}.mp-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px}.bulk-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:-4px 0 16px;border-radius:8px;background:#0b3a5c;color:#e6f1ff}.bulk-banner.danger{background:#dc26262e;color:#fecaca}.bulk-banner-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;flex:none}.bulk-banner .small{opacity:.8}.bulk-summary{font-size:14px;line-height:1.55;margin:4px 0 8px}.btn.danger-solid{background:#dc2626;border-color:transparent;color:#fff;font-weight:500}.btn.danger-solid:hover:not(:disabled){background:#b91c1c}.bulk-link{color:var(--link)}.copy-btn{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;border:0;background:transparent;color:var(--muted);padding:0;flex-shrink:0;opacity:0;transition:opacity .1s;vertical-align:middle}.copy-btn:hover{background:var(--hover);color:var(--fg)}.copy-btn:focus-visible,.copy-btn.done,.copy-btn.always{opacity:1}.copy-btn.done{color:#22c55e}.ct-detail:hover .copy-btn,.copy-host:hover .copy-btn,tr:hover .copy-btn,.ps-caller-row .copy-btn{opacity:1}.copy-host{display:inline-flex;align-items:center;gap:4px}.copy-tip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--panel-2, #2a2a2a);color:var(--fg);border:1px solid var(--border-2);border-radius:5px;padding:2px 6px;font-size:11.5px;white-space:nowrap;pointer-events:none}.ps-caller-row{display:flex;align-items:center;gap:6px}.ps-caller-row .ps-caller-select{flex:1;min-width:0}.tl-recording{display:flex;flex-direction:column;gap:4px;margin-top:6px}.call-bar{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 16px 4px 12px;border-bottom:1px solid var(--border);font-size:13.5px}.incoming-bar{background:#22c55e24;border-bottom-color:#22c55e59}.active-bar{background:#172540;border-bottom-color:#25406e;color:#c3d7ff}.cb-info{display:flex;align-items:center;gap:8px;min-width:0;border:0;background:transparent;color:inherit;padding:4px 6px;border-radius:6px;text-align:left;font:inherit}.cb-info:not(:disabled){cursor:pointer}.cb-info:not(:disabled):hover{background:#ffffff0f}.cb-info:not(:disabled):hover .cb-name{text-decoration:underline}.cb-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;flex:none}.active-bar .cb-icon{background:#2563eb}.cb-icon.ring{animation:cb-ring 1.2s ease-in-out infinite}@keyframes cb-ring{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e00}}.cb-label{font-weight:600;white-space:nowrap}.cb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;color:var(--fg-strong)}.cb-lead{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.cb-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:1px 7px;border-radius:10px;background:#ffffff14;white-space:nowrap}.cb-muted{color:var(--muted);white-space:nowrap}.cb-clock{margin-left:4px;font-weight:600}.field-row .field-extra{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.field-row .field-extra .input{flex:1}.field-hint{display:block;font-size:12px;color:var(--muted);margin:-2px 0 6px;white-space:pre-line;line-height:1.4}a.link-row{color:inherit;text-decoration:none;cursor:pointer}a.link-row:hover{background:var(--hover)}.field-row.shared{grid-template-columns:1fr 150px auto auto;background:#2b6cf00f}.sf-name{display:flex;align-items:center;gap:8px;min-width:0}.sf-name a{color:var(--fg);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-name a:hover{color:var(--link);text-decoration:underline}.sf-grid{display:grid;grid-template-columns:1fr 200px;gap:12px}.sf-usage{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sf-usage .field-label{width:100%}.sf-usage a.pill:hover{color:var(--link)}.sf-used{min-width:110px;text-align:right}.tpl-row.link-row{padding:9px 8px;margin:0 -8px;border-radius:6px;border-bottom-color:transparent}.field-row.collapsed{cursor:pointer}.field-row.collapsed:hover{border-color:var(--border-2)}.field-row.open{border-color:var(--accent)}.field-summary{grid-column:1 / -1;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--fg-2);font-size:12.5px;padding:0 2px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.field-summary:hover{color:var(--fg)}.shared-preview{display:flex;flex-direction:column;gap:8px;max-width:none}.choice-chips{display:flex;flex-wrap:wrap;gap:6px}.type-detail{max-width:980px}.td-head{display:flex;align-items:center;gap:6px;margin:2px 0 18px}.td-head h2{margin:0;font-size:22px}.td-fields-head{display:flex;align-items:center;margin-bottom:10px}.td-fields-head h3{margin:0;font-size:17px}.td-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.td-row{display:grid;grid-template-columns:52px minmax(0,1fr) 240px 70px;align-items:center;min-height:40px;padding:0 10px;border-top:1px solid var(--border)}.td-row.td-th{border-top:0;font-weight:600;font-size:13px;color:var(--fg);min-height:36px}.td-row:not(.td-th):hover{background:var(--hover)}.td-row.dragging{opacity:.4}.td-num{text-align:center;color:var(--muted);font-size:13px}.td-handle{display:none;cursor:grab;font-size:16px;color:var(--fg-2)}.td-row:hover .td-idx{display:none}.td-row:hover .td-handle{display:inline}.td-name{display:flex;align-items:center;gap:8px;min-width:0;padding-right:16px}.td-link{border:0;background:transparent;padding:0;color:var(--link);font-weight:600;font-size:13.5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px;cursor:pointer}.td-link:hover{text-decoration:underline}.ft-type{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--fg)}.ft-type .icon{color:var(--muted)}.td-actions{display:flex;justify-content:flex-end;gap:2px;opacity:0}.td-row:hover .td-actions{opacity:1}.td-empty{padding:20px;text-align:center;border-top:1px solid var(--border)}.ff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ff-desc-label{display:flex;align-items:center;gap:6px}.ff-choices{margin:4px 0 12px}.ff-choice-list{margin-top:8px;max-height:240px;overflow-y:auto}.ff-choice{display:flex;align-items:center;min-height:30px;padding:0 2px;font-size:13.5px}.ff-choice:hover{background:var(--hover);border-radius:6px}.ff-options{border-top:1px solid var(--border);margin:6px -18px -4px}.ff-options-head{display:flex;width:100%;align-items:center;border:0;background:transparent;color:var(--fg);padding:12px 18px;font:inherit;font-weight:500;cursor:pointer}.ff-options-head:hover{background:var(--hover)}.ff-options-body{padding:0 18px 10px}.ff-trash{margin-right:auto}.sf-banner{margin-top:-4px}.ff-tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);margin:-6px 0 14px}.ff-tabs button{border:0;background:transparent;color:var(--muted);padding:6px 0 9px;font:inherit;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.ff-tabs button.active{color:var(--fg);border-bottom-color:var(--fg)}.ff-shared-list{margin-top:10px;max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.ff-shared-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--fg);padding:9px 12px;text-align:left;font:inherit;cursor:pointer}.ff-shared-item:last-child{border-bottom:0}.ff-shared-item:hover,.sr-item.active{background:var(--hover)}.ca-form-wrap{padding:16px 24px 0}.ca-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);display:flex;flex-direction:column}.timeline>.ca-form{margin-left:40px}.ca-form-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.ca-form-head .tl-icon{flex:none}.ca-save-state{white-space:nowrap}.ca-form-body{padding:14px 16px 4px}.ca-form-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.ca-missing .input,.ca-missing .mp-box{border-color:#ef4444}.pill.draft-pill{background:#eab30829;color:#fde047}.tl-item.custom.draft .tl-body{border-style:dashed;border-color:#eab30873}.ca-continue{margin-top:8px;align-self:flex-start}.date-input{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;color:var(--fg)}.date-input .icon{color:var(--muted);flex:none}.date-input.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.date-inline{border:0;background:transparent;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.date-pop{position:fixed;z-index:320;display:flex;background:var(--panel);border:1px solid var(--border-2);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.dp-quick{display:flex;flex-direction:column;padding:8px;gap:1px;border-right:1px solid var(--border);min-width:178px}.dp-quick button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:0;background:transparent;color:var(--fg);text-align:left;padding:6px 10px;border-radius:6px;font:inherit;font-size:13.5px;cursor:pointer}.dp-quick button span{font-size:11.5px;color:var(--muted)}.dp-quick button:hover,.dp-quick button.active{background:var(--hover)}.dp-quick button.active{color:#a9c6ff}.dp-quick .dp-clear{margin-top:auto;color:#fca5a5;font-size:12.5px}.dp-cal{padding:10px 12px 12px;width:258px}.dp-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.dp-head b{text-align:center;font-size:13.5px}.dp-head .icon-btn{font-size:18px;line-height:1}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-wd{text-align:center;font-size:11px;color:var(--muted);padding:4px 0}.dp-day{height:30px;border:0;background:transparent;color:var(--fg);border-radius:6px;font:inherit;font-size:13px;cursor:pointer;font-variant-numeric:tabular-nums}.dp-day:hover{background:var(--hover)}.dp-day.other{color:var(--muted);opacity:.55}.dp-day.today{box-shadow:inset 0 0 0 1px var(--border-2);font-weight:600}.dp-day.selected{background:var(--accent);color:#fff;font-weight:600}.tl-hover-actions{display:inline-flex;align-items:center;gap:2px;opacity:0;transition:opacity .1s}.tl-body:hover .tl-hover-actions,.tl-hover-actions:focus-within,.tl-hover-actions:has(.icon-btn.on){opacity:1}.tl-hover-actions .icon-btn{width:28px;height:28px;border-radius:6px;color:var(--fg);opacity:1}.tl-hover-actions .icon-btn:hover{background:var(--hover);color:var(--fg)}.tl-hover-actions .icon-btn.on{color:#a9c6ff}.pill.pinned-pill{background:var(--accent-bg);color:#a9c6ff}.tl-item.custom.pinned .tl-body{border-color:#2b6cf073}.invite-link{display:flex;align-items:center;gap:6px;margin:10px 0 6px}.invite-link .input{flex:1;font-size:12.5px}.invited-text{color:#fde047}.backup-block{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.backup-block.danger-zone b{color:#fca5a5}.list-nav{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.list-nav-pill{display:flex;align-items:center;height:40px;border-radius:20px;background:var(--chip);border:1px solid var(--border-2);box-shadow:var(--shadow);color:var(--fg);overflow:visible}.list-nav button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;position:relative}.list-nav-arrow{width:40px;height:38px;display:grid;place-items:center;border-radius:20px;color:var(--fg-2)}.list-nav-arrow:hover:not(:disabled){color:var(--fg-strong);background:var(--hover)}.list-nav-arrow:disabled{opacity:.35;cursor:default}.list-nav-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;max-width:220px;padding:0 6px;line-height:15px;font-size:13px;font-weight:500;color:var(--fg-strong)}.list-nav-label:hover{text-decoration:underline}.list-nav-label .ellipsis{max-width:100%}.list-nav-pos{font-size:11px;font-weight:400;color:var(--muted)}.list-nav-close{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--chip)!important;border:1px solid var(--border-2)!important;box-shadow:var(--shadow);color:var(--fg-2)!important}.list-nav-close:hover{color:var(--fg-strong)!important}.list-nav:not(:hover):not(:focus-within) .list-nav-close,.list-nav:not(:hover):not(:focus-within) .list-nav-arrow.prev,.list-nav:not(:hover):not(:focus-within) .list-nav-label{display:none}.list-nav:not(:hover):not(:focus-within) .list-nav-pill{width:40px;justify-content:center}.list-nav-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 8px;border-radius:6px;background:var(--panel);border:1px solid var(--border-2);color:var(--fg-strong);font-size:12px;font-weight:500;line-height:16px;text-decoration:none;pointer-events:none;opacity:0;transition:opacity .12s;display:flex;flex-direction:column;align-items:center;gap:4px}.list-nav-close .list-nav-tip{left:auto;right:calc(100% + 8px);bottom:50%;transform:translateY(50%)}.list-nav button:hover>.list-nav-tip{opacity:1;transition-delay:.25s}.list-nav-tip kbd{font:inherit;font-size:11px;min-width:18px;padding:0 5px;border-radius:4px;background:var(--chip);border:1px solid var(--border-2);text-align:center}.list-nav-arrow.next .list-nav-tip{left:auto;right:0;transform:none}.favicon-img{position:relative;display:inline-grid;flex-shrink:0;border-radius:4px;overflow:hidden}.favicon-img>*{grid-area:1 / 1}.favicon-img img{width:100%;height:100%;object-fit:contain}.favicon-img.loading img{opacity:0}.url-field{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}.url-field .link{min-width:0}.url-field .url-edit{flex-shrink:0;width:22px;height:22px;color:var(--muted)}.url-field .url-edit:hover{color:var(--fg-strong)}