@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light;--canvas: #fafafa;--surface: #ffffff;--surface-2: #f4f4f5;--surface-raised: #fcfcfc;--hover: #f4f4f5;--nav-active: #ffffff;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #18181b;--text-2: #3f3f46;--muted: #71717a;--faint: #8b8b94;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-line: #c7d2fe;--accent-text: #3730a3;--accent-ring: rgba(79, 70, 229, .18);--primary: #18181b;--primary-hover: #27272a;--on-primary: #ffffff;--good: #15803d;--good-bg: #ecfdf3;--good-line: #bbf7d0;--good-solid: #15803d;--warn: #b45309;--warn-bg: #fffbeb;--warn-line: #fde68a;--danger: #b91c1c;--danger-bg: #fef2f2;--danger-line: #fecaca;--danger-solid: #b91c1c;--danger-hover: #fee2e2;--info: #1d4ed8;--info-bg: #eff6ff;--info-line: #bfdbfe;--chart-done: #4caf7d;--chart-error: #e06c6c;--chart-resolved: #d7b8b8;--chart-rendering: #e0a53a;--chart-accent: #4f46e5;--chart-area: rgba(79, 70, 229, .08);--chart-grid: #f0f0f2;--chart-track: #f2f2f4;--chart-other: #c4c4c8;--radius: 8px;--radius-lg: 10px;--shadow-card: 0 1px 2px rgba(24, 24, 27, .04);--shadow-float: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .08);--backdrop: rgba(24, 24, 27, .32);font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root[data-theme=dark]{color-scheme:dark;--canvas: #09090b;--surface: #111113;--surface-2: #18181b;--surface-raised: #161618;--hover: #1c1c1f;--nav-active: #1c1c1f;--border: #232327;--border-strong: #34343a;--text: #f4f4f5;--text-2: #d4d4d8;--muted: #a1a1aa;--faint: #7c7c86;--accent: #818cf8;--accent-hover: #a5b4fc;--accent-soft: rgba(129, 140, 248, .12);--accent-line: rgba(129, 140, 248, .34);--accent-text: #c7d2fe;--accent-ring: rgba(129, 140, 248, .3);--primary: #f4f4f5;--primary-hover: #ffffff;--on-primary: #18181b;--good: #4ade80;--good-bg: rgba(34, 197, 94, .1);--good-line: rgba(34, 197, 94, .28);--good-solid: #16a34a;--warn: #fbbf24;--warn-bg: rgba(245, 158, 11, .1);--warn-line: rgba(245, 158, 11, .3);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .1);--danger-line: rgba(239, 68, 68, .32);--danger-solid: #dc2626;--danger-hover: rgba(239, 68, 68, .18);--info: #60a5fa;--info-bg: rgba(59, 130, 246, .1);--info-line: rgba(59, 130, 246, .32);--chart-done: #4fbf87;--chart-error: #ec7373;--chart-resolved: #6b4f52;--chart-rendering: #e8b04a;--chart-accent: #818cf8;--chart-area: rgba(129, 140, 248, .14);--chart-grid: #1c1c20;--chart-track: #1d1d21;--chart-other: #52525b;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-float: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .55);--backdrop: rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}::selection{background:var(--accent-ring)}.icon{display:block;flex:none}.spin{animation:spin .8s linear infinite}.theme-toggle{display:inline-grid;place-items:center;width:32px;height:32px;padding:0}.theme-toggle .theme-sun,[data-theme=dark] .theme-toggle .theme-moon{display:none}[data-theme=dark] .theme-toggle .theme-sun{display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3{font-weight:600;letter-spacing:-.01em;margin:0}b,strong{font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:var(--canvas);border-right:1px solid var(--border);color:var(--text-2);padding:14px 12px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:9px;color:var(--text);font-size:13.5px;font-weight:600;padding:4px 8px}.brand i{display:grid;place-items:center;font-style:normal;height:22px;width:22px;border-radius:6px;background:var(--primary);color:var(--on-primary);font-family:var(--font);font-weight:600;font-size:12px}.workspace{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:8px 10px;margin:14px 0 6px;box-shadow:var(--shadow-card)}.workspace span{display:none}.eyebrow{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.workspace b{color:var(--text);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.workspace em{font-style:normal;color:var(--faint);font-size:12px}.sidebar nav{display:grid;gap:14px}.nav-group{display:grid;gap:1px}.nav-label{color:var(--faint);font-size:11px;font-weight:500;letter-spacing:.04em;padding:8px 9px 4px}.sidebar nav button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:var(--text-2);text-align:left;padding:6px 9px;border-radius:7px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.sidebar nav button .icon{color:var(--faint);transition:color .12s}.sidebar nav button:hover{background:var(--hover);color:var(--text)}.sidebar nav button:hover .icon{color:var(--text-2)}.sidebar nav button.active{color:var(--text);background:var(--nav-active);border-color:var(--border);box-shadow:var(--shadow-card)}.sidebar nav button.active .icon{color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:12px 2px 0}.operator{display:flex;align-items:center;gap:9px}.operator>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:12px}.operator div{min-width:0;flex:1}.operator b,.operator small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator b{font-size:13px;color:var(--text);font-weight:500}.operator small{font-size:11.5px;color:var(--muted);text-transform:capitalize}.operator button{display:grid;place-items:center;border:0;color:var(--faint);background:transparent;border-radius:6px;width:30px;height:30px;padding:0}.operator button:hover{background:var(--hover);color:var(--danger)}.main{min-width:0}.main>header{height:52px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.crumb{font-size:13px;color:var(--muted);text-transform:capitalize;letter-spacing:0}.crumb span{margin:0 7px;color:var(--border-strong)}.crumb b{color:var(--text);font-weight:500}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .theme-toggle{order:2}.refresh-button{height:30px;padding:0 10px;font-size:12.5px}.refresh-button .icon{color:var(--muted)}.status{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;padding:0 10px 0 0;margin-right:2px;border-right:1px solid var(--border);height:18px}.status i,.dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--faint);margin-right:7px}.status i{background:var(--chart-done);box-shadow:0 0 0 3px color-mix(in srgb,var(--chart-done) 22%,transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--chart-done) 10%,transparent)}}@media(prefers-reduced-motion:reduce){.status i,.spin{animation:none}}.notification,.icon-button{border:0;background:transparent;color:var(--muted);font-size:16px;border-radius:6px;padding:4px 7px;line-height:1}.notification:hover,.icon-button:hover{background:var(--hover);color:var(--text)}.content{max-width:1320px;margin:0 auto;padding:28px 28px 64px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-title .eyebrow{display:none}.page-title h1{font-size:20px;line-height:1.3;color:var(--text)}.page-title p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.subtle,.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--radius);font-size:13px;font-weight:500;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.subtle{border:1px solid var(--border);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-card)}.subtle .icon{color:var(--muted)}.subtle:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong);color:var(--text)}.subtle span{margin-left:2px;font-size:14px;color:var(--muted)}.primary{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-card)}.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.text-button{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:var(--text-2);font-size:13px;font-weight:500;padding:4px 6px;border-radius:6px}.text-button:hover{background:var(--hover);color:var(--text)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.metric{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;min-height:0;box-shadow:var(--shadow-card);overflow:hidden}.metric.attention{border-color:var(--warn-line)}.metric.attention:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--warn);opacity:.7}.metric.attention span:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warn);margin-left:7px;vertical-align:1px}.metric.attention strong{color:var(--warn)}.metric span{display:block;color:var(--muted);font-size:12.5px;font-weight:500}.metric strong{font-size:26px;font-weight:600;letter-spacing:-.02em;display:block;margin:8px 0 4px;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2}.metric small{color:var(--faint);font-size:12.5px}.content-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(270px,.88fr);gap:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel-heading{padding:16px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2{font-size:14px;margin:2px 0 0;color:var(--text)}.panel-heading .eyebrow{font-size:10.5px}.provider-list{padding:0 18px 8px}.provider{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:8px;align-items:center;padding:11px 0;border-top:1px solid var(--border);font-size:13px}.provider-name{font-weight:500;color:var(--text);text-transform:capitalize;display:flex;align-items:center}.provider b{font-size:13px;font-variant-numeric:tabular-nums}.provider small{display:block;font-size:11.5px;color:var(--faint);margin-top:1px}.dot.good{background:var(--chart-done)}.dot.warn{background:var(--chart-rendering)}.dot.danger{background:var(--chart-error)}.priority-stack{padding:0 8px 8px}.priority-stack button{display:flex;align-items:center;width:100%;background:transparent;border:0;border-top:1px solid var(--border);text-align:left;padding:12px 10px;font-size:13px;color:var(--text-2);border-radius:0}.priority-stack button:hover{background:var(--hover);color:var(--text)}.priority-stack button:hover em{color:var(--accent)}.priority-stack em{margin-left:auto;font-style:normal;color:var(--muted);font-size:12.5px;font-weight:500}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.toolbar input,.quick-task input{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);height:34px;padding:0 10px;color:var(--text);font-size:13px;outline:none;box-shadow:var(--shadow-card);transition:border-color .12s,box-shadow .12s}.toolbar input:hover{border-color:var(--border-strong)}.toolbar input::placeholder{color:var(--faint)}.toolbar input[type=text],.toolbar input:not([type]){flex:1 1 240px;min-width:200px}.toolbar input[type=date]{width:150px}.toolbar .select-trigger{min-width:150px}.toolbar input:focus,.quick-task input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;font-weight:400;text-align:left;white-space:nowrap;box-shadow:var(--shadow-card);outline:none;cursor:pointer;transition:border-color .12s,box-shadow .12s}.select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0}.select-trigger:hover:not(:disabled){border-color:var(--border-strong)}.select-trigger:focus-visible,.select-trigger[data-state=open]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.select-trigger:disabled{cursor:not-allowed;opacity:.55}.select-trigger.sm{height:28px;padding:0 8px;gap:6px;font-size:12.5px;border-radius:6px;color:var(--text-2)}.select-chevron{flex-shrink:0;color:var(--muted);transition:transform .15s}.select-trigger[data-state=open] .select-chevron{transform:rotate(180deg)}.field .select-trigger,.prop .select-trigger,.detail-grid dd .select-trigger{width:100%}.detail-grid dd .select-trigger{height:32px;font-weight:400}.select-content{z-index:70;min-width:var(--radix-select-trigger-width);max-height:min(320px,var(--radix-select-content-available-height));overflow:hidden;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-float);animation:select-in .12s ease}@keyframes select-in{0%{opacity:0;transform:translateY(-2px) scale(.98)}}.select-viewport{padding:4px}.select-item{position:relative;display:flex;align-items:center;min-height:30px;padding:0 28px 0 8px;border-radius:6px;font-size:13px;color:var(--text-2);cursor:default;user-select:none;outline:none}.select-item[data-highlighted]{background:var(--hover);color:var(--text)}.select-item[data-state=checked]{color:var(--text);font-weight:500}.select-item[data-disabled]{opacity:.5;pointer-events:none}.select-check{position:absolute;right:8px;display:inline-flex;color:var(--accent)}@media(prefers-reduced-motion:reduce){.select-content,.select-chevron{animation:none;transition:none}}.filter-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-text);border-radius:var(--radius);padding:9px 12px;margin:0 0 14px;font-size:13px}.filter-banner small{font-family:var(--mono);font-size:11.5px;color:var(--accent);margin-left:6px}.chart-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px;margin-bottom:12px}.chart{position:relative;padding:4px 16px 16px}.chart svg{display:block;overflow:visible}.chart.donut{display:flex;flex-direction:column;align-items:center;gap:12px}.chart .grid line{stroke:var(--chart-grid)}.chart .domain{stroke:var(--border)}.chart .tick text{font-family:var(--font);font-size:11px;fill:var(--faint)}.chart .tick line{stroke:var(--border)}.chart .donut-total{font-size:28px;font-weight:600;fill:var(--text);letter-spacing:-.02em}.chart .donut-label{font-size:12px;font-weight:500;fill:var(--muted)}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);font-weight:500;padding:0 0 8px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0}.chart-tip{position:absolute;z-index:5;pointer-events:none;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:12.5px;line-height:1.5;box-shadow:var(--shadow-float);white-space:nowrap}.chart-tip b{display:block;color:var(--text);margin-bottom:2px}.chart-tip span{display:block}.chart-tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.is-loading{opacity:.55;transition:opacity .2s;pointer-events:none}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:100%}th{text-align:left;padding:8px 14px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px;color:var(--text-2)}tr:last-child td{border-bottom:0}td b,td small{display:block}td b{color:var(--text);font-size:13px;font-weight:500;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td small{font-family:var(--mono);color:var(--faint);font-size:11px;margin-top:3px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:5px;text-transform:capitalize;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:12px;font-weight:500;padding:2px 7px;line-height:18px;white-space:nowrap}.badge.good{background:var(--good-bg);border-color:var(--good-line);color:var(--good)}.badge.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.badge.danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.badge.info{background:var(--info-bg);border-color:var(--info-line);color:var(--info)}.badge.backend-badge{margin-left:6px;text-transform:none;font-size:11px}.issue-link{border:1px solid var(--danger-line);background:var(--danger-bg);color:var(--danger);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500;white-space:nowrap}.issue-link:hover{background:var(--danger-hover)}.issue-link.closed{border-color:var(--border);background:var(--surface);color:var(--muted)}.issue-link.closed:hover{background:var(--hover);color:var(--text)}.expired-note{display:block;color:var(--warn);font-family:var(--font)}.account-link{display:block;margin-top:3px;padding:0;color:var(--accent);font-size:12px}.account-link:hover{text-decoration:underline;background:transparent}.row-action{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:28px;height:28px;color:var(--muted);font-size:14px}.row-action:hover{background:var(--hover);color:var(--text)}.unassigned{color:var(--warn);font-weight:500}.pager{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);white-space:nowrap}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty>div{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);box-shadow:var(--shadow-card)}.empty b{font-size:13.5px;color:var(--text);font-weight:500}td .empty b,td .empty p{max-width:none;white-space:normal;margin-left:auto;margin-right:auto}.empty p{font-size:13px;line-height:1.6;margin:4px auto 0;max-width:360px}.tasks-panel{padding:18px}.quick-task{display:flex;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border)}.quick-task input{flex:1}.task-list{display:grid}.task{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border)}.check{height:16px;width:16px;border:1.5px solid var(--border-strong);border-radius:50%}.check.priority-urgent,.check.priority-high{border-color:var(--danger);background:var(--danger-bg)}.task>div{flex:1}.task b,.task small{display:block}.task b{font-size:13.5px;color:var(--text);font-weight:500}.task small{font-size:12.5px;color:var(--muted);margin-top:2px}.boot-screen{min-height:100vh;display:grid;place-items:center;background:var(--canvas)}.loading,.error-state{min-height:300px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:13.5px}.loading span{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.error-state b{color:var(--danger)}.error-state p{margin:6px 0 12px}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0) 0 0 / 22px 22px,var(--canvas)}.login-corner{position:absolute;top:16px;right:16px}.login-card{width:min(380px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px 32px 28px;box-shadow:var(--shadow-float)}.login-card .brand{padding:0;margin-bottom:28px}.login-card .eyebrow{display:none}.login-card h1{font-size:18px;margin:0 0 4px}.login-card>p{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 22px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px;color:var(--text-2);font-size:13px;font-weight:500}.login-card input{height:38px;border:1px solid var(--border);border-radius:var(--radius);padding:0 11px;background:var(--surface);outline:none;color:var(--text);font-size:13.5px;box-shadow:var(--shadow-card)}.login-card input::placeholder{color:var(--faint)}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.login-card .primary{margin-top:4px;width:100%;height:38px}.form-error{font-size:13px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:var(--radius);padding:8px 10px}.login-note{display:block;margin-top:18px;text-align:center;font-size:12px;color:var(--faint)}.login-art{display:none}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:600;flex:none}.check-inline{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2);font-weight:500;white-space:nowrap;height:34px}.check-inline input{width:14px;height:14px;accent-color:var(--accent)}.chip{display:inline-flex;align-items:center;border-radius:5px;padding:2px 6px;font-size:11.5px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-family:var(--mono);white-space:nowrap}.chip.danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.chip.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.chip.extra{background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent-line)}.grow{flex:1}.btn-row{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.muted-text{color:var(--muted);font-size:13px;margin:6px 0}.warn-text{color:var(--warn);font-weight:500;font-size:12.5px}.late{color:var(--danger);font-weight:500}.subtle.danger,.text-button.danger{color:var(--danger)}.subtle.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.primary.good{background:var(--good-solid);border-color:var(--good-solid);color:#fff}.primary.good:hover:not(:disabled){background:var(--good-solid);border-color:var(--good-solid);filter:brightness(.92)}td small.plain,small.plain{font-family:var(--font);display:block;color:var(--muted);font-size:12.5px;margin-top:3px;white-space:normal}td .you,.you{font-style:normal;font-size:10.5px;background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 5px;margin-left:6px;font-weight:500}.cap{text-transform:capitalize}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);padding:2px;gap:2px}.segmented button{border:0;background:transparent;padding:0 10px;height:28px;font-size:13px;font-weight:500;color:var(--muted);border-radius:6px}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-card)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;background:var(--primary);color:var(--on-primary);padding:10px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;box-shadow:var(--shadow-float);animation:rise .18s ease}.toast.danger{background:var(--danger-solid);color:#fff}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)}}.sev-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sev{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12.5px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.sev b{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.sev.danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.sev.danger b{color:var(--danger)}.sev.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.sev.warn b{color:var(--warn)}.form-stack{display:grid;gap:14px}.field{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--text-2)}.field small{font-weight:400;color:var(--muted)}.field input,.field textarea,.props input,.task-add input,.note-add textarea,.quick-card input{border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:13px;font-weight:400;color:var(--text);background:var(--surface);outline:none;width:100%;font-family:inherit;box-shadow:var(--shadow-card)}.field textarea,.note-add textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.props input:focus,.task-add input:focus,.note-add textarea:focus,.quick-card input:focus,.title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.title-input{width:100%;border:1px solid transparent;border-radius:var(--radius);padding:6px 8px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text);background:transparent;outline:none}.title-input:hover{border-color:var(--border)}.props{display:grid;gap:2px}.prop{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:3px 0}.prop>span{font-size:12.5px;font-weight:500;color:var(--muted)}.prop em{font-style:normal;font-size:13px;color:var(--text-2)}.prop input{padding:5px 8px}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:var(--backdrop);display:flex;justify-content:flex-end;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.drawer{width:min(560px,100%);background:var(--surface);height:100%;display:flex;flex-direction:column;border-left:1px solid var(--border);box-shadow:var(--shadow-float);animation:slide .18s ease}.drawer.wide{width:min(720px,100%)}@keyframes slide{0%{transform:translate(16px);opacity:0}}.drawer-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px 14px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:2px 0 0;font-size:16px;line-height:1.35}.drawer-head .icon-button{font-size:16px;flex:none;padding:6px}.drawer-body{flex:1;overflow:auto;padding:18px 22px 26px}.drawer-foot{flex:none;display:flex;align-items:center;gap:8px;padding:12px 22px;border-top:1px solid var(--border);background:var(--canvas)}.drawer-foot .foot-note{font-size:12.5px;color:var(--muted);flex:1}.drawer-section{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.drawer-section h3{font-size:13.5px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.drawer-section h3 small{font-weight:400;color:var(--muted);font-size:12.5px}body.drawer-open{overflow:hidden}.incident-list{display:grid;gap:8px}.incident-card{text-align:left;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;transition:border-color .12s,background .12s;font:inherit;color:inherit}.incident-card{box-shadow:var(--shadow-card)}.incident-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.incident-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.incident-key{font-family:var(--mono);font-size:12px;color:var(--muted)}.incident-age{margin-left:auto;font-size:12.5px;color:var(--faint)}.incident-card h3{margin:8px 0 3px;font-size:14px;color:var(--text)}.incident-card p{overflow-wrap:anywhere;margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.incident-card-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:12.5px;color:var(--text-2)}.incident-card-meta i{font-style:normal;color:var(--faint);font-weight:500;margin-right:5px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.incident-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.incident-desc{font-size:13.5px;line-height:1.6;color:var(--text-2);margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0}.detail-grid div{display:grid;gap:2px}.detail-grid .span-2{grid-column:span 2}.detail-grid dt{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail-grid dd{margin:0;font-size:13px;color:var(--text);font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.detail-grid code{font-family:var(--mono);font-size:11.5px;color:var(--text-2);word-break:break-all}.closure-box,.edit-box{border:1px solid var(--warn-line);background:var(--warn-bg);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;display:grid;gap:10px}.edit-box{border-color:var(--accent-line);background:var(--accent-soft)}.closure-box b{font-size:13.5px}.closure-box p{margin:-4px 0 0;font-size:13px;color:var(--warn)}.task-mini-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.task-mini-list li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.task-mini-list li.is-done b{text-decoration:line-through;color:var(--faint)}.task-mini-list input[type=checkbox]{width:15px;height:15px;accent-color:var(--good)}.task-mini-list b{font-size:13px;display:block;font-weight:500}.task-mini-list small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.task-add{display:grid;grid-template-columns:1fr auto auto auto auto;gap:6px;margin-top:10px}.task-add input[type=date]{width:150px}.link-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.link-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius)}.link-list b{font-size:13px;display:block;font-weight:500}.link-list b em{color:var(--muted);font-weight:400}.link-list small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:2px;word-break:break-all}.timeline{list-style:none;margin:0;padding:0 0 0 4px;display:grid;gap:12px;border-left:1px solid var(--border)}.timeline li{display:flex;gap:10px;align-items:flex-start;margin-left:-10px}.timeline i{font-style:normal;width:18px;height:18px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);display:grid;place-items:center;font-size:10px;color:var(--muted);flex:none}.timeline b{font-size:13px;display:block;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.timeline small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.note-add{display:grid;gap:8px;margin-top:12px;justify-items:end}.note-add textarea{width:100%}.board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;align-items:start;overflow-x:auto;padding-bottom:8px}.board-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;min-height:260px;max-height:calc(100vh - 220px);display:flex;flex-direction:column;transition:background .15s,border-color .15s}.board-col.is-over{background:var(--accent-soft);border-color:var(--accent-line)}.board-col header{display:flex;align-items:center;gap:8px;padding:4px 6px 10px}.board-col header b{font-size:13px;font-weight:500}.board-col header small{color:var(--muted);font-weight:500;font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 7px}.board-col header .icon-button{margin-left:auto;font-size:16px;padding:0 4px}.col-icon{font-size:12px}.col-icon.todo{color:var(--faint)}.col-icon.in_progress{color:var(--chart-rendering)}.col-icon.blocked{color:var(--chart-error)}.col-icon.done{color:var(--chart-done)}.board-cards{display:grid;gap:6px;align-content:start;overflow-y:auto;min-height:0;flex:1;padding:2px}.board-tail{text-align:center;color:var(--muted);font-size:12px;font-weight:500;padding:10px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.board-tail:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.board-empty{text-align:center;color:var(--faint);font-size:12.5px;padding:22px 8px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:grab;transition:border-color .12s,box-shadow .12s}.task-card{box-shadow:var(--shadow-card)}.task-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-float)}.task-card.is-dragging{opacity:.4}.task-card.is-overdue{border-left:2px solid var(--chart-error)}.task-card.is-target{box-shadow:0 -2px 0 0 var(--accent)}.task-card-top{display:flex;gap:5px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.task-card b{display:block;font-size:13px;color:var(--text);line-height:1.4;font-weight:500}.task-card p{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--muted)}.task-card-foot .owner{display:inline-flex;align-items:center;gap:6px;font-weight:500}.task-card-foot .due{font-weight:500;color:var(--faint)}.task-card-foot .due.late{color:var(--danger)}.quick-card{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:8px;display:grid;gap:6px;box-shadow:0 0 0 3px var(--accent-ring)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--canvas)}.member{display:flex;align-items:center;gap:10px}.perm-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:360px}.row-actions{white-space:nowrap}.row-actions .subtle{height:28px;padding:0 9px;font-size:12.5px;margin-left:6px}tr.is-revoked td{opacity:.5}.matrix-panel{margin-top:12px}.matrix th{text-align:center}.matrix th:first-child{text-align:left}.matrix td.tick{text-align:center;font-size:14px}.matrix .yes{color:var(--good);font-weight:600}.matrix .no{color:var(--border-strong)}.role-picker{display:grid;gap:6px}.role-picker label{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"r b" "r s";gap:0 10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;cursor:pointer}.role-picker label:hover{border-color:var(--border-strong)}.role-picker label.on{border-color:var(--accent);background:var(--accent-soft)}.role-picker input{grid-area:r;accent-color:var(--accent)}.role-picker b{grid-area:b;font-size:13px;font-weight:500}.role-picker small{grid-area:s;color:var(--muted);font-size:12.5px}.perm-grid{display:grid;gap:6px}.perm{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;cursor:pointer}.perm:hover{border-color:var(--border-strong)}.perm.on{background:var(--accent-soft);border-color:var(--accent-line)}.perm.locked{cursor:default;opacity:.7}.perm input{width:14px;height:14px;accent-color:var(--accent)}.perm b{font-size:13px;display:block;font-weight:500}.perm small{color:var(--muted);font-size:12.5px}.perm em{font-style:normal;font-size:10.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.mobile-bar,.menu-backdrop{display:none}.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.customer-charts{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-charts>.panel:first-child{grid-column:span 2}.customer-charts .panel-heading small.plain{color:var(--faint);font-size:12px;white-space:nowrap}.chart-placeholder{height:220px}.chart.share-donut{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 18px;align-items:center}.share-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px;min-width:0}.share-list li{display:grid;grid-template-columns:8px minmax(0,1fr) auto 34px;gap:8px;align-items:center;padding:3px 6px;border-radius:6px;color:var(--text-2);transition:opacity .12s,background .12s;cursor:default}.share-list li:hover{background:var(--hover)}.share-list li.is-dim{opacity:.4}.share-list i{width:8px;height:8px;border-radius:2px}.share-list .share-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-list .share-label img.flag{margin-right:6px}.share-list b{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.share-list small{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}.chart .bar-label{font-family:var(--font);font-size:12px;fill:var(--text-2)}.chart .bar-value{font-family:var(--font);font-size:12px;font-weight:600;fill:var(--text);font-variant-numeric:tabular-nums}@media(min-width:1001px){.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.chart-grid{grid-template-columns:1fr}.customer-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.board{grid-template-columns:repeat(4,270px)}}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.mobile-bar{display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);color:var(--text);position:sticky;top:0;z-index:40}.mobile-bar .brand{flex:1}.mobile-bar .icon-button{color:var(--text);font-size:18px;padding:4px 6px}.mobile-bar .avatar{width:28px;height:28px;font-size:12px}.sidebar{position:fixed;top:52px;left:0;bottom:0;width:260px;height:auto;z-index:45;transform:translate(-100%);transition:transform .18s ease;min-height:0;overflow:auto;background:var(--surface)}.menu-open .sidebar{transform:none;box-shadow:var(--shadow-float)}.menu-open .menu-backdrop{display:block;position:fixed;inset:52px 0 0;background:var(--backdrop);z-index:44}.sidebar .brand{display:none}.workspace{margin-top:4px}.main>header{display:none}.content,.main>header{padding-left:16px;padding-right:16px}.content{padding-top:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.feedback-layout{grid-template-columns:1fr}.drawer,.drawer.wide{width:100%}.task-add{grid-template-columns:1fr 1fr}.task-add input:first-child,.task-add .primary{grid-column:span 2}}@media(max-width:640px){:root{font-size:13.5px}.content{padding:16px 14px 56px}.page-title{align-items:flex-start;flex-direction:column;margin-bottom:16px;gap:10px}.page-title h1{font-size:18px}.page-title>.primary,.page-title>.subtle,.page-title .btn-row{width:100%;justify-content:stretch}.page-title>.primary{text-align:center}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px 14px}.metric strong{font-size:20px}.toolbar>*{width:100%!important;flex-basis:100%!important;min-width:0!important}.toolbar{gap:6px}.login-card{padding:24px 20px}.provider{grid-template-columns:1.4fr 1fr 1fr}.provider>div:nth-last-child(-n+2){display:none}.panel-heading{flex-direction:column;gap:8px}.pager{width:100%;justify-content:space-between}.chart{padding:4px 8px 12px}.customer-charts{grid-template-columns:1fr}.customer-charts>.panel:first-child{grid-column:auto}.chart.share-donut{grid-template-columns:1fr;justify-items:center}.share-list,.page-actions{width:100%}.page-actions>button{flex:1}.board{grid-template-columns:repeat(4,82vw);scroll-snap-type:x mandatory}.board-col{scroll-snap-align:start}.field-row,.detail-grid{grid-template-columns:1fr}.detail-grid .span-2{grid-column:auto}.prop{grid-template-columns:1fr;gap:4px}.drawer-head,.drawer-body,.drawer-foot{padding-left:14px;padding-right:14px}.drawer-foot{flex-wrap:wrap}.drawer-foot .primary,.drawer-foot .subtle{flex:1;text-align:center}.task-mini-list li{grid-template-columns:auto 1fr}.task-mini-list li .badge,.task-mini-list li .select-trigger{grid-column:2;justify-self:start}.incident-card-meta{gap:6px 14px}.incident-age{margin-left:0;width:100%}.sev-strip{gap:6px}.sev{padding:3px 8px;font-size:12px}.perm-chips{max-width:none}.row-actions .subtle{display:flex;margin:0 0 6px;width:100%}.segmented{width:100%}.segmented button{flex:1}table{min-width:720px}}@media(min-width:641px)and (max-width:1100px){table{min-width:880px}}.flag{font-size:15px;margin-right:2px}img.flag{width:18px;height:13.5px;border-radius:2px;box-shadow:0 0 0 1px var(--border);vertical-align:-2px;object-fit:cover}.country-chips{display:inline-flex;flex-wrap:wrap;gap:4px 10px}.country-chips>span{display:inline-flex;align-items:center;gap:4px}td small.country-line{margin-top:3px;display:flex;align-items:center;gap:5px}td small.country-line .unassigned{font-weight:500;font-size:12px}.stars{color:#f59e0b;letter-spacing:1px;font-size:12px}.stars i{font-style:normal;color:var(--border-strong)}.feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.feedback-table .comment-cell{min-width:220px;max-width:360px}.feedback-table .comment-cell .unassigned{color:var(--faint);font-weight:400}.feedback-table td:nth-child(4){min-width:170px}.feedback-table td:nth-child(5){white-space:nowrap}.feedback-table .comment-cell p{margin:0;white-space:normal;line-height:1.5;color:var(--text-2)}.feedback-table td .video-link{padding:0;font-weight:500;color:var(--text);text-align:left;white-space:normal}.feedback-table td .video-link:hover{background:transparent;color:var(--accent)}.rating-bars{list-style:none;margin:0;padding:4px 10px 12px;display:grid;gap:2px}.rating-bars .text-button{display:grid;grid-template-columns:78px 1fr 56px;align-items:center;gap:10px;width:100%;padding:6px 8px}.rating-bars li.is-on .text-button{background:var(--accent-soft)}.rating-track{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.rating-track i{display:block;height:100%;border-radius:3px;background:var(--faint)}.rating-track i.good{background:var(--chart-done)}.rating-track i.warn{background:var(--chart-rendering)}.rating-track i.danger{background:var(--chart-error)}.rating-count{text-align:right;font-variant-numeric:tabular-nums}.rating-count b{display:block;font-size:13px}.rating-count small{color:var(--faint);font-size:11px}.feedback-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.feedback-list li{border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;background:var(--surface);display:grid;gap:3px}.feedback-list .feedback-top{display:flex;justify-content:space-between;align-items:center}.feedback-list p{margin:0;font-size:13px;color:var(--text-2)}.feedback-list small{color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);display:grid;place-items:center;z-index:50;padding:16px;animation:fade .15s ease}.modal{width:min(560px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-float);display:grid}.modal>.panel-heading{padding:18px 22px 6px}.modal>.form-stack{padding:8px 22px 18px}.modal .drawer-foot{border-radius:0 0 12px 12px;justify-content:flex-end}.voice-users td .video-link,.payment-users td .video-link{padding:0;font-weight:500;color:var(--text);text-align:left;white-space:normal}.voice-users td .video-link:hover,.payment-users td .video-link:hover{background:transparent;color:var(--accent)}.voice-users tr.is-selected td{background:var(--accent-soft)}td .voice-line{display:block;margin-top:3px}
