@font-face{font-family:CapbeIcons;src:url(../../../CapbeIcons-93cbb7eb0b4d.ttf) format("truetype");font-style:normal;font-weight:400;font-display:block}:root{--capbe-background: #f8fafc;--capbe-surface: #ffffff;--capbe-surface-alt: #f1f5f9;--capbe-border: #e2e8f0;--capbe-text: #0f172a;--capbe-muted: #64748b;--capbe-muted-2: #94a3b8;--capbe-primary: #4ade80;--capbe-success: #22c55e;--capbe-warning: #f59e0b;--capbe-danger: #ef4444;--capbe-info: #3b82f6;--capbe-radius: 12px;--sidebar-width: 220px;--appbar-height: 56px;color-scheme:light}html.theme-dark{--capbe-background: #0f172a;--capbe-surface: #1e293b;--capbe-surface-alt: #243447;--capbe-border: #334155;--capbe-text: #e2e8f0;--capbe-muted: #94a3b8;--capbe-muted-2: #64748b;--capbe-primary: #4ade80;--capbe-success: #34d399;--capbe-warning: #fbbf24;--capbe-danger: #f87171;--capbe-info: #60a5fa;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--capbe-background);color:var(--capbe-text);font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.capbe-icon{display:inline-flex;align-items:center;justify-content:center;font-family:CapbeIcons,sans-serif;font-style:normal;font-weight:400;line-height:1;font-variant:normal;text-rendering:auto}.tran-shell{display:flex;min-height:100vh;background:var(--capbe-background)}.tran-sidebar{position:relative;display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;width:var(--sidebar-width);overflow:hidden;background:#0f172a;color:#94a3b8;transition:width .3s cubic-bezier(.65,0,.35,1),flex-basis .3s cubic-bezier(.65,0,.35,1)}.tran-shell.collapsed .tran-sidebar{flex-basis:56px;width:56px}.sidebar-header{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px}.sidebar-header.collapsed{justify-content:center;gap:0;padding:8px 4px}.app-logo{display:inline-flex;flex:0 0 26px;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#166534;color:#fff}.brand-copy{display:flex;min-width:0;flex:1;flex-direction:column}.brand-name{overflow:hidden;color:#4ade80;font-size:16px;font-weight:800;letter-spacing:-.5px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{overflow:hidden;margin-top:2px;color:#94a3b8;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:background .16s ease,color .16s ease}.icon-button:hover,.icon-button:focus-visible{background:#ffffff14;color:#fff;outline:none}.search-button{display:flex;align-items:center;gap:6px;width:calc(100% - 20px);margin:4px 10px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease}.search-button:hover,.search-button:focus-visible{border-color:#4ade808c;background:#ffffff0d;outline:none}.sidebar-header.collapsed+.search-button{justify-content:center;width:calc(100% - 12px);margin-right:6px;margin-left:6px;padding-right:0;padding-left:0}.search-label{flex:1;font-size:11px;opacity:.7}.search-shortcut{padding:2px 4px;border-radius:3px;background:#ffffff1a;font-size:9px;opacity:.5}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:4px;background:#94a3b859}.nav-group{margin:1px 0}.nav-item{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);min-height:36px;margin:1px 8px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;font-size:12.5px;font-weight:500;line-height:1.2;text-align:left;transition:background .16s ease,color .16s ease}.nav-item:hover,.nav-item:focus-visible{background:#ffffff0f;color:#e2e8f0;outline:none}.nav-item.active{background:#4ade801f;color:#4ade80;font-weight:600}.nav-item.child{width:calc(100% - 16px);padding-left:28px;font-size:11.5px}.nav-item.collapsed{justify-content:center;width:calc(100% - 8px);margin-right:4px;margin-left:4px;padding-right:0;padding-left:0}.nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{flex:0 0 auto;transition:transform .18s ease}.nav-chevron.open{transform:rotate(180deg)}.nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.nav-tile{display:flex;min-height:98px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#94a3b8;cursor:pointer;font-size:10px;font-weight:500;line-height:1.1;text-align:center;transition:background .16s ease,border-color .16s ease,color .16s ease}.nav-tile:hover,.nav-tile:focus-visible{background:#ffffff1a;color:#e2e8f0;outline:none}.nav-tile.active{border-color:#4ade8066;background:#4ade801f;color:#4ade80;font-weight:700}.nav-tile .capbe-icon{color:currentColor;font-size:24px}.nav-tile-label{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.api-status{display:flex;align-items:center;gap:6px;min-height:28px;padding:4px 14px;color:#94a3b8;font-size:10px}.api-status.collapsed{justify-content:center;padding-right:0;padding-left:0}.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#94a3b8;box-shadow:0 0 4px currentColor}.status-dot.connected{background:#22c55e}.status-dot.disconnected{background:#ef4444}.sidebar-footer{border-top:1px solid rgba(0,0,0,.05)}.user-row{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px}.user-row.collapsed{justify-content:center;padding-right:0;padding-left:0}.user-avatar{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#166534;color:#fff;font-size:12px;font-weight:700}.user-copy{display:flex;min-width:0;flex:1;flex-direction:column}.user-name{overflow:hidden;color:#ffffffb3;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.user-app{margin-top:2px;color:#94a3b8;font-size:9px}.footer-actions{display:flex;gap:6px;padding:6px 12px}.footer-actions.collapsed{flex-direction:column;align-items:center;padding-right:4px;padding-left:4px}.footer-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease}.footer-button:hover,.footer-button:focus-visible{background:#ffffff14;color:#fff;outline:none}.footer-button.logout{border-color:#f8717133;color:#f87171}.footer-button.logout:hover,.footer-button.logout:focus-visible{background:#f871711a;color:#fca5a5}.footer-actions.collapsed .footer-button{width:32px;flex:0 0 32px}.appbar{display:flex;position:sticky;top:0;z-index:10;align-items:center;justify-content:space-between;min-height:var(--appbar-height);padding:0 16px;border-bottom:1px solid var(--capbe-border);background:var(--capbe-surface)}.appbar-title{margin:0;color:var(--capbe-text);font-size:16.5px;font-weight:700;line-height:1.2}.appbar-actions{display:flex;align-items:center;gap:4px}.appbar-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--capbe-muted);cursor:pointer}.appbar-action:hover,.appbar-action:focus-visible{background:var(--capbe-surface-alt);color:var(--capbe-text);outline:none}.workspace{min-width:0;flex:1;background:var(--capbe-background)}.dashboard-page{max-width:1440px;margin:0 auto;padding:16px}.dashboard-section-title{margin:24px 0 8px;color:var(--capbe-text);font-size:15px;font-weight:600;line-height:1.3}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric-card{display:flex;min-height:145px;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface)}.metric-icon{margin-bottom:auto;color:var(--capbe-primary)}.metric-value{overflow:hidden;max-width:100%;margin-top:12px;color:var(--capbe-text);font-size:20px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.metric-label{margin-top:3px;color:var(--capbe-text);font-size:12px}.data-card{overflow:hidden;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface)}.data-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 16px;border-top:1px solid var(--capbe-border)}.data-row:first-child{border-top:0}.row-icon{display:inline-flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--capbe-primary) 15%,transparent);color:var(--capbe-primary)}.row-copy{min-width:0;flex:1}.row-title{overflow:hidden;color:var(--capbe-text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.row-subtitle{overflow:hidden;margin-top:3px;color:var(--capbe-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.row-trailing{display:flex;align-items:center;gap:8px;color:var(--capbe-muted);font-size:11px;white-space:nowrap}.row-trailing strong{color:var(--capbe-text);font-size:13px}.empty-card,.error-card{padding:24px;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface);color:var(--capbe-muted);text-align:center}.error-card{border-color:color-mix(in srgb,var(--capbe-danger) 40%,var(--capbe-border));background:color-mix(in srgb,var(--capbe-danger) 10%,var(--capbe-surface));color:var(--capbe-text)}.error-card .capbe-icon{color:var(--capbe-danger)}.error-card p{margin:8px 0 0}.search-dialog{position:fixed;top:72px;left:50%;z-index:40;width:min(520px,calc(100vw - 32px));padding:12px;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface);box-shadow:0 18px 50px #0f172a38;transform:translate(-50%)}.search-input{width:100%;height:42px;padding:0 12px;border:1px solid var(--capbe-border);border-radius:8px;outline:none;background:var(--capbe-background);color:var(--capbe-text)}.search-input:focus{border-color:var(--capbe-primary)}.search-results{max-height:320px;margin-top:8px;overflow-y:auto}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--capbe-text);cursor:pointer;text-align:left}.search-result:hover,.search-result:focus-visible{background:var(--capbe-surface-alt);outline:none}.search-empty{padding:18px 10px;color:var(--capbe-muted);font-size:12px;text-align:center}.page-header{margin-bottom:20px}.page-heading{display:flex;align-items:center;gap:12px}.page-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--capbe-primary) 15%,transparent);color:var(--capbe-primary)}.page-heading h1{margin:0;color:var(--capbe-text);font-size:22px;line-height:1.2}.page-heading p{margin:4px 0 0;color:var(--capbe-muted);font-size:12px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:3px;color:var(--capbe-primary);font-size:11px;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{min-height:112px;padding:14px;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface)}.stat-icon{display:inline-flex;color:var(--capbe-primary)}.stat-card.stat-blue .stat-icon{color:var(--capbe-info)}.stat-card.stat-amber .stat-icon{color:var(--capbe-warning)}.stat-card.stat-red .stat-icon{color:var(--capbe-danger)}.stat-value{margin-top:10px;color:var(--capbe-text);font-size:21px;font-weight:750}.stat-label,.stat-detail{color:var(--capbe-muted);font-size:12px}.stat-detail{margin-top:3px;font-size:11px}.status-chip{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.status-chip.success{border-color:color-mix(in srgb,var(--capbe-success) 35%,transparent);background:color-mix(in srgb,var(--capbe-success) 12%,transparent);color:var(--capbe-success)}.status-chip.warning{border-color:color-mix(in srgb,var(--capbe-warning) 40%,transparent);background:color-mix(in srgb,var(--capbe-warning) 12%,transparent);color:var(--capbe-warning)}.status-chip.danger{border-color:color-mix(in srgb,var(--capbe-danger) 40%,transparent);background:color-mix(in srgb,var(--capbe-danger) 12%,transparent);color:var(--capbe-danger)}.status-chip.info{border-color:color-mix(in srgb,var(--capbe-info) 40%,transparent);background:color-mix(in srgb,var(--capbe-info) 12%,transparent);color:var(--capbe-info)}.status-chip.neutral{border-color:var(--capbe-border);background:var(--capbe-surface-alt);color:var(--capbe-muted)}.page-grid{display:grid;grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);gap:16px}.master-panel,.detail-panel,.content-card{min-width:0;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface)}.master-panel{display:flex;min-height:620px;flex-direction:column;overflow:hidden}.master-toolbar{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--capbe-border)}.search-box{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:8px 10px;border:1px solid var(--capbe-border);border-radius:8px;background:var(--capbe-background);color:var(--capbe-muted)}.search-box:focus-within{border-color:var(--capbe-primary)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--capbe-text);font-size:12px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--capbe-border);border-radius:8px;background:var(--capbe-surface);color:var(--capbe-text);cursor:pointer;font-size:12px;font-weight:650}.action-button:hover,.action-button:focus-visible{border-color:var(--capbe-primary);background:color-mix(in srgb,var(--capbe-primary) 8%,var(--capbe-surface));outline:none}.action-button.primary{border-color:var(--capbe-primary);background:var(--capbe-primary);color:#052e16}.master-list{flex:1;overflow-y:auto;padding:6px}.master-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--capbe-text);cursor:pointer;text-align:left}.master-item:hover,.master-item:focus-visible{background:var(--capbe-surface-alt);outline:none}.master-item.active{border-color:color-mix(in srgb,var(--capbe-primary) 50%,transparent);background:color-mix(in srgb,var(--capbe-primary) 10%,transparent);color:var(--capbe-primary)}.master-item-icon{display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--capbe-surface-alt);color:var(--capbe-muted)}.master-item.active .master-item-icon{background:color-mix(in srgb,var(--capbe-primary) 15%,transparent);color:var(--capbe-primary)}.master-item-copy{min-width:0;flex:1}.master-item-title,.master-item-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-item-title{font-size:12px;font-weight:650}.master-item-subtitle{margin-top:3px;color:var(--capbe-muted);font-size:11px}.detail-panel{padding:18px}.detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.detail-title-row h2{overflow:hidden;margin:0;color:var(--capbe-text);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.detail-title-row p{margin:4px 0 0;color:var(--capbe-muted);font-size:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:7px}.detail-actions .action-button{min-height:30px;padding:5px 8px;font-size:11px}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.detail-field{display:flex;min-width:0;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--capbe-border)}.detail-label{color:var(--capbe-muted);font-size:11px}.detail-value{min-width:0;color:var(--capbe-text);font-size:12px;font-weight:650;text-align:right}.detail-value.success{color:var(--capbe-success)}.detail-value.warning{color:var(--capbe-warning)}.detail-value.danger{color:var(--capbe-danger)}.detail-value.info{color:var(--capbe-info)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 9px}.section-heading h2{margin:0;color:var(--capbe-text);font-size:15px}.section-heading span{color:var(--capbe-muted);font-size:11px}.content-card{overflow:hidden}.content-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--capbe-border)}.content-card-header h2{margin:0;font-size:15px}.content-card-header p{margin:4px 0 0;color:var(--capbe-muted);font-size:11px}.empty-panel,.error-panel{padding:34px 20px;color:var(--capbe-muted);text-align:center}.empty-panel .capbe-icon,.error-panel .capbe-icon{color:var(--capbe-primary)}.empty-panel p,.error-panel p{margin:10px 0 0}.error-panel{border:1px solid color-mix(in srgb,var(--capbe-danger) 40%,var(--capbe-border));border-radius:var(--capbe-radius);background:color-mix(in srgb,var(--capbe-danger) 8%,var(--capbe-surface));color:var(--capbe-text)}.error-panel .capbe-icon{color:var(--capbe-danger)}.table-wrap{overflow-x:auto}.detail-table{width:100%;border-collapse:collapse;font-size:11px}.detail-table th,.detail-table td{padding:10px 13px;border-bottom:1px solid var(--capbe-border);text-align:left;white-space:nowrap}.detail-table th{background:var(--capbe-surface-alt);color:var(--capbe-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.detail-table td{color:var(--capbe-text)}.detail-table tr:last-child td{border-bottom:0}.detail-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.table-empty{padding:28px!important;color:var(--capbe-muted)!important;text-align:center!important}.table-empty .capbe-icon{margin-right:6px;vertical-align:middle}.done-icon{color:var(--capbe-success)}.pending-icon{color:var(--capbe-warning)}.progress-card{padding:15px 16px;border:1px solid var(--capbe-border);border-radius:var(--capbe-radius);background:var(--capbe-surface)}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--capbe-text);font-size:12px;font-weight:650}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:var(--capbe-surface-alt)}.progress-value{height:100%;border-radius:inherit;background:var(--capbe-primary)}.timeline{display:grid;gap:8px}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid var(--capbe-border);border-radius:10px;background:var(--capbe-surface)}.timeline-number{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--capbe-warning);border-radius:50%;background:color-mix(in srgb,var(--capbe-warning) 12%,transparent);color:var(--capbe-warning);font-size:11px;font-weight:750}.timeline-item.done .timeline-number{border-color:var(--capbe-success);background:color-mix(in srgb,var(--capbe-success) 12%,transparent);color:var(--capbe-success)}.timeline-copy{min-width:0;flex:1}.timeline-copy strong{display:block;color:var(--capbe-text);font-size:12px}.timeline-copy p{margin:4px 0 0;color:var(--capbe-muted);font-size:11px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.page-grid{grid-template-columns:minmax(200px,.38fr) minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:128px}.data-row{padding-right:12px;padding-left:12px}.row-trailing{flex-direction:column;align-items:flex-end;gap:3px}.page-grid{grid-template-columns:1fr}.master-panel{min-height:300px;max-height:390px}.detail-panel{padding:14px}.detail-fields{grid-template-columns:1fr}.detail-field{padding:8px 0}.page-heading h1{font-size:19px}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.tran-sidebar{position:fixed;height:100vh}.workspace{padding-top:0}.appbar{padding:0 10px}.dashboard-page{padding:10px}}
