:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#17201d;background:#f5f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17201d;--muted: #69736f;--line: #dfe4df;--surface: #ffffff;--canvas: #f5f6f3;--green: #1f6c50;--green-soft: #e7f1ec;--coral: #d45a3d;--yellow: #c78b19;--blue: #39718f;--danger: #b9433a;--radius: 7px;letter-spacing:0}html[data-theme=dark]{color-scheme:dark;--ink: #eef3f0;--muted: #9aa7a0;--line: #34433c;--surface: #1d2924;--canvas: #131b18;--green: #63b68f;--green-soft: #243c32}html[data-theme=dark][data-appearance=forest-night]{--ink: #e8f5eb;--muted: #9fb7a5;--line: #244733;--surface: #10271a;--green-soft: #173d27;--blue: #6ec9ff;--danger: #f07c73}html[data-theme=dark][data-appearance=graphite-night]{--ink: #edf3f0;--muted: #a5b1aa;--line: #2b3833;--surface: #151d19;--green-soft: #20342a;--blue: #79c0e8;--danger: #ee8278}html[data-theme=dark][data-appearance=ocean-night]{--ink: #e8f3ff;--muted: #a2b7ca;--line: #27425b;--surface: #10243a;--green-soft: #173a59;--blue: #79c7ff;--danger: #f28a85}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}h1,h2,h3,p{margin:0}a{color:inherit}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted);font-size:14px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px 16px;color:#eaf0ec;background:#18231f;border-right:1px solid #26352f}html[data-appearance=forest-night] .sidebar{background:#06150d;border-color:#1d4a30}html[data-appearance=graphite-night] .sidebar{background:#090d0b;border-color:#27332d}html[data-appearance=ocean-night] .sidebar{background:#07111d;border-color:#1c405e}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 24px;font-size:18px;font-weight:700}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:#18231f;background:#d8e99c;border-radius:6px}.primary-nav{display:grid;gap:4px}.nav-item{width:100%;height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;color:#aebbb5;background:transparent;border:0;border-radius:6px;font-size:14px;font-weight:600;text-align:left}.nav-item:hover{color:#fff;background:#22312b}.nav-item.active{color:#fff;background:#2a3d35;box-shadow:inset 3px 0 #d8e99c}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:14px 8px 0;border-top:1px solid #304139}.sidebar-actions{display:flex;align-items:center;gap:2px}.mobile-theme-button{display:none}.user-summary{min-width:0;display:flex;align-items:center;gap:9px}.user-summary>div:last-child{min-width:0;display:grid;gap:2px}.user-summary strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-summary span{color:#91a099;font-size:11px}.avatar{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;color:#13201b;background:#d8e99c;border-radius:50%;font-size:13px;font-weight:800}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;color:inherit;background:transparent;border:1px solid transparent;border-radius:6px}.icon-button:hover{background:#ffffff14;border-color:#ffffff1a}.main-content{min-width:0}.page{width:min(1280px,100%);margin:0 auto;padding:34px 38px 56px}.narrow-page{width:min(900px,100%);margin-left:0}.page-header{min-height:62px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-header h1{font-size:27px;line-height:1.2;font-weight:760}.page-header p{margin-top:7px;color:var(--muted);font-size:13px}.header-actions{display:flex;gap:8px}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.6}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.primary:hover{background:#195b43}.button.secondary{color:#36423d;background:#fff;border-color:#d9dfda}.button.secondary:hover{background:#f4f7f5}.button.wide{width:100%}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-button{min-width:0;min-height:62px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:19px 20px;color:inherit;background:transparent;border:0;border-right:1px solid var(--line);text-align:left}.metric-button:last-child{border-right:0}.metric-button:hover{background:#f8faf8}.metric-button:disabled{cursor:default}.metric-button:disabled:hover{background:transparent}.metric-button>span:nth-child(2){color:var(--muted);font-size:12px}.metric-button strong{color:var(--ink);font-size:24px;line-height:1}.metric-icon{display:grid;place-items:center;color:#64716b}.metric-strip>div{min-width:0;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:19px 20px;border-right:1px solid var(--line)}.metric-strip>div:last-child{border-right:0}.metric-strip svg{color:#64716b}.metric-strip span{color:var(--muted);font-size:12px}.metric-strip strong{color:var(--ink);font-size:24px;line-height:1}.live-dot{width:8px;height:8px;margin-left:4px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 4px #f8e7e2}.section-block{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.section-heading{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.section-heading h2,.device-panel h2,.settings-section h2{font-size:15px;line-height:1.4}.section-heading p,.settings-section p{margin-top:4px;color:var(--muted);font-size:12px}.section-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.section-status span{width:7px;height:7px;background:#3b9b70;border-radius:50%}.pipeline{display:grid;grid-template-columns:repeat(6,1fr);padding:24px 20px 26px}.pipeline-step{position:relative;display:flex;align-items:center;gap:10px}.pipeline-step:not(:last-child):after{content:"";position:absolute;left:39px;right:6px;top:16px;height:1px;background:#d8ded9}.step-number{position:relative;z-index:1;flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border:1px solid #cce1d5;border-radius:50%;font-size:10px;font-weight:800}.pipeline-step>div{z-index:1;min-width:0;display:grid;gap:2px;background:#fff;padding-right:8px}.pipeline-step strong{font-size:12px}.pipeline-step div span{color:var(--muted);font-size:10px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr)}.performance-item{display:grid;gap:10px;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.performance-item:nth-child(3n){border-right:0}.performance-item:nth-last-child(-n+3){border-bottom:0}.performance-item>div:first-child{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px}.performance-item svg{color:var(--muted)}.performance-item span{color:var(--muted);font-size:11px}.performance-item strong{font-size:13px}.progress-track,.mini-progress{height:4px;overflow:hidden;background:#e4e9e5;border-radius:999px}.progress-track span,.mini-progress span{display:block;height:100%;background:var(--green);border-radius:999px}.insight-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.insight-strip>div{min-width:0;display:grid;grid-template-columns:22px 1fr;gap:5px 7px;padding:16px 18px;border-right:1px solid var(--line)}.insight-strip>div:last-child{border-right:0}.insight-strip svg{grid-row:1 / span 3;color:var(--muted)}.insight-strip span,.insight-strip small{color:var(--muted);font-size:10px}.insight-strip strong{font-size:13px}.insight-strip .mini-progress{grid-column:2;margin-top:3px}.compact-list{display:grid}.compact-row{min-height:62px;display:flex;align-items:center;gap:11px;padding:11px 18px;border-bottom:1px solid #edf0ed}.compact-row:last-child{border-bottom:0}.compact-row-button{width:100%;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.compact-row-button:hover,.compact-row-button:focus-visible{background:#f7faf7;outline:0}.row-icon{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;color:#54615b;background:#edf1ee;border-radius:6px}.row-main{min-width:0;display:grid;flex:1;gap:3px}.row-main strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.row-main span{color:var(--muted);font-size:11px}.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;color:#59645f;background:#eef1ef;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.status-badge>span{width:6px;height:6px;background:currentColor;border-radius:50%}.status-badge.success{color:#1d6b4c;background:#e7f3ec}.status-badge.danger{color:#a93a32;background:#f8e7e4}.status-badge.live{color:#177248;background:#e3f4e9}.status-badge.warning{color:#96670d;background:#f8efd9}.status-badge.info{color:#376f8d;background:#e5f0f5}.table-section{min-height:260px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{height:42px;padding:0 18px;color:#748078;background:#f8f9f7;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;text-align:left;white-space:nowrap}td{height:62px;padding:9px 18px;border-bottom:1px solid #edf0ed;color:#46504b}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfa}.clickable-row{cursor:pointer}td strong{display:block;color:var(--ink);font-size:13px}.cell-subtext{display:block;max-width:300px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cell-link{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--green);font-size:10px;text-decoration:none}.switch{width:36px;height:20px;padding:2px;background:#ced4d0;border:0;border-radius:999px}.switch span{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .18s ease}.switch.on{background:var(--green)}.switch.on span{transform:translate(16px)}.empty-state{min-height:250px;display:grid;place-content:center;justify-items:center;gap:8px;padding:30px;color:#87918b;text-align:center}.empty-state strong{color:#3c4742;font-size:14px}.empty-state span{max-width:380px;font-size:12px;line-height:1.6}.notice{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:6px;font-size:12px}.notice.error{color:#9f3831;background:#f9e9e6;border:1px solid #efd0ca}.notice.success{color:#1d6b4c;background:#e7f3ec;border:1px solid #c9e4d4}.notice.warning{color:#805e1a;background:#faf3df;border:1px solid #ead7a3}.sync-notice span{display:flex;flex-wrap:wrap;gap:4px 8px}.toast{position:fixed;z-index:20;top:24px;right:24px;padding:10px 14px;color:#fff;background:#20312a;border-radius:6px;box-shadow:0 10px 28px #141e1a2e;font-size:12px}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#10181570}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 24px 80px #0a140f3d}.modal.wide{width:min(940px,100%)}.modal>header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.modal h2{font-size:16px}.modal .icon-button{font-size:24px;color:var(--muted)}.modal .icon-button:hover{background:#f2f4f2}.form-stack{display:grid;gap:17px;padding:20px}label{display:grid;gap:7px;color:#4d5852;font-size:12px;font-weight:700}input,select{width:100%;height:40px;padding:0 11px;color:var(--ink);background:#fff;border:1px solid #d7ded9;border-radius:6px;outline:0;font-size:13px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f6c501a}.form-grid{display:grid;grid-template-columns:1fr 120px;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}.invite-result{display:grid;gap:16px;padding:20px}.invite-result p{color:var(--muted);font-size:12px;line-height:1.7}.credential-line{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 12px;background:#f3f5f3;border:1px solid var(--line);border-radius:6px;font-family:Consolas,monospace;font-size:14px}.credential-line .icon-button{color:var(--ink)}.form-hint{color:var(--muted);font-size:10px;line-height:1.6}.member-actions{display:flex;align-items:center;gap:5px}.table-icon{width:28px;height:28px;color:#55615b;border-color:#dfe4df}.table-icon:hover{background:#edf1ee}.content-detail{display:grid;gap:20px;padding:20px}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:11px}.content-detail section{display:grid;gap:9px}.content-detail h3{font-size:13px}.summary-text{color:#34413b;white-space:pre-wrap;font-size:13px;line-height:1.8}.content-detail pre{max-height:310px;margin:0;overflow:auto;padding:14px;color:#44504a;background:#f5f7f5;border:1px solid #e4e8e4;border-radius:6px;font:12px/1.8 Microsoft YaHei,sans-serif;white-space:pre-wrap}.private-paths{padding-top:14px;border-top:1px solid var(--line)}.private-paths span{color:var(--muted);font-family:Consolas,monospace;font-size:10px;word-break:break-all}.analytics-list{display:grid}.analytics-list article{display:grid;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.analytics-list article:last-child{border-bottom:0}.analytics-list article>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.analytics-list header>div{display:grid;gap:3px}.analytics-list header strong{font-size:14px}.analytics-list header span,.analytics-list p{color:var(--muted);font-size:11px}.analytics-list p{line-height:1.65}.analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.analytics-metrics>span{display:grid;gap:3px;padding:9px 10px;background:#f5f7f5;border-radius:6px}.analytics-metrics span{color:var(--muted);font-size:10px}.analytics-metrics strong{color:var(--ink);font-size:12px}.modal-table{max-height:560px}.notification-list{display:grid;max-height:660px;overflow-y:auto}.notification-item{display:grid;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.notification-item>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-item header>div{display:grid;gap:4px}.notification-item header strong{font-size:13px}.notification-item header span,.notification-item p{color:var(--muted);font-size:11px}.notification-item p{line-height:1.65;white-space:pre-wrap}.notification-controls{display:flex;align-items:end;justify-content:space-between;gap:12px}.notification-controls label{width:220px}.device-list{display:grid;gap:14px}.member-row{cursor:pointer}.member-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.member-detail{display:grid;gap:16px}.member-detail>p{color:var(--muted);font-size:12px;line-height:1.6}.member-detail-summary{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 14px;color:var(--muted);font-size:12px;background:#f7f9f7;border:1px solid var(--line)}.device-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.device-panel>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.device-title{display:flex;align-items:center;gap:11px}.device-title>div:last-child{display:grid;gap:3px}.device-title span{color:var(--muted);font-size:11px}.device-metrics{display:grid;grid-template-columns:repeat(4,1fr)}.device-metrics>div{display:grid;gap:5px;padding:18px;border-right:1px solid #edf0ed}.device-metrics>div:last-child{border-right:0}.device-metrics span{color:var(--muted);font-size:11px}.device-metrics strong{font-size:17px}.device-metrics.rich{grid-template-columns:repeat(4,1fr)}.device-metrics.rich>div{grid-template-columns:20px 1fr;align-items:center}.device-metrics.rich svg{grid-row:1 / span 2;color:var(--muted)}.device-metrics.rich strong{font-size:13px}.history-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}.history-strip>span,.history-strip small{color:var(--muted);font-size:10px}.history-strip>div{height:28px;display:flex;align-items:end;gap:2px}.history-strip i{min-width:3px;flex:1;max-height:100%;background:var(--green);opacity:.72;border-radius:2px 2px 0 0}.report-actions{display:flex;align-items:center;gap:10px}.performance-report{border-top:1px solid var(--line)}.report-heading,.daily-report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px}.report-heading h3,.daily-report-heading h4{font-size:14px}.report-heading p,.daily-report-heading p,.report-heading>span,.daily-report-heading>span{margin-top:4px;color:var(--muted);font-size:11px}.report-heading>span,.daily-report-heading>span{white-space:nowrap}.report-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.report-metric{display:grid;gap:9px;min-height:142px;padding:14px 16px;text-align:left;color:inherit;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.report-metric:nth-child(4n){border-right:0}.report-metric:nth-last-child(-n+4){border-bottom:0}.report-metric.selected{background:#f1f7f2;box-shadow:inset 0 2px 0 var(--green)}.report-metric>div:first-child{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px}.report-metric svg{color:var(--muted)}.report-metric span,.report-metric small{color:var(--muted);font-size:10px}.report-metric strong{font-size:12px;white-space:nowrap}.metric-chart{height:42px;display:flex;align-items:end;gap:1px;overflow:hidden}.metric-chart i{display:block;min-width:2px;flex:1;max-height:100%;background:var(--green);border-radius:1px 1px 0 0}.report-empty{min-height:42px;display:grid;place-items:center;color:var(--muted);font-size:11px;background:#f7f9f7}.daily-report-heading{padding-bottom:12px}.daily-report-table{overflow-x:auto;border-top:1px solid var(--line)}.daily-report-table table{min-width:520px}.report-retention{margin:14px 2px 0;color:var(--muted);font-size:11px;line-height:1.7}.service-line{display:flex;gap:22px;padding:12px 18px;background:#f9faf8;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.service-line div{display:flex;align-items:center;gap:6px;color:var(--muted);font-family:Consolas,monospace;font-size:11px}.service-dot{width:6px;height:6px;background:#aeb6b1;border-radius:50%}.service-dot.on{background:#329369}.device-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px}.settings-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.settings-section{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:22px;border-bottom:1px solid var(--line)}.setting-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:6px}.setting-content{display:grid;gap:14px}.setting-content>p{margin-top:-10px}.segmented-control{width:fit-content;display:flex;padding:3px;background:#edf0ed;border-radius:6px}.segmented-control button{height:30px;padding:0 12px;color:#69736e;background:transparent;border:0;border-radius:4px;font-size:12px;font-weight:700}.segmented-control button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 4px #141e191a}.inline-field{width:180px}.time-range{display:grid;grid-template-columns:150px auto 150px;align-items:end;gap:12px}.time-range>span{padding-bottom:12px;color:var(--muted);font-size:11px}.check-row{display:flex;align-items:center;gap:10px;padding:12px;background:#f8faf8;border:1px solid #e5e9e5;border-radius:6px;cursor:pointer}.check-row input{width:17px;height:17px;accent-color:var(--green)}.check-row>span{display:grid;gap:2px}.check-row strong{color:var(--ink);font-size:12px}.check-row small{color:var(--muted);font-size:10px;font-weight:400}.check-row.disabled{cursor:not-allowed;opacity:.55}.subscription-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settings-actions{display:flex;justify-content:flex-end;padding:16px 22px}.password-form{margin-top:16px}.password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.success-message{color:var(--green);font-size:12px;font-weight:700}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);background:#f7f8f5}.login-intro{display:flex;flex-direction:column;padding:38px 52px;color:#fff;background:#19251f}.login-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:750}.intro-copy{margin:auto 0}.intro-copy h1{max-width:550px;font-size:clamp(40px,5vw,70px);line-height:1.08;font-weight:720}.intro-copy p{max-width:430px;margin-top:24px;color:#b7c4bd;font-size:15px;line-height:1.75}.system-line{display:flex;align-items:center;gap:8px;color:#9bab9f;font-size:11px}.system-line span{width:7px;height:7px;background:#d8e99c;border-radius:50%}.login-panel{display:grid;place-items:center;padding:32px}.login-form{width:min(390px,100%);display:grid;gap:20px}.login-form h2{font-size:24px}.login-form>div:first-child p{margin-top:6px;color:var(--muted);font-size:13px}.login-form small{color:#89928d;font-size:10px;text-align:center}@media(max-width:980px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand>span,.nav-item span,.user-summary>div:last-child{display:none}.primary-nav{justify-items:center}.nav-item{width:44px;justify-content:center;padding:0}.sidebar-footer{justify-content:center;padding-inline:0}.sidebar-footer .icon-button{display:none}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-button:nth-child(2){border-right:0}.metric-button:nth-child(-n+2){border-bottom:1px solid var(--line)}.insight-strip{grid-template-columns:repeat(2,1fr)}.insight-strip>div:nth-child(2){border-right:0}.insight-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.pipeline{grid-template-columns:repeat(3,1fr);row-gap:20px}.dashboard-grid{grid-template-columns:1fr}.device-metrics{grid-template-columns:repeat(2,1fr)}.device-metrics>div:nth-child(2){border-right:0}.device-metrics>div:nth-child(-n+2){border-bottom:1px solid #edf0ed}.report-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metric:nth-child(4n){border-right:1px solid var(--line)}.report-metric:nth-child(2n){border-right:0}.report-metric:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.report-metric:nth-last-child(-n+2){border-bottom:0}}@media(max-width:700px){.app-shell{display:block;padding-bottom:66px}.sidebar{z-index:10;position:fixed;inset:auto 0 0;width:100%;height:64px;display:block;padding:8px 10px;border-top:1px solid #34443c}.brand,.sidebar-footer{display:none}.mobile-theme-button{z-index:11;position:fixed;right:14px;bottom:74px;width:36px;height:36px;display:grid;place-items:center;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:0 5px 18px #0a140f26}.primary-nav{display:flex;justify-content:space-around}.nav-item{width:44px;height:46px}.nav-item.active{box-shadow:inset 0 -3px #d8e99c}.page{padding:24px 16px 38px}.page-header{min-height:0;margin-bottom:20px}.page-header h1{font-size:23px}.page-header p{max-width:230px;line-height:1.5}.header-actions .button{width:36px;padding:0;font-size:0}.metric-strip>div{padding:16px 14px}.metric-button{min-height:58px;padding:15px 13px}.metric-strip strong{font-size:21px}.performance-grid{grid-template-columns:repeat(2,1fr)}.performance-item:nth-child(3n){border-right:1px solid var(--line)}.performance-item:nth-child(2n){border-right:0}.performance-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.performance-item:nth-last-child(-n+2){border-bottom:0}.performance-item>div:first-child{grid-template-columns:20px 1fr}.performance-item>div:first-child>span{white-space:nowrap}.performance-item>div:first-child>strong{grid-column:1 / -1;padding-left:27px;white-space:nowrap}.insight-strip{grid-template-columns:1fr}.insight-strip>div{border-right:0;border-bottom:1px solid var(--line)}.insight-strip>div:last-child{border-bottom:0}.pipeline{grid-template-columns:repeat(2,1fr);padding-inline:16px}.pipeline-step:nth-child(2n):after{display:none}.section-heading{padding-inline:16px}.device-panel>header{align-items:flex-start;gap:10px}.device-metrics{grid-template-columns:1fr 1fr}.device-metrics.rich{grid-template-columns:repeat(2,1fr)}.member-detail-summary{display:grid;gap:6px}.report-actions{width:100%;justify-content:space-between}.report-heading,.daily-report-heading{padding-inline:16px}.report-metric{padding:13px 12px;min-height:132px}.report-metric>div:first-child{grid-template-columns:18px 1fr}.report-metric strong{grid-column:1 / -1;padding-left:24px}.service-line{flex-wrap:wrap;gap:10px 18px}.device-actions .button{flex:1 1 130px}.settings-section{grid-template-columns:1fr;padding:18px}.time-range{grid-template-columns:1fr auto 1fr}.password-grid,.subscription-list{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(2,1fr)}.notification-controls{align-items:stretch;flex-direction:column}.notification-controls label{width:100%}.login-layout{grid-template-columns:1fr}.login-intro{min-height:230px;padding:28px 26px}.intro-copy h1{font-size:37px}.intro-copy p,.system-line{display:none}.login-panel{align-items:start;padding:34px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}html[data-theme=dark] body{background:var(--canvas)}html[data-theme=dark] .main-content{color:var(--ink)}html[data-theme=dark] .metric-button:hover,html[data-theme=dark] tbody tr:hover{background:#23312b}html[data-theme=dark] .report-metric.selected{background:#20352a}html[data-theme=dark] .report-empty,html[data-theme=dark] .member-detail-summary{background:#18231f}html[data-theme=dark] .pipeline-step>div,html[data-theme=dark] .modal,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] .segmented-control button.selected{color:var(--ink);background:var(--surface)}html[data-theme=dark] .table-section,html[data-theme=dark] .device-panel,html[data-theme=dark] .settings-form,html[data-theme=dark] .login-panel{background:var(--surface)}html[data-theme=dark] th,html[data-theme=dark] .service-line,html[data-theme=dark] .check-row,html[data-theme=dark] .content-detail pre,html[data-theme=dark] .analytics-metrics>span{background:#18231f}html[data-theme=dark] td,html[data-theme=dark] .summary-text,html[data-theme=dark] label,html[data-theme=dark] .device-metrics strong{color:#d7dfda}html[data-theme=dark] .row-icon{color:#b7c2bc;background:#2a3932}html[data-theme=dark] .compact-row-button:hover,html[data-theme=dark] .compact-row-button:focus-visible{background:#23312b}html[data-theme=dark] .progress-track,html[data-theme=dark] .mini-progress{background:#34443d}html[data-theme=dark] .credential-line{background:#18231f}html[data-theme=dark] .toast{background:#335946}html[data-theme=dark] .button.secondary{color:#dfe7e2;background:#26342e;border-color:#405149}html[data-theme=dark] .button.secondary:hover{background:#30423a}html[data-theme=dark] .segmented-control{background:#26342e}html[data-theme=dark] .status-badge.neutral{color:#b9c3bd;background:#2a3731}.summary-article{display:grid;gap:14px}.summary-hero{display:grid;gap:7px;padding:20px;color:#203b2e;background:#ecf5ee;border-left:3px solid var(--green)}.summary-hero>span{color:#668071;font-size:10px;font-weight:700}.summary-hero h3{font-size:19px}.summary-hero p{max-width:760px;color:#3a5144;font-size:14px;line-height:1.75}.summary-section{padding:15px 17px;border:1px solid var(--line);border-left:3px solid #a9c8b4}.summary-section h3{margin-bottom:9px}.summary-section ul{display:grid;gap:8px;padding-left:18px;color:#3d4942;font-size:13px;line-height:1.75}.summary-section.quotes{border-left-color:#ca8a63}.summary-section.actions{border-left-color:#497fa1}.summary-section.uncertainties{border-left-color:#a98435}.visibility-control{display:grid!important;gap:13px!important;padding-top:16px;border-top:1px solid var(--line)}.visibility-control p{margin-top:4px;color:var(--muted);font-size:11px}.visibility-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line)}.visibility-list .check-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.visibility-list .check-row:nth-child(2n){border-right:0}.visibility-list .check-row:nth-last-child(-n+2){border-bottom:0}.task-board{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.task-board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.task-board-heading h2{font-size:15px}.task-board-heading p{margin-top:4px;color:var(--muted);font-size:12px}.task-board-heading>strong{color:var(--green);font-size:18px}.pipeline-blockers{display:grid;gap:5px;padding:13px 20px;color:#925c0b;background:#fbf3df;border-bottom:1px solid #eadbb8;font-size:12px}.pipeline-blockers span:before{content:"- "}.unmatched-files{display:grid;gap:5px;padding:13px 20px;color:#8b3030;background:#fbeaea;border-bottom:1px solid #edcaca;font-size:12px}.unmatched-files span:before{content:"- "}.task-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.task-stage{display:grid;gap:4px;padding:14px;color:inherit;text-align:left;background:transparent;border:0;border-right:1px solid var(--line);cursor:pointer}.task-stage:last-child{border-right:0}.task-stage span{color:var(--muted);font-size:10px}.task-stage strong{font-size:18px}.task-stage.active{background:#edf6ef;box-shadow:inset 0 2px 0 var(--green)}.task-progress{display:grid;grid-template-columns:1fr;gap:10px;padding:16px 20px;border-top:1px solid var(--line)}.task-progress>span{height:5px;overflow:hidden;background:#e4e9e5;border-radius:99px}.task-progress>span i{display:block;height:100%;background:var(--green)}.task-progress>div{display:grid;gap:3px}.task-progress strong{font-size:12px}.task-progress small,.task-progress em{color:var(--muted);font-size:11px;font-style:normal}.queue-task-list{border-top:1px solid var(--line)}.queue-task-list>header{display:flex;justify-content:space-between;padding:12px 20px;color:var(--muted);font-size:11px}.queue-task-list>header strong{color:var(--ink);font-size:12px}.queue-task-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:18px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}.queue-task-row>div:first-child{display:grid;gap:4px;min-width:0}.queue-task-row strong{font-size:12px}.queue-task-row>div:first-child span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.summary-live-panel{overflow:hidden;margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.summary-live-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.summary-live-panel>header>div{display:flex;min-width:0;align-items:center;gap:10px}.summary-live-panel h2{font-size:15px}.summary-live-panel header strong{display:block;max-width:min(58vw,620px);margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.summary-live-icon{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;color:#2b7a56;background:#e8f4ec;border:1px solid #c7e2d1;border-radius:5px}.summary-live-stage{flex:0 0 auto;padding:4px 8px;border-radius:4px;color:#526259;background:#eef1ef;font-size:11px;font-weight:700}.summary-live-stage.generating{color:#1d6b4c;background:#e7f3ec}.summary-live-stage.loading,.summary-live-stage.queued{color:#376f8d;background:#e5f0f5}.summary-live-stage.error{color:#a93a32;background:#f8e7e4}.summary-live-stage.completed{color:#526259;background:#eef1ef}.summary-live-panel dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;border-bottom:1px solid var(--line)}.summary-live-panel dl div{min-width:0;padding:13px 14px;border-right:1px solid var(--line)}.summary-live-panel dl div:last-child{border-right:0}.summary-live-panel dt{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.summary-live-panel dd{min-width:0;margin:5px 0 0;overflow-wrap:anywhere;font-size:12px;font-weight:700}.summary-live-preview{min-height:112px;max-height:184px;margin:0;padding:14px 20px;overflow:auto;color:var(--ink);background:color-mix(in srgb,var(--surface) 82%,#edf4ef);border:0;font:12px/1.65 Consolas,Microsoft YaHei,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.summary-live-preview.empty,.summary-live-empty{display:grid;min-height:90px;place-items:center;padding:14px 20px;color:var(--muted);font-size:12px;text-align:center}.summary-live-retry{padding:10px 20px;color:#96670d;background:#fbf3df;border-top:1px solid #eadbb8;font-size:11px}.task-real-progress{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center}.task-real-progress>div{height:5px;overflow:hidden;background:#e3e9e5;border-radius:999px}.task-real-progress>div i{display:block;height:100%;background:var(--green)}.task-real-progress strong{font-size:11px}.task-real-progress span{grid-column:1 / -1;color:var(--muted);font-size:10px}.queue-empty{display:block;padding:22px 20px;color:var(--muted);font-size:12px}html[data-theme=dark] .summary-hero{color:#d6eadb;background:#1d3527}html[data-theme=dark] .summary-hero>span,html[data-theme=dark] .summary-hero p,html[data-theme=dark] .summary-section ul{color:#b9c9be}html[data-theme=dark] .task-stage.active{background:#20352a}html[data-theme=dark] .pipeline-blockers{color:#f0d38e;background:#3b3019;border-color:#5a4825}html[data-theme=dark] .unmatched-files{color:#f1b8b8;background:#3d2525;border-color:#674040}@media(max-width:720px){.visibility-list{grid-template-columns:1fr}.visibility-list .check-row{border-right:0;border-bottom:1px solid var(--line)}.visibility-list .check-row:last-child{border-bottom:0}.task-board-heading{padding-inline:16px}.summary-live-panel>header{align-items:flex-start;padding-inline:16px}.summary-live-panel header strong{max-width:44vw}.summary-live-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-live-panel dl div{border-bottom:1px solid var(--line)}.summary-live-panel dl div:nth-child(2n){border-right:0}.summary-live-panel dl div:nth-last-child(-n+2){border-bottom:0}.summary-live-preview{padding-inline:16px}.task-stage-grid{grid-template-columns:repeat(2,1fr)}.task-stage{border-bottom:1px solid var(--line)}.task-stage:nth-child(2n){border-right:0}.task-stage:last-child{border-bottom:0}.task-progress{padding-inline:16px}}.readiness-panel{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.readiness-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.readiness-heading h2{font-size:15px}.readiness-heading p{margin-top:4px;color:var(--muted);font-size:12px}.readiness-message{padding:10px 20px;color:#315a43;background:#edf6ef;border-bottom:1px solid var(--line);font-size:12px}.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr)}.readiness-check{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:54px;padding:12px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.readiness-check:nth-child(3n){border-right:0}.readiness-check:nth-last-child(-n+3){border-bottom:0}.readiness-check span{width:fit-content;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:700}.readiness-check strong{font-size:12px}.readiness-check.ok span{color:#1d6b4c;background:#e7f3ec}.readiness-check.fail span{color:#a93a32;background:#f8e7e4}.readiness-recipient{display:block;padding:11px 16px;color:var(--muted);border-top:1px solid var(--line);font-size:11px}html[data-theme=dark] .readiness-message{color:#c4dfcc;background:#20352a}@media(max-width:720px){.readiness-heading{align-items:flex-start;padding-inline:16px}.readiness-grid{grid-template-columns:repeat(2,1fr)}.readiness-check:nth-child(3n){border-right:1px solid var(--line)}.readiness-check:nth-child(2n){border-right:0}.readiness-check:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.readiness-check:nth-last-child(-n+2){border-bottom:0}}.sort-select{width:132px;height:36px;padding:0 30px 0 10px}.compact-select{width:118px;height:34px}.functional-logo{position:relative;overflow:visible}.functional-logo svg:last-child{position:absolute;right:-4px;bottom:-3px;padding:2px;color:#172820;background:#d8e99c;border-radius:3px}.streamer-stripe{background:color-mix(in srgb,var(--green-soft) 35%,transparent)}.number-column{width:82px}tbody{counter-reset:streamer-row}tbody>tr{counter-increment:streamer-row}.streamer-number{color:#355d49;font-size:0;white-space:nowrap}.streamer-number:after{content:counter(streamer-row);font:800 14px/1 Consolas,monospace}.streamer-name-cell{min-width:170px}.streamer-id{display:inline-block;min-width:34px;margin-right:8px;color:var(--muted);font:700 10px/1 Consolas,monospace}.last-live{display:inline-flex;padding:4px 7px;border-left:3px solid;font-size:11px;font-weight:700}.last-live.fresh{color:#216346;border-color:#3b9a6d;background:#e9f5ed}.last-live.week{color:#42627c;border-color:#5d91b6;background:#edf4f8}.last-live.month{color:#805e1a;border-color:#c79d43;background:#faf3df}.last-live.stale{color:#8a4540;border-color:#c66b63;background:#faecea}.last-live.pending{color:#805e1a;border-color:#d1a33f;background:#faf3df}.member-color{width:7px;height:28px;display:inline-block;margin-right:9px;vertical-align:middle;background:#84918a}.member-color.green{background:#3b9a6d}.member-color.blue{background:#4f86aa}.member-color.amber{background:#bf8e2e}.member-color.rose{background:#bd625c}.member-color.violet{background:#846ca7}.member-row td:first-child strong{display:inline-flex;align-items:center;gap:5px}.member-subscription-editor{display:grid;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.member-subscription-editor>header{display:flex;align-items:center;justify-content:space-between}.member-subscription-editor p{margin-top:3px;color:var(--muted);font-size:11px}textarea{width:100%;padding:10px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;resize:vertical;font:inherit;line-height:1.5}.category-settings{margin-top:16px}.category-form{padding:16px 0 0}.modal.wide .form-grid,.settings-form .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.category-list{border-top:1px solid var(--line)}.category-list article{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:15px 20px;border-bottom:1px solid var(--line)}.category-list article:last-child{border-bottom:0}.category-list p{max-width:760px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.65}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.notification-error{display:block;margin-top:8px;color:var(--danger)}.agent-insight{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(400px,1.7fr);gap:18px;align-items:center;margin-top:18px;padding:18px 20px;color:#dceee3;background:#172820;border:1px solid #2f4b3d;border-radius:var(--radius)}.agent-insight-mark{width:42px;height:42px;display:grid;place-items:center;color:#b8e397;background:#294536;border:1px solid #3f6550;border-radius:7px}.agent-insight h2{font-size:15px}.agent-insight p{margin-top:5px;color:#9cb4a6;font-size:11px;line-height:1.6}.agent-insight dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.agent-insight dl div{padding:4px 13px;border-left:1px solid #365143}.agent-insight dt{color:#8fa79a;font-size:10px}.agent-insight dd{margin:5px 0 0;font-size:15px;font-weight:750}.telemetry-console{overflow:hidden;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 34px #15291f0f}.telemetry-console>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:#e2eee7;background:#172820}.telemetry-console>header>div{display:flex;align-items:center;gap:12px}.telemetry-console h2{font-size:15px}.telemetry-console header p{margin-top:4px;color:#8fa79a;font-size:10px}.pulse-ring{position:relative;width:40px;height:40px;display:grid;place-items:center;color:#b7e28e;border:1px solid #4b745d;border-radius:50%}.pulse-ring:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #6f9c83;border-radius:50%;animation:pulse 2.3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.35);opacity:.2}}.telemetry-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-bottom:1px solid var(--line)}.telemetry-overview div{display:grid;gap:5px;padding:16px 18px;border-right:1px solid var(--line)}.telemetry-overview div:last-child{border-right:0}.telemetry-overview span{color:var(--muted);font-size:10px}.telemetry-overview strong{font-size:16px}.telemetry-grid{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:390px}.telemetry-metrics{border-right:1px solid var(--line)}.telemetry-metrics button{width:100%;display:grid;grid-template-columns:20px 1fr auto;gap:5px 8px;align-items:center;padding:12px 16px;color:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer}.telemetry-metrics button.selected{background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.telemetry-metrics button span{font-size:11px}.telemetry-metrics button strong{font-size:12px}.telemetry-metrics button small{grid-column:2 / -1;color:var(--muted);font-size:9px}.queue-retry-button{justify-self:end;white-space:nowrap}.telemetry-focus{min-width:0;padding:18px 20px}.telemetry-focus>header,.traffic-heading{display:flex;align-items:flex-start;justify-content:space-between}.telemetry-focus h3{font-size:13px}.telemetry-focus p{margin-top:3px;color:var(--muted);font-size:10px}.wave-chart{position:relative;margin:14px 0 22px}.wave-chart svg{display:block;width:100%;height:205px;overflow:visible}.wave-grid{stroke:color-mix(in srgb,var(--line) 70%,transparent);stroke-width:1}.wave-point{cursor:crosshair;stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}.wave-axis-label{fill:var(--muted);font-size:22px}.wave-tooltip{position:absolute;top:12px;z-index:2;display:grid;gap:4px;min-width:150px;padding:9px 10px;color:#ecf5ef;background:#1b2d24;border:1px solid #466353;border-radius:5px;transform:translate(-50%);font-size:10px;pointer-events:none}.wave-tooltip strong{font-size:11px}.wave-tooltip span{display:flex;align-items:center;gap:5px}.wave-tooltip i,.wave-legend i{width:7px;height:7px;border-radius:50%}.wave-legend{display:flex;gap:14px;color:var(--muted);font-size:10px}.wave-legend span{display:inline-flex;align-items:center;gap:5px}.wave-empty{display:grid;min-height:160px;place-items:center;color:var(--muted);font-size:12px}.traffic-heading{padding-top:15px;border-top:1px solid var(--line)}.traffic-heading.weekly{margin-top:18px}.traffic-chart{height:112px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;margin-top:14px}.traffic-chart>div{height:100%;display:grid;grid-template-rows:1fr auto;gap:6px;text-align:center}.traffic-chart>div>span{display:flex;align-items:end;justify-content:center;gap:3px}.traffic-chart i{width:min(13px,35%);min-height:2px}.traffic-chart .down{background:#4d9771}.traffic-chart .up{background:#4e86aa}.traffic-chart small{color:var(--muted);font-size:9px}.traffic-chart.hourly{grid-template-columns:repeat(24,1fr);height:90px;gap:3px}.traffic-chart.hourly small{font-size:7px}.traffic-chart.hourly>div:nth-child(2n) small{visibility:hidden}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px}.settings-nav{display:grid;align-content:start;gap:4px;padding:8px;height:fit-content;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.settings-nav button{display:flex;align-items:center;gap:9px;padding:10px;color:var(--muted);text-align:left;background:transparent;border:0;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}.settings-nav button.active{color:var(--green);background:var(--green-soft)}.settings-panel{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.settings-panel>header{display:flex;gap:11px;padding:20px;border-bottom:1px solid var(--line)}.settings-panel>header svg{color:var(--green)}.settings-panel h2{font-size:15px}.settings-panel>header p{margin-top:4px;color:var(--muted);font-size:11px}.settings-content{display:grid;gap:16px;padding:20px}.settings-content h3{font-size:12px}.swatch-row{display:flex;gap:10px}.swatch{width:34px;height:34px;border:2px solid transparent;border-radius:50%;cursor:pointer}.swatch.active{border-color:var(--ink);box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--line)}.scope-panel{display:flex;gap:12px;padding:13px;background:var(--green-soft);border:1px solid #cbe0d2;border-radius:6px}.scope-panel svg{flex:0 0 auto;color:var(--green)}.scope-panel strong{font-size:12px}.scope-panel p,.scope-panel small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.template-list{border-top:1px solid var(--line)}.template-list article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.template-list strong{font-size:12px}.template-list p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.appearance-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-preset{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;min-height:70px;padding:9px;color:var(--ink);text-align:left;background:transparent;border:1px solid var(--line);border-radius:6px}.appearance-preset:hover{background:var(--green-soft)}.appearance-preset.active{border-color:var(--green);box-shadow:inset 3px 0 var(--green)}.appearance-preset span{display:grid;gap:4px}.appearance-preset strong{font-size:12px}.appearance-preset small{color:var(--muted);font-size:10px;line-height:1.35}.appearance-preview{position:relative;display:block;height:46px;overflow:hidden;background:#f5f6f3;border:1px solid #d7ded9;border-radius:4px}.appearance-preview:before{content:"";position:absolute;inset:0 auto 0 0;width:13px;background:#18231f}.appearance-preview b{position:absolute;top:9px;right:7px;bottom:7px;left:20px;background:#fff;border:1px solid #dfe4df;border-radius:2px}.appearance-preview.forest-night{background:#07150e;border-color:#295437}.appearance-preview.forest-night:before{background:#06150d}.appearance-preview.forest-night b{background:#10271a;border-color:#2a5f3c}.appearance-preview.graphite-night{background:#0b0f0e;border-color:#34423a}.appearance-preview.graphite-night:before{background:#090d0b}.appearance-preview.graphite-night b{background:#151d19;border-color:#3a4b42}.appearance-preview.ocean-night{background:#081522;border-color:#315a7e}.appearance-preview.ocean-night:before{background:#07111d}.appearance-preview.ocean-night b{background:#10243a;border-color:#376b96}.engine-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.engine-option{display:flex;align-items:flex-start;gap:9px;min-height:78px;padding:12px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.engine-option.selected{border-color:var(--green);background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.engine-option input{width:auto;margin:2px 0 0;accent-color:var(--green)}.engine-option span{display:grid;gap:5px}.engine-option strong{font-size:12px}.engine-option small,.form-hint{color:var(--muted);font-size:11px;line-height:1.55}.transcription-blocked{background:color-mix(in srgb,#bb652b 10%,var(--surface));border-color:color-mix(in srgb,#bb652b 35%,var(--line))}.transcription-blocked svg{color:#bb652b}.scope-panel ul{margin:6px 0 0;padding-left:16px;color:var(--muted);font-size:11px;line-height:1.65}.fatal-error{display:grid;justify-items:start;gap:14px;max-width:680px;margin:9vh auto;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.fatal-error h1{font-size:18px}.fatal-error p{color:var(--muted);font-size:13px;line-height:1.7}.fatal-error pre{width:100%;overflow:auto;padding:12px;color:#b05656;background:color-mix(in srgb,#b05656 7%,var(--surface));border:1px solid var(--line);border-radius:6px;font-size:12px;white-space:pre-wrap}@media(max-width:980px){.agent-insight{grid-template-columns:auto 1fr}.agent-insight dl{grid-column:1 / -1}.telemetry-overview{grid-template-columns:repeat(3,1fr)}.telemetry-grid{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:700px){.sort-select{width:110px}.notification-toolbar{align-items:stretch;flex-direction:column}.notification-toolbar .segmented-control{width:100%;overflow-x:auto}.agent-insight{grid-template-columns:auto 1fr}.agent-insight dl,.telemetry-overview{grid-template-columns:repeat(2,1fr)}.telemetry-grid{grid-template-columns:1fr}.telemetry-metrics{border-right:0}.telemetry-focus{padding-inline:14px}.traffic-chart{gap:4px}.queue-task-row{grid-template-columns:1fr;gap:10px;padding-inline:16px}.queue-retry-button{justify-self:start}.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(2,1fr)}.appearance-preset-grid,.engine-options{grid-template-columns:1fr}.settings-panel>header,.settings-content{padding:16px}}