:root{color-scheme:light;--brand: #075272;--brand-hover: #0a6790;--brand-soft: #e6f0f4;--on-brand: #ffffff;--bg: #f4f5f6;--surface: #ffffff;--surface-2: #f8f9fa;--border: #e3e5e8;--border-strong: #cfd3d8;--text: #16181b;--text-2: #4b5159;--muted: #6b7179;--sidebar: #0b2f40;--sidebar-text: #d7e3ea;--sidebar-muted: #8fa7b4;--sidebar-active: rgba(255, 255, 255, .1);--note-bg: #fff8e6;--note-border: #f0d48a;--note-text: #6b4e00;--rep-bg: #eef5f8;--reply-bg: #eaf4fd;--reply-border: #b6d6f2;--reply-tab: #d3e7fa;--reply-text: #0b4a7a;--st-new: #6250d6;--st-open: #d03b3b;--st-pending: #2a78d6;--st-hold: #8a6d00;--st-solved: #0b8a0b;--st-closed: #8a8f96;--critical: #c53030;--warning: #9a6b00;--series-1: #2a78d6;--series-2: #eb6834;--chart-grid: #ebecee;--chart-surface: #ffffff;--radius: 10px;--topbar-h: 62px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--brand: #3a9cc4;--brand-hover: #52b0d6;--brand-soft: #12303d;--on-brand: #04141c;--bg: #111315;--surface: #1a1c1f;--surface-2: #202326;--border: #2c3035;--border-strong: #3a3f45;--text: #eceef0;--text-2: #c2c7cd;--muted: #9198a1;--sidebar: #0c1a21;--sidebar-text: #d7e3ea;--sidebar-muted: #7e95a2;--note-bg: #2b2412;--note-border: #5c4a1a;--note-text: #f1d58c;--rep-bg: #16262e;--reply-bg: #12263a;--reply-border: #24486b;--reply-tab: #1c3a58;--reply-text: #b8d9f5;--st-new: #9085e9;--st-open: #e66767;--st-pending: #3987e5;--st-hold: #d9a400;--st-solved: #2fb52f;--st-closed: #8a8f96;--critical: #ef6b6b;--warning: #e0b030;--series-1: #3987e5;--series-2: #d95926;--chart-grid: #2a2d31;--chart-surface: #1a1c1f}}:root[data-theme=dark]{color-scheme:dark;--brand: #3a9cc4;--brand-hover: #52b0d6;--brand-soft: #12303d;--on-brand: #04141c;--bg: #111315;--surface: #1a1c1f;--surface-2: #202326;--border: #2c3035;--border-strong: #3a3f45;--text: #eceef0;--text-2: #c2c7cd;--muted: #9198a1;--sidebar: #0c1a21;--sidebar-text: #d7e3ea;--sidebar-muted: #7e95a2;--note-bg: #2b2412;--note-border: #5c4a1a;--note-text: #f1d58c;--rep-bg: #16262e;--st-new: #9085e9;--st-open: #e66767;--st-pending: #3987e5;--st-hold: #d9a400;--st-solved: #2fb52f;--st-closed: #8a8f96;--critical: #ef6b6b;--warning: #e0b030;--series-1: #3987e5;--series-2: #d95926;--chart-grid: #2a2d31;--chart-surface: #1a1c1f}html body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;line-height:1.3}h1{font-size:22px}h2{font-size:15px}h3{font-size:13px;margin-top:14px;margin-bottom:6px;color:var(--text-2)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}p{margin:4px 0 0}code{font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 4px}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:7px 10px;min-width:0}textarea{resize:vertical;width:100%;line-height:1.55}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.muted{color:var(--muted)}.small{font-size:12px}.block{display:block}.nowrap{white-space:nowrap}.right{text-align:right}.push{margin-left:auto}.row{display:flex;align-items:center;flex-wrap:wrap}.gap{gap:14px}.gap-sm{gap:8px}.pad{padding:10px 12px}.text-critical{color:var(--critical)}.error-text{color:var(--critical);font-size:13px}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.spin{animation:spin .8s linear infinite}.boot{margin:40px auto;max-width:520px;text-align:center}.select-box{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:7px 10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;text-align:left;cursor:pointer;color:var(--text)}.field .select-box{width:100%}.select-box:hover:not(:disabled){border-color:var(--muted)}.select-box.open{outline:2px solid var(--brand);outline-offset:1px}.select-box:disabled{opacity:.55;cursor:default}.select-box.placeholder .select-value{color:var(--muted)}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{flex-shrink:0;color:var(--muted);transition:transform .15s ease}.select-box.open .select-chevron{transform:rotate(180deg)}.select-menu{position:fixed;z-index:60;margin:0;padding:4px;list-style:none;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 10px 28px #10182829;animation:soft-in .12s ease-out}.select-menu li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.select-menu li.active{background:var(--surface-2)}.select-menu li.chosen{color:var(--brand);font-weight:500}.grow{flex:1}@media (prefers-reduced-motion: reduce){.select-menu{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:7px 14px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none!important;color:var(--text)}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-danger{background:var(--critical);border-color:var(--critical);color:#fff}.btn-danger:hover:not(:disabled){background:var(--critical);filter:brightness(1.08)}.btn-sm{padding:4px 10px;font-size:13px}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;padding:5px;cursor:pointer;color:inherit}.icon-btn:hover{background:var(--surface-2)}.icon-btn.subtle{color:var(--muted);margin-left:6px;vertical-align:middle}.link-btn{border:none;background:none;color:var(--brand);cursor:pointer;padding:0;font-size:12px;font-weight:500;margin-left:auto}.shell{display:flex;min-height:100%}.sidebar{width:248px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;gap:14px;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:2px 6px}.brand img{border-radius:6px;background:#fff}.brand-name{font-weight:600;color:#fff;line-height:1.2}.brand-sub{font-size:12px;color:var(--sidebar-muted)}.sidebar .btn-primary{background:#2a8bb5;border-color:#2a8bb5;color:#fff}.sidebar .btn-primary:hover{background:#3399c4}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--sidebar-text);text-decoration:none!important}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:500}.nav-label{flex:1}.nav-parent{padding:0;gap:0}.nav-parent-link{flex:1;display:flex;align-items:center;gap:10px;padding:7px 4px 7px 10px;color:inherit;text-decoration:none!important}.nav-fold{display:inline-flex;align-items:center;justify-content:center;width:30px;align-self:stretch;border:none;background:none;border-radius:6px;cursor:pointer}.nav-fold:hover{background:#ffffff14}.nav-parent.has-active{color:#fff}.nav-chevron{color:var(--sidebar-muted);transform:rotate(-90deg);transition:transform .15s ease}.nav-chevron.open{transform:none}.nav-children{display:flex;flex-direction:column;gap:1px;margin:1px 0 4px 18px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}.nav-child{padding:6px 10px;font-size:13.5px}@media (prefers-reduced-motion: reduce){.nav-chevron{transition:none}}.nav-count{font-size:12px;color:var(--sidebar-muted);font-variant-numeric:tabular-nums}.nav-count.hot{background:#d03b3b;color:#fff;border-radius:10px;padding:0 7px;font-weight:600}.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 6px 0;border-top:1px solid rgba(255,255,255,.1)}.me-text{flex:1;min-width:0}.me-name{color:#fff;font-weight:500}.me-email{font-size:12px;color:var(--sidebar-muted);overflow:hidden;text-overflow:ellipsis}.me .icon-btn:hover,.brand .icon-btn:hover{background:#ffffff14}.nav-close,.nav-toggle,.scrim{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.search{flex:1;max-width:640px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:0 10px;color:var(--muted)}.search input{border:none;background:transparent;flex:1;padding:8px 0;outline:none;color:var(--text)}.content{padding:24px}.page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page.narrow{max-width:760px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;width:fit-content}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-title{padding:14px 16px 0;margin-bottom:10px}.alert{border-radius:8px;padding:10px 12px;font-size:13px}.alert-error{background:color-mix(in srgb,var(--critical) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--critical) 35%,var(--surface));color:var(--critical)}.empty{display:flex;flex-direction:column;align-items:center;gap:2px;padding:40px 16px;text-align:center}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:2px 9px 2px 7px;border-radius:999px;white-space:nowrap;--c: var(--st-closed);background:color-mix(in srgb,var(--c) 12%,var(--surface));color:var(--text)}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--c)}.status-new{--c: var(--st-new)}.status-open{--c: var(--st-open)}.status-pending{--c: var(--st-pending)}.status-on_hold{--c: var(--st-hold)}.status-solved{--c: var(--st-solved)}.status-closed{--c: var(--st-closed)}.priority{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-2);white-space:nowrap}.priority-urgent{color:var(--critical);font-weight:600}.priority-high{color:var(--warning);font-weight:500}.priority-low{color:var(--muted)}.chip{display:inline-block;font-size:12px;padding:1px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.chip.small{font-size:11px}.tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:0 6px;margin-left:6px;border-radius:4px;background:var(--brand-soft);color:var(--text-2)}.tag.removable{margin:0;font-size:12px;padding:2px 4px 2px 8px}.tag button{border:none;background:none;padding:0;display:inline-flex;cursor:pointer;color:var(--muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-weight:600;flex-shrink:0;letter-spacing:.02em}.avatar-rep{background:var(--brand-soft);color:var(--brand);border-color:transparent}.person{display:inline-flex;align-items:center;gap:8px;color:inherit}.person.big{display:flex;gap:10px;margin-bottom:10px}.filters{display:flex;flex-wrap:wrap;gap:8px}.bulkbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--surface));border-radius:var(--radius)}.table-card{overflow-x:auto}table.tickets{width:100%;border-collapse:collapse}.tickets th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.tickets th.right{text-align:right}.tickets td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.tickets tbody tr:last-child td{border-bottom:none}.tickets tbody tr{cursor:pointer}.tickets tbody tr:hover{background:var(--surface-2)}.tickets tbody tr.selected{background:var(--brand-soft)}.tickets .check{width:36px;padding-right:0}.subject-cell{min-width:240px}.subject{color:var(--text);font-weight:500}.pager{display:flex;align-items:center;justify-content:center;gap:12px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 12px 8px}.table-toolbar h2{font-size:15px}.table-search{flex:0 1 260px;background:var(--surface)}.filters .table-search{flex:1 1 220px;max-width:320px}.table-search input{padding:6px 0}.sort-header{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;white-space:nowrap}.sort-header svg{opacity:.45}.sort-header:hover,.sort-header.active{color:var(--text)}.sort-header.active svg{opacity:1;color:var(--brand)}th.right .sort-header{flex-direction:row-reverse}.table-pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px}.table-card>.table-pager{border-top:1px solid var(--border)}.page>.table-pager{padding:0}.table-pager .select-box{padding:3px 8px}.ticket-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.ticket-main{display:flex;flex-direction:column;gap:16px;min-width:0}.ticket-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.ticket-page{height:calc(100vh - var(--topbar-h) - 48px)}.ticket-page .ticket-grid{flex:1;min-height:0;align-items:stretch}.ticket-page .ticket-main,.ticket-page .ticket-side{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 6px 2px 2px}.ticket-page .ticket-side{position:static}.ticket-page .ticket-main>*,.ticket-page .ticket-side>*{flex-shrink:0}.ticket-page .feed-toolbar{top:0}.ticket-page .thread{scroll-margin-top:0}.ticket-head h1{margin:4px 0 10px;word-break:break-word}.subject-edit{display:flex;gap:4px;margin:4px 0 10px}.subject-edit input{flex:1;font-size:18px;font-weight:600}.thread{display:flex;flex-direction:column;gap:10px;scroll-margin-top:76px}.message{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.message.from-rep{background:var(--rep-bg)}.message.internal{background:var(--note-bg);border-color:var(--note-border)}.message-body{flex:1;min-width:0}.message-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}.internal-label{display:inline-flex;align-items:center;gap:4px;color:var(--note-text);font-weight:500}.message-text{white-space:pre-wrap;word-break:break-word}.feed-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;position:sticky;top:var(--topbar-h);z-index:4;padding:10px 0;margin:-10px 0 0;background:var(--bg)}.feed-search{flex:1 1 200px;max-width:280px;background:var(--surface)}.feed-search input{padding:6px 0}.feed-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer}.filter-chip.on{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 40%,var(--surface));color:var(--brand)}.filter-chip:disabled{opacity:.45;cursor:default}.chip-count{font-variant-numeric:tabular-nums;opacity:.8}.feed-status{display:inline-flex;align-items:center;gap:8px}.feed-status .link-btn{margin-left:0}.thread mark{background:#fde68a;color:inherit;border-radius:2px;padding:0 1px}.feed-event{display:flex;align-items:center;gap:10px;padding:0 16px 0 20px;font-size:13px;color:var(--text-2)}.feed-event-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.feed-event-text{flex:1;min-width:0}.feed-event-text strong{font-weight:500;color:var(--text)}.composer{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.composer.composer-stuck{position:sticky;bottom:12px;z-index:4;box-shadow:0 -2px 4px #1018280a,0 8px 28px #10182824;animation:composer-rise .28s cubic-bezier(.2,.8,.2,1)}@keyframes composer-rise{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes soft-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pending-reply,.mention-menu,.popover,.message-edit,.confirm-row{animation:soft-in .18s ease-out}.composer{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}@media (prefers-reduced-motion: reduce){.composer.composer-stuck,.pending-reply,.mention-menu,.popover,.message-edit,.confirm-row{animation:none}.composer{transition:none}}.composer.composer-stuck:after{content:"";position:absolute;left:-2px;right:-2px;top:calc(100% + 1px);height:13px;background:var(--bg)}.composer-customer{background:var(--reply-bg);border-color:var(--reply-border)}.rich-editor{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px}.rich-editor:focus-within{outline:2px solid var(--brand);outline-offset:1px}.rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border)}.rich-toolbar>button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:none;color:var(--text-2);cursor:pointer}.rich-toolbar>button:hover{background:var(--surface-2)}.rich-toolbar>button.on{background:var(--brand-soft);color:var(--brand)}.link-form{margin-left:6px;flex:1 1 200px}.link-form input{width:100%;padding:3px 8px;font-size:13px}.rich-input{min-height:96px;max-height:40vh;overflow-y:auto;padding:8px 12px;outline:none;line-height:1.55;word-break:break-word}.rich-input p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;height:0;pointer-events:none}.rich-input p,.rich p{margin:0 0 6px}.rich-input>:last-child,.rich>:last-child{margin-bottom:0}.rich-input ul,.rich-input ol,.rich ul,.rich ol{margin:0 0 6px;padding-left:22px}.rich-input blockquote,.rich blockquote{margin:0 0 6px;padding-left:12px;border-left:3px solid var(--border-strong);color:var(--text-2)}.rich-input code,.rich code{font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 4px}.rich-input pre,.rich pre{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;overflow-x:auto;margin:0 0 6px}.rich-input pre code,.rich pre code{border:none;padding:0;background:none}.rich-input a,.rich a{text-decoration:underline}.rich{word-break:break-word}.pending-files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pending-files li{display:inline-flex;align-items:center;gap:6px;max-width:280px;padding:3px 4px 3px 10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:13px}.composer-dragging{outline:2px dashed var(--brand);outline-offset:-4px}.drop-hint{font-size:13px;color:var(--brand);text-align:center}.message-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file-chip{display:inline-flex;align-items:center;gap:8px;max-width:280px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.file-chip .file-text{font-size:13px}.file-source{font-size:11px;font-weight:500;color:var(--muted)}.file-source.source-note{color:var(--note-text)}.file-source.source-reply{color:var(--reply-text)}.pending-reply{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:8px;background:var(--reply-bg);border:1px solid var(--reply-border);color:var(--reply-text);font-size:13px}.pending-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--brand);transform-origin:left;animation:pending-countdown linear forwards}@keyframes pending-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.message-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity .12s ease}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-edit{display:flex;flex-direction:column;gap:8px;margin-top:4px}.confirm-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--critical) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--critical) 30%,var(--surface));font-size:13px}.composer-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.composer-tabs>button{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--muted);font-weight:500}.composer-tabs>button.active{background:var(--surface-2);color:var(--text)}.composer-customer .composer-tabs>button.active{background:var(--reply-tab);color:var(--reply-text)}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.composer-actions>:last-child{margin-left:auto}.split{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mention-menu{position:absolute;left:8px;bottom:calc(100% + 4px);width:min(360px,90%);list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 10px 30px #00000026;z-index:20}.mention-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;padding:6px 8px;border-radius:6px;cursor:pointer}.mention-menu button.active{background:var(--brand-soft)}.mention{background:var(--brand-soft);color:var(--brand);font-weight:500;border-radius:4px;padding:0 2px}.composer-actions .muted svg{vertical-align:-2px}.side-head{display:flex;align-items:center;margin-bottom:10px}.side-card .side-head h2{margin-bottom:0}.watchers{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}.watchers li{display:flex;align-items:center;gap:8px}.loop-in{display:flex;flex-direction:column;gap:6px;margin-top:4px;animation:soft-in .18s ease-out}.loop-in .input-icon input{padding:6px 0}.loop-in-email{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:8px}.loop-in-email>span{display:inline-flex;align-items:center;gap:6px;word-break:break-all}.small-icon{width:24px;height:24px}.looped-title{border-top:1px solid var(--border);margin-top:4px}.add-watcher{margin-left:0;font-size:13px;display:inline-flex;align-items:center;gap:4px}.canned-wrap{position:relative}.popover{position:absolute;right:0;bottom:calc(100% + 6px);width:min(380px,80vw);max-height:360px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 10px 30px #00000026;z-index:20}.popover-head{padding:8px;border-bottom:1px solid var(--border)}.popover-head input{width:100%}.popover ul{list-style:none;margin:0;padding:4px;overflow-y:auto}.popover li button{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center;width:100%;text-align:left;border:none;background:none;padding:8px;border-radius:6px;cursor:pointer}.popover li button:hover{background:var(--surface-2)}.popover .clamp{width:100%}.side-card{padding:14px 16px}.side-card h2{margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field>span:first-child{display:flex;align-items:center;font-size:12px;font-weight:500;color:var(--text-2)}.field small{font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag-input{width:100px;padding:3px 8px;font-size:12px}.facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.facts li{display:flex;align-items:center;gap:8px;color:var(--text-2);word-break:break-all}.facts svg{flex-shrink:0;color:var(--muted)}.mini-list{list-style:none;margin:0;padding:0}.mini-list li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;color:inherit;border-bottom:1px solid var(--border)}.mini-list li:last-child a{border-bottom:none}.form-card{padding:18px 20px}.form-card .card-title{padding:0;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;background:var(--surface);color:var(--muted)}.input-icon input{border:none;flex:1;padding:8px 0;outline:none;background:transparent;color:var(--text)}.picker-results{list-style:none;margin:6px 0 0;padding:4px;border:1px solid var(--border);border-radius:8px;max-height:280px;overflow-y:auto}.picker-results button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;padding:8px;border-radius:6px;cursor:pointer}.picker-results button:hover{background:var(--surface-2)}.picked{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.picked-text{display:flex;flex-direction:column;flex:1;min-width:0}.insights{overflow:hidden}.insights-tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--border);overflow-x:auto}.insights-tabs button{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:9px 12px;color:var(--muted);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.insights-tabs button.active{color:var(--text);border-bottom-color:var(--brand)}.tab-count{font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0 6px;color:var(--text-2)}.insights-body{padding:16px}.overview{display:flex;flex-direction:column;gap:16px}.overview h3{display:flex;align-items:center;gap:6px;margin:0 0 8px}.where{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.where-icon{display:inline-flex;padding:8px;border-radius:8px;background:var(--brand-soft);color:var(--brand)}.where-text{display:flex;flex-direction:column;flex:1;min-width:0}.where-text strong{font-size:15px}.where-url{display:inline-flex;align-items:center;gap:4px;word-break:break-all}.where-empty{align-items:center;color:var(--muted)}.problems{border:1px solid color-mix(in srgb,var(--critical) 35%,var(--surface));background:color-mix(in srgb,var(--critical) 7%,var(--surface));border-radius:8px;padding:10px 12px}.problems-head{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--critical);margin-bottom:6px}.problems ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.problems li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.problems code{word-break:break-word}.problem-kind{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.facts-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.facts-grid.wide,.org-grid .facts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.org-grid{grid-template-columns:minmax(0,1fr)}.facts-grid dt{font-size:12px;color:var(--muted)}.facts-grid dd{margin:0;word-break:break-word}.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.steps li{padding-left:4px}.steps li>*{margin-right:8px}.steps code{font-size:11px}.insights-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 12px;text-align:center;color:var(--muted)}.insights-empty strong{color:var(--text)}.screenshot{display:flex;flex-direction:column;gap:10px}.screenshot-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.screenshot-frame{display:block;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2);max-height:520px;overflow-y:auto}.screenshot-frame img{display:block;width:100%;height:auto}.screenshot-loading{padding:40px;text-align:center}.attachments{display:flex;flex-direction:column;gap:12px;border-radius:8px}.attachments.dragging .dropzone{border-color:var(--brand);background:var(--brand-soft)}.file-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-search{flex:1 1 200px}.file-search input{padding:6px 0}.file-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px}.file-pager>.muted{margin-right:auto}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.file-list li{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--border);border-radius:8px}.file-text{display:flex;flex-direction:column;flex:1;min-width:0}.thumb,.file-icon{width:48px;height:36px;flex-shrink:0;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}.thumb img{width:100%;height:100%;object-fit:cover}.dropzone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px;border:1px dashed var(--border-strong);border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer}.dropzone:hover:not(:disabled){background:var(--surface-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a141c73;animation:fade-in .15s ease-out}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:var(--surface);border-radius:12px;box-shadow:0 20px 50px #00000040;animation:soft-in .18s ease-out}.modal .field{margin-bottom:0}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:17px}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer}.check-row input{margin-top:3px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none}}.library-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.category-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.category-list li{display:flex;align-items:center;gap:4px;min-height:32px;flex-wrap:wrap}.chip.audience-public,.chip.audience-internal{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.chip.audience-public{background:color-mix(in srgb,var(--st-solved) 10%,var(--surface));border-color:color-mix(in srgb,var(--st-solved) 30%,var(--surface))}.chip.audience-internal{background:var(--note-bg);border-color:var(--note-border);color:var(--note-text)}.badge.article-draft{--c: var(--st-hold)}.badge.article-published{--c: var(--st-solved)}.badge.article-archived{--c: var(--st-closed)}.article-page{max-width:860px}.page.narrow-wide{max-width:900px}.article-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert-info{background:var(--reply-bg);border:1px solid var(--reply-border);color:var(--reply-text)}.article{padding:0;overflow:hidden;font-family:var(--gk-font, var(--font))}.article-loading{padding:40px;text-align:center}.article-hero{position:relative;padding:30px 36px 26px;color:#fff;border-bottom:3px solid var(--gk-accent)}.article-hero-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#ffffffd9;margin-bottom:18px}.article-hero-brand img{width:24px;height:24px;padding:3px;border-radius:7px;background:#fff}.article-hero-dot{width:4px;height:4px;border-radius:50%;background:#ffffff80}.article-kicker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--gk-accent);padding:2px 9px;border-radius:999px}.article-hero h1{font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:0 0 8px;max-width:620px;color:#fff;font-family:inherit}.article-hero-light{color:var(--gk-text)}.article-hero-light h1{color:var(--gk-brand)}.article-hero-light .article-hero-brand,.article-hero-light .article-summary,.article-hero-light .article-meta{color:color-mix(in srgb,var(--gk-text) 72%,#ffffff)}.article-hero-light .article-hero-brand img{box-shadow:0 0 0 1px color-mix(in srgb,var(--gk-brand) 15%,#ffffff)}.article-hero-light .article-hero-dot{background:color-mix(in srgb,var(--gk-text) 40%,#ffffff)}.article-summary{font-size:15px;line-height:1.6;color:#ffffffd9;margin:0 0 16px;max-width:600px}.article-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:#ffffffb8}.article-content{padding:30px 36px 12px}.article-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 36px 32px;padding:16px 18px;border-radius:12px;background:var(--gk-brand-soft);border-left:3px solid var(--gk-brand);color:var(--gk-text);font-size:14px}.article-footer>img{width:34px;height:34px;padding:4px;border-radius:9px;background:#fff}.article-footer>div:first-of-type{display:flex;flex-direction:column;flex:1;min-width:220px}.article-footer strong{color:var(--gk-brand)}.article-footer span{color:color-mix(in srgb,var(--gk-text) 72%,#ffffff)}.article .rich{font-size:15px;line-height:1.7}.rich h2,.rich-input h2{font-size:19px;margin:18px 0 8px}.rich h3,.rich-input h3{font-size:16px;margin:14px 0 6px;color:var(--text)}.rich hr,.rich-input hr{border:none;border-top:1px solid var(--border);margin:18px 0}.rich>h2:first-child,.rich-input>h2:first-child{margin-top:0}.article-tags{display:flex;gap:6px;flex-wrap:wrap}.article-tags .tag{margin:0}.article-form .rich-input{min-height:280px;max-height:none}.audience-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-choice button{display:flex;align-items:flex-start;gap:10px;padding:12px;text-align:left;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;cursor:pointer;color:var(--text)}.audience-choice button svg{flex-shrink:0;margin-top:2px;color:var(--muted)}.audience-choice button.on{border-color:var(--brand);background:var(--brand-soft);outline:1px solid var(--brand)}.audience-choice button.on svg{color:var(--brand)}@media (max-width: 960px){.library-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px){.audience-choice{grid-template-columns:minmax(0,1fr)}.article-hero{padding:22px 16px 20px}.article-hero h1{font-size:23px}.article-content{padding:22px 16px 8px}.article-footer{margin:14px 16px 22px}}.rich-article .rich-input img{max-width:100%;height:auto;border-radius:8px}.rich-article .rich-input img.ProseMirror-selectednode,.rich-article .rich-input .ProseMirror-selectednode{outline:2px solid var(--brand);outline-offset:2px}.rich-article .video-embed{position:relative;aspect-ratio:16 / 9;max-width:640px;margin:0 0 12px;border-radius:10px;overflow:hidden;background:#000}.rich-article .video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none}.rich-article .rich-input{padding-left:32px}.has-drag-handle{position:relative}.drag-handle{position:absolute;z-index:3;width:18px;height:22px;display:none;align-items:center;justify-content:center;border-radius:4px;color:var(--muted);cursor:grab}.drag-handle:hover{background:var(--surface-2);color:var(--text)}.drag-handle:active{cursor:grabbing}.rich-input .ProseMirror-selectednode{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.rich-input .columns{display:grid;gap:16px;margin:0 0 12px}.rich-input .columns-1-1{grid-template-columns:1fr 1fr}.rich-input .columns-2-1{grid-template-columns:2fr 1fr}.rich-input .columns-1-2{grid-template-columns:1fr 2fr}.rich-input .columns-1-1-1{grid-template-columns:1fr 1fr 1fr}.rich-input .column{min-width:0;padding:8px 10px;border:1px dashed var(--border-strong);border-radius:8px}.rich-input .callout-section{margin:0 0 12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}.rich-input .callout-section.tone-info{background:var(--reply-bg);border-color:var(--reply-border)}.rich-input .callout-section.tone-success{background:color-mix(in srgb,var(--st-solved) 9%,var(--surface));border-color:color-mix(in srgb,var(--st-solved) 30%,var(--surface))}.rich-input .callout-section.tone-warning{background:var(--note-bg);border-color:var(--note-border)}.rich-input .column>:last-child,.rich-input .callout-section>:last-child{margin-bottom:0}.rich-toolbar{position:relative}.toolbar-menu{position:absolute;top:calc(100% + 4px);left:6px;z-index:10;display:flex;flex-direction:column;min-width:260px;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 10px 28px #10182829;animation:soft-in .12s ease-out}.toolbar-menu button{display:flex;align-items:center;gap:10px;padding:7px 10px;border:none;background:none;border-radius:6px;text-align:left;cursor:pointer;color:var(--text)}.toolbar-menu button:hover{background:var(--surface-2)}.toolbar-menu .menu-danger{color:var(--critical);border-top:1px solid var(--border);border-radius:0 0 6px 6px;margin-top:4px}.toolbar-menu .menu-muted{color:var(--muted);font-size:12px}.layout-thumb{display:inline-grid;gap:2px;width:30px;height:18px}.layout-thumb i{background:var(--border-strong);border-radius:2px}.layout-1-1{grid-template-columns:1fr 1fr}.layout-2-1{grid-template-columns:2fr 1fr}.layout-1-2{grid-template-columns:1fr 2fr}.layout-1-1-1{grid-template-columns:1fr 1fr 1fr}.tone-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-2)}.tone-swatch.tone-info{background:var(--reply-bg);border-color:var(--reply-border)}.tone-swatch.tone-success{background:color-mix(in srgb,var(--st-solved) 12%,var(--surface))}.tone-swatch.tone-warning{background:var(--note-bg);border-color:var(--note-border)}@media (max-width: 640px){.rich-input .columns{grid-template-columns:minmax(0,1fr)}}.html-block-view{margin:0 0 12px;border:1px dashed var(--border-strong);border-radius:8px;padding:6px 10px 10px;cursor:pointer}.html-block-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.html-block-preview img{max-width:100%}.modal-wide{width:min(860px,100%)}.modal-head h2{display:inline-flex;align-items:center;gap:8px}.html-edit{display:grid;grid-template-columns:1fr 1fr;gap:14px}.code-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;-moz-tab-size:2;tab-size:2}.html-preview,.article-preview{border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;background:var(--surface)}.html-preview{min-height:200px;max-height:340px}.article-preview{min-height:280px}.video-preview{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.video-preview iframe{width:100%;height:100%;border:0}.editor-tabs{display:flex;gap:2px;margin-bottom:8px;border-bottom:1px solid var(--border)}.editor-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;background:none;color:var(--muted);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.editor-tabs button.active{color:var(--text);border-bottom-color:var(--brand)}.code-view{display:flex;flex-direction:column;gap:10px}.code-panes{display:grid;grid-template-columns:3fr 2fr;gap:12px}.code-panes .field{margin-bottom:0}@media (max-width: 760px){.code-panes{grid-template-columns:minmax(0,1fr)}}.or-divider{text-align:center;font-size:12px;color:var(--muted)}.advanced{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:12px}.advanced summary{cursor:pointer;font-weight:500;font-size:13px}.advanced p{margin:8px 0}@media (max-width: 760px){.html-edit{grid-template-columns:minmax(0,1fr)}}.page.builder-page{max-width:none}.builder-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.builder-head .form-actions{margin-left:auto}.article-details-grid{display:grid;grid-template-columns:2fr 3fr 1fr 1fr;gap:0 14px}.builder-card{padding:0}.builder-loading{padding:60px;text-align:center}@media (max-width: 1100px){.article-details-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.article-details-grid{grid-template-columns:minmax(0,1fr)}}.reply-list{display:flex;flex-direction:column;gap:12px}.reply-card{padding:14px 16px}.reply-head,.reply-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reply-body{white-space:pre-wrap;color:var(--text-2);margin:8px 0}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none!important;box-shadow:var(--shadow)}a.tile:hover{border-color:var(--border-strong)}.tile-label{font-size:13px;color:var(--text-2)}.tile-value{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.tile-note{font-size:12px;color:var(--muted)}.tile-critical{border-left:4px solid var(--critical)}.tile-warn{border-left:4px solid var(--warning)}.tiles-quiet .tile{box-shadow:none;background:transparent}.tiles-quiet .tile-value{font-size:22px}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{padding:0 16px 16px;min-width:0}.chart-card .card-title{padding-left:0}.chart-card.wide{grid-column:span 2}.trend{position:relative}.trend svg{display:block;overflow:visible}.legend{display:flex;gap:16px;margin-bottom:6px;font-size:12px;color:var(--text-2)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-key{display:inline-block;width:14px;height:3px;border-radius:2px}.trend .grid{stroke:var(--chart-grid);stroke-width:1}.trend .axis{fill:var(--muted);font-size:11px}.trend .end-label{fill:var(--text-2);font-size:12px}.trend .crosshair{stroke:var(--border-strong);stroke-width:1}.trend .ring{stroke:var(--chart-surface);stroke-width:2}.tooltip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 6px 18px #0000001f;min-width:130px}.tooltip-title{font-weight:600;margin-bottom:4px}.tooltip-row{display:flex;align-items:center;gap:6px}.tooltip-row strong{margin-left:auto;font-variant-numeric:tabular-nums}.barlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.barlist li>a,.barlist li>div{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;padding:4px 6px;border-radius:6px;color:inherit;text-decoration:none!important}.barlist li>a:hover{background:var(--surface-2)}.barlist-label{font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barlist-track{display:flex;align-items:center;gap:8px;min-width:0}.barlist-bar{height:14px;background:var(--series-1);border-radius:0 4px 4px 0}.barlist-value{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--sidebar)}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:4px}.login-card img{border-radius:8px;margin-bottom:8px}.login-card h1{font-size:20px}.login-card p{margin-bottom:14px}.login-card .btn{margin-top:6px}.login-card .alert{margin-bottom:8px}@media (max-width: 1100px){.hide-md{display:none}}@media (max-width: 960px){.ticket-grid{grid-template-columns:minmax(0,1fr)}.ticket-page{height:auto}.ticket-page .ticket-main,.ticket-page .ticket-side{overflow:visible;padding:0}.ticket-page .feed-toolbar{top:var(--topbar-h)}.ticket-side{position:static}.dash-grid{grid-template-columns:minmax(0,1fr)}.chart-card.wide{grid-column:auto}}@media (max-width: 760px){.sidebar{position:fixed;left:0;top:0;z-index:30;transform:translate(-100%);transition:transform .2s ease}.nav-open .sidebar{transform:none}.nav-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25}.nav-toggle,.nav-close{display:inline-flex}.nav-close{margin-left:auto}.topbar{padding:10px 16px}.content{padding:16px}.hide-sm{display:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.overview-grid{grid-template-columns:minmax(0,1fr)}.facts-grid.wide,.org-grid .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barlist li>a,.barlist li>div{grid-template-columns:100px minmax(0,1fr)}.subject-cell{min-width:0}}.builder-style-note{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;border-radius:var(--radius);background:var(--brand-soft);color:var(--text-2);font-size:13px}.builder-style-note svg{flex-shrink:0;margin-top:2px;color:var(--brand)}.builder-style-note a{color:var(--brand);font-weight:600}.page.style-page{max-width:1320px}.style-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}.style-settings{display:flex;flex-direction:column;gap:14px}.style-section{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 0 -4px;padding-top:12px;border-top:1px solid var(--border)}.style-section:first-child{margin-top:0;padding-top:0;border-top:0}.style-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-field{display:flex;gap:8px}.color-field input[type=color]{width:42px;height:36px;padding:2px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer;flex-shrink:0}.color-field input:not([type=color]){flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:lowercase}.style-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.style-choices button{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;font:inherit;font-size:13px;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;cursor:pointer}.style-choices button.on{border-color:var(--brand);background:var(--brand-soft);outline:1px solid var(--brand)}.style-swatch{display:block;height:34px;border-radius:6px;border:1px solid var(--border)}.style-preview{position:sticky;top:calc(var(--topbar-h) + 16px)}.style-preview-label{margin-bottom:6px}@media (max-width: 1000px){.style-layout{grid-template-columns:minmax(0,1fr)}.style-preview{position:static}}.style-settings .field{margin-bottom:0}fieldset.style-settings{margin:0;min-inline-size:0}fieldset.style-settings:disabled{opacity:.75}.no-permission{max-width:460px;margin:40px auto;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.no-permission svg{color:var(--muted)}.no-permission h1{font-size:19px}.role-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.role-badge.role-admin{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,var(--surface));color:var(--brand)}.role-select{min-width:140px;max-width:170px}.btn-danger-text{color:var(--critical)}.access-dialog{gap:14px}.access-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.access-roles button{display:flex;flex-direction:column;gap:2px;padding:10px 12px;text-align:left;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;cursor:pointer}.access-roles button.on{border-color:var(--brand);background:var(--brand-soft);outline:1px solid var(--brand)}.access-roles button:disabled{cursor:default}.access-roles small{font-size:12px;line-height:1.4}.perm-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.perm-group h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.perm-row{display:flex;align-items:flex-start;gap:10px;padding:7px 8px;border-radius:8px;font-size:14px;cursor:pointer}.perm-row:hover{background:var(--surface-2)}.perm-row input{margin-top:3px}.perm-row.perm-exception{background:var(--note-bg)}.perm-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:500}.perm-tag,.perm-soon{font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;padding:1px 7px;border-radius:999px}.perm-tag{background:var(--note-border);color:var(--note-text)}.perm-soon{background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.access-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.add-rep-results{list-style:none;margin:4px 0 0;padding:4px;border:1px solid var(--border);border-radius:10px;max-height:240px;overflow-y:auto}.add-rep-results button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:8px;background:none;font:inherit;text-align:left;cursor:pointer}.add-rep-results button:hover:not(:disabled){background:var(--surface-2)}.add-rep-results button:disabled{opacity:.55;cursor:default}@media (max-width: 760px){.access-roles{grid-template-columns:repeat(2,minmax(0,1fr))}.perm-groups{grid-template-columns:minmax(0,1fr)}}.team-tabs-card{padding:0;overflow:hidden}.team-tabs-card>.table-pager{border-top:1px solid var(--border)}.tab-alert{margin:0 12px 10px}.tab-foot{padding:10px 14px 14px;margin:0}.role-builtin{margin-left:8px;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);vertical-align:1px}.roles-table td{vertical-align:top}.role-members{display:inline-flex;align-items:center;gap:2px}.role-members .small{margin-left:6px}.perm-meter{display:inline-block;width:80px;height:6px;margin-right:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;vertical-align:middle}.perm-meter span{display:block;height:100%;background:var(--brand)}.perm-split{display:grid;grid-template-columns:320px minmax(0,1fr);border-top:1px solid var(--border);min-height:520px}.perm-people{border-right:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.perm-people ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:calc(100vh - 300px)}.perm-people li>button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:none;font:inherit;text-align:left;color:var(--text);cursor:pointer}.perm-people li>button:hover{background:var(--surface-2)}.perm-people li>button.on{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 35%,var(--surface))}.perm-people .picked-text{min-width:0}.perm-people-role{color:var(--text-2)}.perm-people-empty{padding:8px 10px}.perm-detail{padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}.perm-detail-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.perm-detail-head h2{font-size:17px}.perm-detail-tools{display:flex;align-items:center;gap:12px}.perm-detail-groups{display:flex;flex-direction:column;gap:18px;max-width:760px}.perm-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;padding:0 8px 6px;border-bottom:1px solid var(--border)}.perm-group-head h3{margin:0}.perm-group-count{text-transform:none;letter-spacing:0;font-weight:400}.perm-select-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);cursor:pointer;white-space:nowrap}@media (max-width: 760px){.perm-split{grid-template-columns:minmax(0,1fr)}.perm-people{border-right:0;border-bottom:1px solid var(--border)}.perm-people ul{max-height:260px}}.perm-people .table-search{flex:none}.alert-warning{background:var(--note-bg);border:1px solid var(--note-border);color:var(--note-text)}.perm-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.perm-role-pick{display:flex;align-items:center;gap:8px}.role-select.changed .select-box,.role-select.changed{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 35%,transparent);border-radius:8px}.perm-row.perm-pending{box-shadow:inset 3px 0 0 var(--brand)}.perm-unsaved{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand)}.perm-dirty-dot{width:8px;height:8px;margin-left:auto;flex-shrink:0;border-radius:50%;background:var(--brand)}.perm-savebar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px 10px 16px;border-radius:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--surface));box-shadow:0 8px 24px #10182824;animation:soft-in .18s ease-out}.perm-savebar-text{display:inline-flex;align-items:center;gap:8px}.perm-savebar-success{background:color-mix(in srgb,var(--st-solved) 9%,var(--surface));border-color:color-mix(in srgb,var(--st-solved) 40%,var(--surface));color:color-mix(in srgb,var(--st-solved) 75%,#000000)}.perm-savebar-error{background:color-mix(in srgb,var(--critical) 7%,var(--surface));border-color:color-mix(in srgb,var(--critical) 40%,var(--surface));color:var(--critical)}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);animation:spin .7s linear infinite}.access-summary{display:flex;align-items:center;gap:10px}.role-dialog{width:min(720px,100%)}.perm-picker{display:flex;flex-direction:column;gap:12px}.perm-picker .table-search{flex:none;max-width:320px}.perm-picker .perm-detail-groups{max-width:none}table.tickets tr.clickable{cursor:pointer}table.tickets tr.clickable:hover>td{background:var(--surface-2)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rep-profile-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;margin-bottom:14px}.rep-profile-head h1{font-size:22px;margin-bottom:4px}.rep-profile-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.role-badge.role-former{background:var(--note-bg);border-color:var(--note-border);color:var(--note-text)}.rep-tab-body{padding:16px 18px 18px}.rep-overview{display:flex;flex-direction:column;gap:16px}.rep-section h2{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:10px}.rep-subhead{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:12px 0 6px}.rep-holding{display:flex;gap:10px;flex-wrap:wrap}.rep-holding-item{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;color:inherit;text-decoration:none!important}.rep-holding-item:hover{border-color:var(--border-strong)}.daily-chart-plot{position:relative;height:160px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:2px;align-items:end;padding-left:30px}.daily-chart-grid{position:absolute;top:0;right:0;bottom:0;left:30px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.daily-chart-grid span{position:relative;border-top:1px solid var(--chart-grid)}.daily-chart-grid span:last-child{border-top-color:var(--border-strong)}.daily-chart-grid span:before{content:attr(data-v);position:absolute;right:calc(100% + 6px);top:-8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.daily-bar{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:default}.daily-bar>span{display:block;width:min(70%,28px);min-height:0;border-radius:4px 4px 0 0;background:var(--series-1);transition:opacity .12s}.daily-chart-plot:hover .daily-bar:not(.hover)>span{opacity:.45}.daily-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;gap:1px;min-width:140px;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 20px #10182824;font-size:12px;color:var(--text-2);pointer-events:none}.daily-tip strong{color:var(--text)}.daily-tip.left{left:auto;right:0;transform:none}.daily-chart-x{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:2px;padding-left:30px;margin-top:4px;font-size:11px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.rep-activity-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font:inherit;font-size:13px;color:var(--text-2);cursor:pointer}.chip-btn.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:500}.rep-day h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px}.rep-day ul,.rep-tickets,.rep-mentions{list-style:none;margin:0;padding:0}.rep-item{display:flex;align-items:flex-start;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border)}.rep-item-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--surface-2);color:var(--muted)}.rep-item-reply .rep-item-icon{background:var(--reply-bg);color:var(--reply-text)}.rep-item-note .rep-item-icon{background:var(--note-bg);color:var(--note-text)}.rep-item-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px}.rep-item-line strong{font-weight:500}.rep-item-text{margin:3px 0 0;font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rep-ticket-link{display:inline-flex;gap:4px;max-width:420px;font-size:13px}.rep-more{margin-top:14px}.rep-tasks{display:flex;flex-direction:column;gap:22px}.rep-tickets li>a{display:flex;align-items:center;gap:12px;padding:9px 8px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none!important}.rep-tickets li>a:hover{background:var(--surface-2)}.rep-ticket-main{display:flex;flex-direction:column;min-width:0}.rep-ticket-time{width:70px;text-align:right}.rep-mentions li{padding:9px 4px;border-bottom:1px solid var(--border)}.perm-row.perm-view{cursor:default}.perm-view .perm-yes{color:var(--st-solved);flex-shrink:0;margin-top:2px}.perm-view .perm-no{color:var(--border-strong);flex-shrink:0;margin-top:2px}.perm-view.perm-off .perm-label{color:var(--muted)}.rep-access-what{display:inline-flex;align-items:center;gap:8px}.rep-access-what svg{color:var(--muted);flex-shrink:0}tr.rep-access-warn .rep-access-what,tr.rep-access-warn .rep-access-what svg{color:var(--critical)}@media (max-width: 760px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-ticket-time{display:none}}.via-email{display:inline-flex;align-items:center;gap:4px}.emailed-to{display:flex;align-items:center;gap:5px;margin-top:8px}.add-rep-results-wrap{margin-top:6px;border:1px solid var(--border);border-radius:8px;padding:4px;max-height:340px;overflow-y:auto}.add-rep-results-wrap .add-rep-results{margin:0;border:none;padding:0}.add-rep-results-wrap .add-rep-results button{width:100%}.add-rep-group{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 8px 4px}.add-rep-none{padding:8px}.add-rep-create{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:9px 8px;border:none;border-top:1px solid var(--border);background:none;color:var(--brand);font:inherit;font-weight:600;text-align:left;cursor:pointer}.add-rep-create:hover{background:var(--brand-soft)}.add-rep-new{display:flex;flex-direction:column;gap:8px}.add-rep-new-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-rep-new .link-btn{align-self:flex-start}.add-rep-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:8px 0}.add-rep-done svg{color:var(--st-solved)}.add-rep-done p{margin:0}.client-tiles{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.client-tiles button.tile{font:inherit;text-align:left;cursor:pointer}.client-tiles button.tile:hover{border-color:var(--border-strong)}.client-tiles .tile-on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}@media (max-width: 1100px){.client-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.client-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.client-filters{flex-wrap:wrap;justify-content:flex-end}.client-filters .select-box{min-width:170px}.client-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.client-status svg{flex:none}.client-active svg{color:var(--st-solved)}.client-canceling svg{color:var(--warning)}.client-past_due,.client-suspended{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 35%,var(--border));background:color-mix(in srgb,var(--critical) 6%,var(--surface))}.client-canceling{color:var(--note-text);border-color:var(--note-border);background:var(--note-bg)}.client-soon{color:var(--warning);font-weight:600}.client-head{align-items:flex-start}.client-head p{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.client-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--brand-soft);color:var(--brand);flex:none}.client-main{display:flex;flex-direction:column;gap:16px;min-width:0}.client-card{padding:16px}.client-card h2{font-size:15px;margin-bottom:12px}.client-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0}.client-facts .wide{grid-column:1 / -1}.client-facts dt{font-size:12px;color:var(--muted);margin-bottom:2px}.client-facts dd{margin:0;font-size:14px}.client-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.client-people li{display:flex;gap:10px;align-items:flex-start}.invoice-status{font-size:12px;font-weight:600}.invoice-paid{color:var(--st-solved)}.invoice-open,.invoice-uncollectible{color:var(--critical)}.invoice-void,.invoice-draft{color:var(--muted)}.clickable-rows tbody tr{cursor:pointer}.clickable-rows tbody tr:hover{background:var(--surface-2)}.clickable-rows .subject{display:inline-flex;align-items:center;gap:6px}.client-deactivated,.client-closing{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 35%,var(--border));background:color-mix(in srgb,var(--critical) 6%,var(--surface))}.standing-card h2{margin-bottom:10px}.standing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}.standing-list li{display:flex;gap:8px;align-items:flex-start;color:var(--text-2)}.standing-list li svg{flex:none;margin-top:2px}.standing-list li.bad{color:var(--critical)}.standing-reason{display:block;margin-top:2px;font-style:italic;color:var(--text-2)}.btn-danger-outline{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 45%,var(--border))}.btn-danger-outline:hover:not(:disabled){background:color-mix(in srgb,var(--critical) 8%,var(--surface))}.standing-history{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.standing-history h3{display:flex;align-items:center;gap:5px;font-size:13px;margin:0 0 8px}.standing-history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13px}.standing-history time{margin-left:6px}.status-dialog{width:min(560px,100%)}.status-head{display:flex;gap:12px;align-items:flex-start}.status-head>div{flex:1}.status-head h2{font-size:18px;margin:0 0 2px}.status-head p{margin:0;color:var(--text-2)}.status-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:var(--warning)}.status-dialog.danger .status-icon{background:color-mix(in srgb,var(--critical) 12%,var(--surface));color:var(--critical)}.status-effects{margin:0;padding:10px 12px 10px 28px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;display:flex;flex-direction:column;gap:4px}.client-tabs{padding:0;margin-bottom:16px}.client-tab-card{padding:16px}.client-tab-card h2{font-size:15px;margin-bottom:12px}.client-mini-tiles{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.client-main .client-mini-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.client-mini-tiles button.tile{font:inherit;text-align:left;cursor:pointer}.client-mini-tiles button.tile:hover{border-color:var(--border-strong)}.tile-value-sm{font-size:18px!important}@media (max-width: 900px){.client-mini-tiles,.client-main .client-mini-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.pinned-notes{background:var(--note-bg);border-color:var(--note-border)}.pinned-notes h2{display:flex;align-items:center;gap:6px}.pinned-notes ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:10px}.pinned-notes p{margin:0;white-space:pre-wrap}.client-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.client-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:inherit;font-size:13px;cursor:pointer}.client-chip.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.client-chip-count{font-size:11px;opacity:.75}.timeline-month h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 6px}.timeline{list-style:none;margin:0;padding:0 0 0 4px}.timeline li{display:flex;gap:12px;padding:8px 0;position:relative;font-size:14px}.timeline li:before{content:"";position:absolute;left:13px;top:34px;bottom:-8px;width:1px;background:var(--border)}.timeline li:last-child:before{display:none}.timeline-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.timeline li.warn .timeline-icon{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 35%,var(--border));background:color-mix(in srgb,var(--critical) 6%,var(--surface))}.timeline-billing .timeline-icon{color:var(--st-solved)}.timeline-tag{margin-left:6px;font-size:11px;font-weight:600;color:var(--warning)}.fees-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}@media (max-width: 980px){.fees-grid{grid-template-columns:1fr}}.fee-chart{display:flex;gap:8px;height:220px;padding-bottom:22px}.fee-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted);text-align:right;min-width:48px;margin-bottom:-6px;margin-top:-6px;font-variant-numeric:tabular-nums}.fee-plot{position:relative;flex:1;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--border-strong)}.fee-grid{position:absolute;left:0;right:0;border-top:1px solid var(--border);pointer-events:none}.fee-col{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;outline:none;cursor:default}.fee-col:hover,.fee-col:focus-visible{background:color-mix(in srgb,var(--brand) 6%,transparent)}.fee-bar{width:min(60%,28px);min-height:1px;background:var(--brand);border-radius:4px 4px 0 0}.fee-x{position:absolute;bottom:-20px;font-size:11px;color:var(--muted)}.fee-tip{position:absolute;top:0;left:50%;z-index:2;display:flex;flex-direction:column;gap:2px;min-width:170px;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 8px 24px #0000001f;font-size:12px;pointer-events:none}.fee-tip.left{left:auto;right:50%}.fee-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.fee-source-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.fee-source-bar{display:block;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden;margin-bottom:2px}.fee-table-wrap{overflow-x:auto}.fee-footnote{padding:10px 14px 14px;margin:0}.usage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.usage-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.usage-meter{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.usage-meter div{height:100%;border-radius:4px;background:var(--brand)}.usage-near .usage-meter div{background:var(--warning)}.usage-over .usage-meter div{background:var(--critical)}.usage-flag{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600}.usage-near .usage-flag{color:var(--warning)}.usage-over .usage-flag{color:var(--critical)}.note-compose textarea,.note-edit textarea{width:100%}.note-compose-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px}.note-compose-bar .muted{margin-right:auto}.note-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.note-list li{padding:10px 12px;border:1px solid var(--border);border-radius:10px}.note-list li.pinned{background:var(--note-bg);border-color:var(--note-border)}.note-head{display:flex;align-items:center;gap:8px;font-size:13px}.note-pinned{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--note-text)}.note-actions{margin-left:auto;display:inline-flex;gap:2px}.note-body{margin:6px 0 0;white-space:pre-wrap;font-size:14px}.client-toolbar{flex-wrap:wrap;gap:10px}.client-tab-card>.client-toolbar{padding:0 0 12px}.client-toolbar-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.client-toolbar-controls .select-box{min-width:150px}.client-mini-tiles .tile-on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.fee-source{display:flex;flex-direction:column;width:100%;border:none;background:none;padding:6px 8px;margin:-6px -8px;border-radius:8px;font:inherit;text-align:left;cursor:pointer;color:inherit;box-sizing:content-box}.fee-source:hover{background:var(--surface-2)}.fee-source.on{background:var(--brand-soft)}.fee-source-bar span{display:block;height:100%;background:var(--brand);border-radius:4px}.note-body mark{background:color-mix(in srgb,var(--warning) 25%,transparent);color:inherit;border-radius:2px}.client-toolbar h2{flex:none}.client-toolbar .table-search{width:240px;max-width:100%}@media (min-width: 1100px){.client-toolbar,.client-toolbar-controls{flex-wrap:nowrap}}.users-actions-cell{position:relative;width:1%;white-space:nowrap}.users-actions-cell .btn{display:inline-flex;align-items:center;gap:4px}.users-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.users-menu{position:fixed;z-index:46;list-style:none;margin:0;padding:4px;min-width:220px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 10px 28px #00000024;text-align:left}.users-menu button{width:100%;text-align:left;border:none;background:none;padding:7px 10px;border-radius:6px;font:inherit;font-size:13.5px;color:var(--text);cursor:pointer}.users-menu button:hover,.users-menu button:focus-visible{background:var(--surface-2)}.users-menu button.danger{color:var(--critical)}.users-done{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px 10px}.timeline-reason{font-size:13px;font-style:italic;color:var(--text-2)}.alert-success{background:color-mix(in srgb,var(--st-solved) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--st-solved) 35%,var(--surface));color:var(--st-solved)}.email-change{display:flex;flex-direction:column;gap:8px}.users-row{cursor:pointer}.users-row:hover td{background:var(--surface-2)}.link-btn.users-name{font-size:14px;font-weight:600;color:var(--text);text-align:left}.link-btn.users-name:hover{color:var(--brand)}.user-panel-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.user-panel-facts .wide{grid-column:1 / -1}.user-panel-facts dt{font-size:12px;color:var(--muted)}.user-panel-facts dd{margin:2px 0 0;font-size:14px}.user-timeline{padding-left:0}.client-user-head p{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.client-user-history{min-width:0}.client-user-timeline{padding:0 16px 8px}.client-user-actions{display:inline-flex;align-items:center;gap:4px}.page>.users-done{margin:0 0 14px}a.users-name{font-weight:600;color:var(--text)}a.users-name:hover{color:var(--brand)}.chip-frozen{margin-left:4px;background:color-mix(in srgb,var(--st-pending) 12%,var(--surface));border-color:color-mix(in srgb,var(--st-pending) 40%,var(--border));color:var(--st-pending);font-weight:600}.frozen-text{color:var(--st-pending)}.insights-tabs.has-indicator{position:relative}.insights-tabs.has-indicator button.active,.insights-tabs.has-indicator button[aria-selected=true]{border-bottom-color:transparent}.insights-tabs button{transition:color .15s ease}.insights-tabs button:hover{color:var(--text)}.tab-indicator{position:absolute;left:0;bottom:-1px;height:2px;border-radius:2px;background:var(--brand);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease;pointer-events:none}.tab-panel{animation:tab-in .26s cubic-bezier(.2,.8,.2,1) backwards}.tab-panel.enter-right{--tab-from: 14px}.tab-panel.enter-left{--tab-from: -14px}.tab-panel.enter-none{--tab-from: 0px}@keyframes tab-in{0%{opacity:0;transform:translate(var(--tab-from, 0))}to{opacity:1;transform:none}}.page:not(.page-skeleton),.fade-in{animation:fade-up .24s ease-out backwards}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 0%,color-mix(in srgb,var(--border) 70%,var(--surface)) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}.skeleton.round{border-radius:50%;flex:none}.skeleton-gap{margin:6px 0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-table,.skeleton-timeline{display:flex;flex-direction:column}.skeleton-table.card{overflow:hidden}.skeleton-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);animation:fade-up .3s ease-out backwards}.skeleton-timeline .skeleton-row{border-bottom:none;padding:8px 4px}.skeleton-row:last-child{border-bottom:none}.skeleton-row.head{background:var(--surface-2);padding:10px 16px}.skeleton-stack{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.page-skeleton{display:flex;flex-direction:column;gap:18px}.skeleton-head{display:flex;gap:14px;align-items:center}.skeleton-tabs{display:flex;gap:22px;padding:4px 4px 12px;border-bottom:1px solid var(--border)}@media (prefers-reduced-motion: reduce){.tab-indicator,.insights-tabs button{transition:none}.tab-panel,.page:not(.page-skeleton),.fade-in,.skeleton,.skeleton-row{animation:none}}.client-actions-btn{display:inline-flex;align-items:center;gap:6px}.client-actions-menu button{display:flex;align-items:center;gap:8px}.users-menu .menu-divider{height:1px;margin:4px 6px;background:var(--border)}.users-menu .menu-label{padding:6px 10px 2px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.stripe-sync{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.stripe-sync>.muted{display:inline-flex;align-items:center;gap:5px}.stripe-sync .btn{display:inline-flex;align-items:center;gap:5px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tile-kept{border-left:4px solid var(--st-solved)}.fee-bar.negative{background:var(--critical)}.danger-text{color:var(--critical)}