:root{--bg-base: #0a0a0b;--bg-surface: #111113;--bg-raised: #18181c;--bg-overlay: #1e1e24;--bg-subtle: #242428;--border: #2a2a30;--border-focus: #3a3a42;--text-primary: #e8e8ec;--text-secondary: #9898a8;--text-muted: #5a5a68;--cyan: #00c8e8;--cyan-dim: rgba(0, 200, 232, .12);--cyan-faint: rgba(0, 200, 232, .05);--status-online: #22c55e;--status-idle: #eab308;--status-working: #00c8e8;--status-offline: #3f3f46;--status-error: #ef4444;--status-blocked: #f97316;--status-review: #a855f7;--priority-critical: #ef4444;--priority-high: #f97316;--priority-medium: #eab308;--priority-low: #6b7280;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--dur-instant: 80ms;--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5;background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,monospace;font-weight:600}code,pre,.mono{font-family:JetBrains Mono,IBM Plex Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}::selection{background:var(--cyan-dim);color:var(--text-primary)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}.grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr 48px;height:100vh;background:var(--bg-base)}.page-shell .sidebar{grid-row:1 / 4;background:var(--bg-surface);border-right:1px solid var(--border)}.page-shell .topbar{grid-column:2;background:var(--bg-surface);border-bottom:1px solid var(--border)}.page-shell .main-content{grid-column:2;overflow:auto;background:var(--bg-base)}.page-shell .status-bar{grid-column:2;background:var(--bg-surface);border-top:1px solid var(--border)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border)}.page-header h1{font-size:20px;font-weight:600}.header-actions{display:flex;gap:var(--space-md);align-items:center}.filter-select,.search-input{padding:var(--space-sm) var(--space-md);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.filter-select:focus,.search-input:focus{border-color:var(--cyan)}.btn-primary{padding:var(--space-sm) var(--space-lg);background:var(--cyan);color:var(--bg-base);border-radius:var(--radius-sm);font-weight:500;transition:opacity var(--dur-fast)}.btn-primary:hover{opacity:.9}.btn-secondary{padding:var(--space-sm) var(--space-lg);background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.btn-danger{padding:var(--space-sm) var(--space-lg);background:var(--status-error);color:#fff;border-radius:var(--radius-sm)}.workboard-page{height:100%;display:flex;flex-direction:column}.kanban-board{display:flex;gap:var(--space-lg);padding:var(--space-lg);flex:1;overflow-x:auto}.kanban-column{min-width:260px;max-width:300px;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;flex-direction:column}.column-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border)}.column-dot{width:8px;height:8px;border-radius:50%}.column-label{font-weight:500;flex:1}.column-count{font-size:11px;color:var(--text-muted);background:var(--bg-raised);padding:2px 6px;border-radius:var(--radius-sm)}.column-content{flex:1;padding:var(--space-sm);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.task-card{background:var(--bg-raised);padding:var(--space-md);border-radius:var(--radius-sm);cursor:grab;border:1px solid var(--border)}.task-card:hover{border-color:var(--border-focus)}.task-title{font-weight:500;margin-bottom:var(--space-sm)}.task-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:11px;color:var(--text-muted)}.task-priority{width:6px;height:6px;border-radius:50%}.task-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.task-detail-panel{background:var(--bg-surface);width:480px;max-height:80vh;border-radius:var(--radius-lg);border:1px solid var(--border)}.task-detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border)}.close-btn{font-size:24px;color:var(--text-muted)}.close-btn:hover{color:var(--text-primary)}.task-detail-body{padding:var(--space-lg)}.detail-row{margin-bottom:var(--space-lg)}.detail-row label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase}.detail-row select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}.timeline-page{height:100%;overflow:auto}.timeline-feed{padding:var(--space-lg)}.timeline-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border);animation:fadeSlideIn var(--dur-normal) var(--ease-out) both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-icon{width:32px;height:32px;background:var(--bg-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-content{flex:1}.timeline-header{display:flex;gap:var(--space-sm);align-items:baseline}.timeline-action{font-size:11px;text-transform:uppercase;font-weight:500}.timeline-title{font-weight:500}.timeline-meta{display:flex;gap:var(--space-md);font-size:11px;color:var(--text-muted);margin-top:var(--space-xs)}.skills-page{height:100%;display:flex;flex-direction:column}.category-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border)}.category-tab{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize;transition:all var(--dur-fast)}.category-tab.active,.category-tab:hover{background:var(--bg-raised);color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);padding:var(--space-lg);overflow:auto}.Skill-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.skill-name{font-weight:600;font-family:IBM Plex Mono,monospace}.skill-status{font-size:10px;text-transform:uppercase}.skill-category{font-size:11px;color:var(--text-muted);margin-bottom:var(--space-sm)}.skill-description{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-md)}.btn-install{padding:var(--space-xs) var(--space-md);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;color:var(--cyan)}.btn-install:hover{background:var(--cyan);color:var(--bg-base)}.health-page{height:100%;overflow:auto}.system-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);padding:var(--space-lg) var(--space-xl)}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.metric-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-xs)}.metric-value{font-size:24px;font-weight:600;font-family:IBM Plex Mono,monospace;margin-bottom:var(--space-sm)}.metric-bar{height:4px;background:var(--bg-raised);border-radius:2px;overflow:hidden}.metric-fill{height:100%;background:var(--cyan);transition:width var(--dur-normal)}.services-section{padding:0 var(--space-xl) var(--space-xl)}.services-section h2{font-size:14px;margin-bottom:var(--space-md)}.services-table{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:var(--space-md);gap:var(--space-md)}.table-header{background:var(--bg-raised);font-size:11px;color:var(--text-muted);text-transform:uppercase}.table-row{border-bottom:1px solid var(--border);font-size:12px}.table-row:last-child{border-bottom:none}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:var(--space-xs)}.service-status{display:flex;align-items:center}.last-check{font-size:11px;color:var(--text-muted)}.docs-page{height:100%;display:flex;flex-direction:column}.docs-layout{display:grid;grid-template-columns:200px 1fr;flex:1;overflow:hidden}.docs-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);padding:var(--space-md)}.category-list{display:flex;flex-direction:column;gap:var(--space-xs)}.category-item{padding:var(--space-sm) var(--space-md);text-align:left;border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize}.category-item.active,.category-item:hover{background:var(--bg-raised);color:var(--text-primary)}.docs-content{display:grid;grid-template-columns:300px 1fr;overflow:hidden}.docs-list{border-right:1px solid var(--border);overflow-y:auto;padding:var(--space-md)}.doc-item{padding:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-sm)}.doc-item:hover{background:var(--bg-raised)}.doc-item.selected{background:var(--bg-raised);border-left:2px solid var(--cyan)}.doc-title{font-weight:500;margin-bottom:var(--space-xs)}.doc-meta{display:flex;gap:var(--space-md);font-size:11px;color:var(--text-muted)}.doc-viewer{overflow-y:auto;padding:var(--space-xl)}.doc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.doc-body{color:var(--text-secondary);line-height:1.7}.doc-placeholder{margin-top:var(--space-lg);color:var(--text-muted);font-style:italic}.settings-page{height:100%;display:flex;flex-direction:column}.settings-layout{display:grid;grid-template-columns:200px 1fr;flex:1;overflow:hidden}.settings-nav{background:var(--bg-surface);border-right:1px solid var(--border);padding:var(--space-md)}.nav-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);text-align:left;border-radius:var(--radius-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.nav-item.active,.nav-item:hover{background:var(--bg-raised);color:var(--text-primary)}.settings-content{padding:var(--space-xl);overflow-y:auto}.settings-section h2{font-size:16px;margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg);max-width:400px}.form-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:var(--space-sm)}.form-group input,.form-group select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.form-group.checkbox label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-group.checkbox input{width:auto}.api-key-display{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.key-value{font-family:IBM Plex Mono,monospace;font-size:12px;padding:var(--space-md);background:var(--bg-raised);border-radius:var(--radius-sm);margin:var(--space-sm) 0;word-break:break-all}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}.sidebar{width:220px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) 0;flex-shrink:0}.sidebar-logo{font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:600;color:var(--cyan);margin-bottom:var(--space-xl)}.sidebar-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast);margin-bottom:var(--space-xs);font-size:18px}.sidebar-item:hover{background:var(--bg-raised);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-raised);color:var(--cyan)}.topbar{height:48px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:var(--space-md)}.topbar-right{display:flex;align-items:center;gap:var(--space-lg)}.search-box{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md)}.search-box input{width:200px;font-size:12px}.search-box input::placeholder{color:var(--text-muted)}.system-pulse{display:flex;align-items:center;gap:var(--space-sm);font-size:11px;color:var(--text-muted)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--status-online);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--bg-base);cursor:pointer}.status-bar{height:48px;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);font-size:11px;color:var(--text-muted);flex-shrink:0}.status-left,.status-right{display:flex;align-items:center;gap:var(--space-lg)}.status-item{display:flex;align-items:center;gap:var(--space-xs)}.refresh-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:color var(--dur-fast)}.refresh-btn:hover{color:var(--text-primary)}.refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.last-updated{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted)}.user-menu{position:relative}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;min-width:140px;padding:var(--space-xs) 0;z-index:100}.user-dropdown button{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;text-align:left;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-secondary);cursor:pointer}.user-dropdown button:hover{background:var(--bg-raised);color:var(--text-primary)}.right-drawer{position:fixed;top:0;right:0;width:480px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border);transform:translate(100%);transition:transform var(--dur-normal) var(--ease-out);z-index:1000;overflow-y:auto}.right-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border)}.drawer-close{font-size:24px;color:var(--text-muted);cursor:pointer}.drawer-close:hover{color:var(--text-primary)}.drawer-body{padding:var(--space-lg)}.main-content{background:var(--bg-base);overflow:auto;height:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (max-width: 768px){.page-shell{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:56px;flex-direction:row;justify-content:space-around;padding:0;z-index:100;border-right:none;border-top:1px solid var(--border)}.sidebar-logo{display:none}.sidebar-item{width:40px;height:40px;margin-bottom:0}.page-shell .main-content{grid-column:1;padding-bottom:56px}.page-shell .topbar{grid-column:1}.page-shell .status-bar{display:none}.workboard-page .kanban-board{flex-direction:column;overflow-x:visible}.workboard-page .kanban-column{min-width:100%;max-width:100%;margin-bottom:var(--space-md)}.page-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.timeline-page .timeline-feed{padding:var(--space-md)}.skills-page .skills-grid{grid-template-columns:1fr}.health-page .system-overview{grid-template-columns:repeat(2,1fr)}.docs-page .docs-layout,.docs-page .docs-content,.settings-page .settings-layout{grid-template-columns:1fr}.settings-page .settings-nav{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:var(--space-sm)}.settings-page .nav-item{white-space:nowrap;margin-bottom:0;margin-right:var(--space-xs)}.topbar{padding:0 var(--space-sm)}.topbar-left{flex:1}.search-box{width:auto;flex:1}.search-box input{width:100%;min-width:0}.last-updated{display:none}.command-stats{grid-template-columns:repeat(2,1fr)!important}.command-grid{grid-template-columns:1fr!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:64px}.page-shell{grid-template-columns:64px 1fr}.command-grid{grid-template-columns:1fr 1fr!important}.health-page .system-overview{grid-template-columns:repeat(2,1fr)}}@media (hover: none){.task-card:active,.sidebar-item:active,.btn-primary:active{opacity:.8;transform:scale(.98)}.sidebar-item{min-height:44px}.topbar .search-box{min-height:36px}}@media (max-width: 768px){.sidebar{height:64px!important;flex-direction:row!important;justify-content:space-around!important;padding:0!important;align-items:center}.sidebar-logo{display:none!important}.sidebar-item{flex-direction:column!important;width:auto!important;height:auto!important;padding:4px 8px!important;font-size:10px!important}.sidebar-icon{font-size:18px!important;display:block}.sidebar-label{display:block!important;font-size:9px!important;margin-top:2px}}.sidebar-label{display:none}@media (min-width: 769px){.sidebar-item{flex-direction:column;justify-content:center;align-items:center;gap:2px}}.sidebar{display:flex;flex-direction:column}.sidebar-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.command-page .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width: 768px){.command-page .stats-row{grid-template-columns:repeat(2,1fr)}.command-page .main-panels{grid-template-columns:1fr!important}.command-page .right-panel{display:none}.command-page .main-panels>div{min-height:200px}}@media (max-width: 768px){.topbar{padding:var(--space-sm)!important;height:auto!important;min-height:48px;flex-wrap:wrap;gap:var(--space-sm)}.topbar-left{flex:1 1 100%!important;order:2}.topbar-right{order:1;flex:0 0 auto}.search-box{width:100%!important}.search-box input{width:100%!important;min-width:0!important}}@media (max-width: 768px){.right-drawer{width:100%!important;left:0}.task-detail-panel{width:95%!important}}