:root{--surface-page: #f4f5f7;--surface-base: rgba(255, 255, 255, .88);--surface-raised: rgba(255, 255, 255, .94);--surface-sidebar: rgba(248, 249, 252, .82);--surface-muted: rgba(243, 246, 250, .82);--surface-pressed: rgba(230, 237, 247, .86);--text-primary: #14171f;--text-secondary: #566070;--text-tertiary: #7b8493;--border-soft: rgba(112, 124, 145, .2);--border-strong: rgba(80, 93, 115, .28);--accent: #0a84ff;--accent-strong: #0066cc;--success: #1f8f59;--warning: #b76b12;--danger: #c93b3b;--shadow-soft: 0 12px 34px rgba(31, 40, 56, .08);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .72) inset, 0 14px 32px rgba(31, 40, 56, .08);--radius-card: 8px;--radius-control: 8px;color:var(--text-primary);background:var(--surface-page);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;background:var(--surface-page)}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:3px solid rgba(10,132,255,.28);outline-offset:2px}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#ffffffad,#f2f4f8eb),var(--surface-page)}.app-shell.is-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-soft);box-shadow:1px 0 #ffffffad inset;color:var(--text-primary);height:100vh;overflow-y:auto;padding:14px 12px 18px;position:sticky;top:0;-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35)}.window-controls{align-items:center;display:flex;gap:7px;min-height:22px;padding:2px 3px 13px}.sidebar .window-controls{opacity:.64}.traffic-light{border-radius:999px;box-shadow:0 0 0 1px #00000014 inset;display:inline-block;height:12px;width:12px}.traffic-red{background:#ff5f57}.traffic-amber{background:#febc2e}.traffic-green{background:#28c840}.brand,.login-brand{align-items:center;display:flex;gap:10px}.brand{margin:2px 0 22px;min-height:44px}.brand-mark{align-items:center;background:#0a84ff1c;border:1px solid rgba(10,132,255,.18);border-radius:var(--radius-control);color:var(--accent);display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.brand strong,.login-brand strong{color:var(--text-primary);display:block;font-size:16px;font-weight:700;line-height:1.2}.brand span,.login-brand span{color:var(--text-tertiary);display:block;font-size:12px;line-height:1.35;margin-top:2px}.app-shell.is-collapsed .brand>div,.app-shell.is-collapsed .nav-section-label,.app-shell.is-collapsed .nav-item span{display:none}.app-shell.is-collapsed .brand{justify-content:center}.app-shell.is-collapsed .window-controls{justify-content:center;padding-left:0;padding-right:0}.nav-section{margin-top:16px}.nav-section-label{color:var(--text-tertiary);display:block;font-size:12px;font-weight:600;margin:0 10px 7px}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--text-secondary);display:flex;gap:10px;min-height:40px;padding:8px 10px;text-align:left;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;width:100%}.nav-item svg{color:#687384;flex:0 0 auto}.nav-item:hover{background:#ffffffb8;border-color:#64748b2e;color:var(--text-primary)}.nav-item.is-active{background:#fffffff0;border-color:#0a84ff2e;box-shadow:0 8px 20px #1f283814;color:var(--text-primary)}.nav-item.is-active svg{color:var(--accent)}.app-shell.is-collapsed .nav-item{justify-content:center;padding:8px}.main-column{min-width:0}.topbar{align-items:center;background:#ffffffb8;border-bottom:1px solid rgba(119,132,153,.18);display:flex;gap:16px;justify-content:space-between;min-height:64px;padding:0 30px;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}.topbar-status,.topbar-actions,.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}main{margin:0 auto;max-width:1680px;padding:30px}.system-chip,.user-pill{align-items:center;background:#ffffffc7;border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:13px;min-height:34px;padding:7px 12px;white-space:nowrap}.system-chip:before,.user-pill:before{background:var(--accent);border-radius:999px;content:"";display:inline-block;height:7px;margin-right:8px;width:7px}.user-pill{color:#684a12}.user-pill:before{background:#ff9f0a}.page-header{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.page-header span{color:var(--text-tertiary);display:block;font-size:13px;font-weight:600;line-height:1.4}h1{color:var(--text-primary);font-size:31px;font-weight:750;line-height:1.15;margin:3px 0 0}h2{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.35;margin:0 0 15px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.summary-strip{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.panel,.metric,.info-tile,.conversation-hero,.route-decision-card{background:var(--surface-base);border:1px solid rgba(112,124,145,.18);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.panel{overflow-x:auto;padding:18px}.metric{min-height:98px;overflow:hidden;padding:15px;position:relative}.metric:before{background:var(--accent);border-radius:999px;content:"";height:8px;position:absolute;right:15px;top:15px;width:8px}.metric span{color:var(--text-secondary);display:block;font-size:13px;line-height:1.35}.metric strong{color:var(--text-primary);display:block;font-size:29px;font-weight:760;line-height:1;margin-top:10px}.info-tile{border-left:3px solid var(--accent);min-height:78px;padding:13px 14px}.info-tile span{color:var(--text-secondary);display:block;font-size:12px;font-weight:650;line-height:1.35}.info-tile strong{color:var(--text-primary);display:block;font-size:22px;font-weight:760;line-height:1.1;margin-top:9px;overflow-wrap:anywhere}.info-tile-green{border-left-color:var(--success)}.info-tile-amber{border-left-color:#ff9f0a}.info-tile-red{border-left-color:var(--danger)}.info-tile-gray{border-left-color:#98a2b3}.metric-green:before{background:var(--success)}.metric-amber:before{background:#ff9f0a}.metric-red:before{background:var(--danger)}.meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.meta-chip{align-items:center;background:#ffffffad;border:1px solid rgba(112,124,145,.18);border-radius:999px;color:var(--text-secondary);display:inline-flex;gap:7px;min-height:30px;padding:5px 10px}.meta-chip span{color:var(--text-tertiary);font-size:12px;font-weight:650}.meta-chip strong{color:var(--text-primary);font-size:12px;font-weight:700;overflow-wrap:anywhere}table{border-collapse:separate;border-spacing:0;min-width:720px;width:100%}th,td{border-bottom:1px solid rgba(119,132,153,.16);color:var(--text-secondary);line-height:1.45;padding:12px 10px;text-align:left;vertical-align:top}th{background:#f6f8fbb3;color:var(--text-tertiary);font-size:12px;font-weight:700;position:sticky;top:0;z-index:1}tbody tr{transition:background-color .14s ease}tbody tr:hover{background:#0a84ff09}td:first-child,th:first-child{padding-left:12px}td:last-child,th:last-child{padding-right:12px}.status-badge{align-items:center;background:#7c87991f;border:1px solid rgba(124,135,153,.14);border-radius:999px;color:#4e596a;display:inline-flex;font-size:12px;font-weight:650;min-height:24px;padding:4px 9px;white-space:nowrap}.status-ok,.status-done,.status-enabled,.status-active,.status-confirmed,.status-completed,.status-sent,.status-verified,.status-verified-recovered{background:#1f8f591f;border-color:#1f8f592e;color:#14683d}.status-pending,.status-triage,.status-open,.status-degraded,.status-unconfirmed,.status-pending-approval,.status-ticket-required,.status-not-configured{background:#ff9f0a24;border-color:#ff9f0a38;color:#815108}.status-disabled,.status-ignored,.status-stopped,.status-paused{background:#7c87991f;color:#667085}.status-failed,.status-error,.status-conflict,.status-blocked,.status-blocked-context-required{background:#c93b3b1f;border-color:#c93b3b33;color:#9d2424}.command-box{background:#f6f8fbd1;border:1px solid rgba(112,124,145,.16);border-radius:var(--radius-card);display:grid;gap:7px;margin:14px 0;padding:12px}.command-box-wide{margin-top:16px}.command-box span{color:var(--text-tertiary);font-size:12px;font-weight:700}.command-box code{color:var(--text-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.readiness-list{display:grid;gap:8px;margin:12px 0 16px}.readiness-item{align-items:flex-start;background:#ff9f0a1a;border:1px solid rgba(255,159,10,.2);border-radius:var(--radius-card);color:#7a4d08;display:flex;gap:8px;line-height:1.45;padding:9px 11px}.form-grid{align-items:end;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.span-two{grid-column:span 2}label{color:var(--text-secondary);display:grid;font-size:13px;font-weight:650;gap:7px;line-height:1.35}.checkbox-line{align-items:center;display:flex;gap:9px}.checkbox-line input{height:16px;width:16px}input,select,textarea{background:#ffffffd1;border:1px solid rgba(112,124,145,.24);border-radius:var(--radius-control);color:var(--text-primary);min-height:40px;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}input:hover,select:hover,textarea:hover{border-color:#0a84ff52}input:focus,select:focus,textarea:focus{background:#fff;border-color:#0a84ff94;box-shadow:0 0 0 4px #0a84ff1f;outline:0}textarea{min-height:96px;resize:vertical}.primary-button,.soft-button,.danger-button,.icon-button{align-items:center;border-radius:var(--radius-control);display:inline-flex;flex-wrap:wrap;font-weight:680;gap:8px;justify-content:center;line-height:1.2;min-height:40px;padding:9px 13px;text-align:center;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.primary-button:hover,.soft-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:active,.soft-button:active,.danger-button:active,.icon-button:active{transform:translateY(0)}.primary-button.compact,.soft-button.compact,.danger-button.compact{min-height:32px;padding:6px 10px}.inline-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.primary-button{background:var(--accent);border:1px solid rgba(0,102,204,.68);box-shadow:0 7px 16px #0a84ff2e;color:#fff}.primary-button:hover{background:var(--accent-strong)}.soft-button{background:#ffffffd6;border:1px solid rgba(112,124,145,.24);color:var(--text-primary)}.soft-button:hover{background:#fff;border-color:#0a84ff42;box-shadow:0 8px 18px #1f283814}.danger-button{background:var(--danger);border:1px solid rgba(157,36,36,.72);box-shadow:0 7px 16px #c93b3b29;color:#fff}.danger-button:hover{background:#a82f2f}.icon-button{background:#ffffffad;border:1px solid rgba(112,124,145,.22);color:var(--text-secondary);min-width:40px;padding:9px}.work-list,.task-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.work-list li,.task-list li,.signal-row{align-items:center;background:#ffffff85;border:1px solid rgba(112,124,145,.13);border-radius:var(--radius-card);display:flex;gap:12px;justify-content:space-between;padding:11px 12px}.task-list li div{display:grid;gap:4px}.task-list li span,.muted-line{color:var(--text-tertiary)}.muted-line{background:#ffffff7a;border:1px dashed rgba(112,124,145,.2);border-radius:var(--radius-card);padding:12px}.conversation-hero{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:14px;padding:17px 18px}.hero-title{color:var(--text-primary);display:block;font-size:22px;font-weight:740;line-height:1.35;margin-bottom:11px}.hero-eyebrow{color:var(--text-tertiary);display:block;font-size:12px;font-weight:700;margin-bottom:4px}.detail-list{display:grid;gap:9px 14px;grid-template-columns:max-content minmax(0,1fr);margin:0}.detail-list dt{color:var(--text-tertiary);font-weight:650}.detail-list dd{color:var(--text-primary);margin:0;overflow-wrap:anywhere}.context-note{align-items:flex-start;background:#0a84ff12;border:1px solid rgba(10,132,255,.16);border-radius:var(--radius-card);color:#0757a8;display:flex;gap:9px;line-height:1.45;margin:14px 0;padding:11px 12px}.context-note svg{flex:0 0 auto;margin-top:2px}.context-note.warning{background:#ff9f0a1a;border-color:#ff9f0a38;color:#815108}.timeline{display:grid;gap:12px;list-style:none;margin:0;padding:0}.timeline-item>span{color:var(--text-tertiary);display:block;font-size:13px;margin-bottom:5px}.timeline p{margin:0;overflow-wrap:anywhere}.conversation-detail-grid{align-items:start;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}.conversation-main{display:grid;gap:18px}.conversation-timeline{max-height:62vh;overflow-y:auto;padding-right:4px}.timeline-item{background:#ffffffa8;border:1px solid rgba(112,124,145,.14);border-radius:var(--radius-card);padding:12px}.timeline-meta,.message-foot{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.timeline-meta{margin-bottom:9px}.timeline-meta>span,.message-foot>span{color:var(--text-tertiary);font-size:12px;font-weight:650}.timeline-item small{color:var(--text-tertiary);display:block;font-size:12px;margin-top:6px}.message-foot{border-top:1px solid rgba(119,132,153,.14);margin-top:10px;padding-top:8px}.direction-outbound{border-color:#0a84ff33}.direction-outbound p{color:#0757a8}.direction-internal{border-color:#ff9f0a38}.direction-internal p{color:#7a4f08}.table-actions{display:grid;gap:7px;min-width:170px}.note-form{display:grid;gap:12px}.result-box{background:#1e2430;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-card);color:#d8f6ed;line-height:1.55;margin:16px 0 0;overflow-x:auto;padding:14px}.route-decision-card{display:grid;gap:12px;margin-top:16px;padding:15px}.route-decision-card strong{color:var(--text-primary);display:block;font-size:20px;font-weight:760;line-height:1.15}.route-decision-card p{color:var(--text-secondary);margin:0}.role-map{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-cloud{display:flex;flex-wrap:wrap;gap:7px}.permission-cloud span{background:#0a84ff17;border:1px solid rgba(10,132,255,.15);border-radius:999px;color:#0757a8;display:inline-flex;font-size:12px;font-weight:650;line-height:1.25;padding:5px 8px}.compact-cloud span{background:#7c87991a;border-color:#7c879924;color:var(--text-secondary)}.sensitive-cloud span{background:#ff9f0a1f;border-color:#ff9f0a33;color:#815108}.rbac-grid .panel:last-child{grid-column:1 / -1}.tag-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-list span,.tag-list code{background:#0a84ff1a;border:1px solid rgba(10,132,255,.16);border-radius:999px;color:#0757a8;display:inline-flex;font-size:12px;padding:5px 9px}.login-screen,.boot-screen{align-items:center;background:linear-gradient(180deg,#ffffffb8,#f1f4f9f5),var(--surface-page);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-panel{background:#ffffffd6;border:1px solid rgba(112,124,145,.2);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);display:grid;gap:16px;max-width:398px;padding:16px 20px 22px;width:100%;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.login-brand{padding:2px 0 8px}.error-line,.success-line{border-radius:var(--radius-card);line-height:1.45;padding:10px 12px}.error-line{background:#ffecece6;border:1px solid rgba(201,59,59,.2);color:#8f2323}.success-line{background:#e6f7edeb;border:1px solid rgba(31,143,89,.22);color:#176442;margin-top:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:1180px){.metrics-grid,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.three{grid-template-columns:1fr}}@media(max-width:960px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;z-index:4}.app-shell.is-collapsed .brand>div,.app-shell.is-collapsed .nav-item span{display:block}.sidebar nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 38px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 38px),transparent 100%)}.nav-section{display:flex;flex:0 0 auto;gap:8px;margin-top:0}.nav-section-label,.app-shell.is-collapsed .nav-section-label{display:none}.nav-item{min-width:max-content;white-space:nowrap;width:auto}.app-shell.is-collapsed .brand,.app-shell.is-collapsed .window-controls,.app-shell.is-collapsed .nav-item{justify-content:flex-start}.topbar,.page-header{align-items:start;flex-direction:column}main{padding:22px}.form-grid,.form-grid.wide{grid-template-columns:1fr}.span-two{grid-column:auto}.conversation-hero{align-items:stretch;flex-direction:column}table{min-width:640px}}@media(max-width:640px){h1{font-size:25px}main{padding:18px}.metrics-grid,.summary-strip,.role-map{grid-template-columns:1fr}.topbar-actions,.page-actions,.inline-actions{align-items:stretch;width:100%}.topbar-actions>*,.page-actions>*,.inline-actions>*{flex:1 1 auto}.panel,.conversation-hero,.route-decision-card{padding:15px}.meta-row{align-items:stretch;flex-direction:column}.meta-chip{justify-content:space-between;width:100%}.signal-row{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.signal-row>span:first-child{color:var(--text-primary);font-weight:680}.signal-row>span:nth-child(2){color:var(--text-secondary);grid-column:1;overflow-wrap:anywhere}.signal-row>.status-badge{grid-column:2;grid-row:1 / span 2;justify-self:end}.mobile-card-table{border-spacing:0;min-width:0}.mobile-card-table thead{display:none}.mobile-card-table,.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table td{display:block;width:100%}.mobile-card-table tr{background:#ffffff94;border:1px solid rgba(112,124,145,.14);border-radius:var(--radius-card);margin-bottom:10px;padding:10px 11px}.mobile-card-table td,.mobile-card-table td:first-child,.mobile-card-table td:last-child{align-items:start;border-bottom:0;color:var(--text-primary);display:grid;gap:10px;grid-template-columns:minmax(78px,.38fr) minmax(0,1fr);padding:7px 0}.mobile-card-table td:before{color:var(--text-tertiary);content:attr(data-label);font-size:12px;font-weight:700;line-height:1.35}.mobile-card-table td[data-label=操作]{grid-template-columns:1fr}.mobile-card-table td[data-label=操作]:before{margin-bottom:-2px}.mobile-card-table .inline-actions,.mobile-card-table .table-actions{align-items:stretch;grid-column:1 / -1;width:100%}.mobile-card-table .success-line,.mobile-card-table .error-line{grid-column:1 / -1;margin-top:6px}}