:root{--bg-base: #0A0A0A;--bg-surface: #111111;--bg-elevated: #1A1A1A;--bg-hover: #222222;--bg-inactive: #000000;--text-primary: #E8E8E8;--text-secondary: #8A8A8A;--text-tertiary: #555555;--accent-healthy: #22C55E;--accent-warning: #EAB308;--accent-critical: #EF4444;--accent-info: #3B82F6;--accent-purple: #A855F7;--accent-cyan: #06B6D4;--accent-amber: #F59E0B;--accent-healthy-a12: rgba(34, 197, 94, .12);--accent-warning-a12: rgba(234, 179, 8, .12);--accent-critical-a12: rgba(239, 68, 68, .12);--accent-info-a12: rgba(59, 130, 246, .12);--accent-purple-a12: rgba(168, 85, 247, .12);--accent-cyan-a12: rgba(6, 182, 212, .12);--border-subtle: #1A1A1A;--border-default: #2A2A2A;--border-emphasis: #3A3A3A;--font-display: "Montserrat", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--ls-tight: -.02em;--ls-normal: 0em;--ls-wide: .05em;--ls-wider: .1em;--ls-widest: .2em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--section-gap: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .6);--shadow-glow-info: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-healthy: 0 0 20px rgba(34, 197, 94, .15);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--stagger-interval: 50ms;--clip-diagonal-sm: polygon(0 0, 100% 0, 100% calc(100% - 16px) , 0 100%);--clip-diagonal-md: polygon(0 0, 100% 0, 100% calc(100% - 24px) , 0 100%);--clip-diagonal-accent: polygon(3% 0, 100% 0, 100% 100%, 0 100%);--header-height: 56px;--header-height-shrunk: 40px;--nav-width: 56px;--nav-width-expanded: 200px;--detail-width: 280px;--bottom-nav-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-display);font-size:16px;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{min-height:100dvh;overflow:hidden;line-height:1.5}code,pre,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-info-a12);color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes breathe{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 8px 2px currentColor;opacity:.8}}@keyframes sparklineDraw{0%{stroke-dashoffset:var(--sparkline-length, 200)}to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes clipReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:var(--clip-diagonal-accent)}}@keyframes badgeBounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}60%{transform:scale(.9)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.animate-in{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:calc(var(--stagger-index, 0) * var(--stagger-interval))}.animate-slide-in{animation:slideInRight .4s var(--ease-out-expo) both;animation-delay:calc(var(--stagger-index, 0) * var(--stagger-interval))}.animate-fade{animation:fadeIn var(--duration-fast) ease-out both}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.animate-in,.animate-slide-in,.animate-fade{animation:none!important;opacity:1!important;transform:none!important}.skeleton{animation:none}@keyframes pulse{0%,to{opacity:1}}@keyframes breathe{0%,to{opacity:1;box-shadow:none}}}#app{display:grid;height:100dvh;overflow:hidden;grid-template-rows:var(--header-height) 1fr;grid-template-columns:1fr;grid-template-areas:"header" "main"}.header-bar{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden;z-index:200;transition:height var(--duration-normal) var(--ease-out-expo);animation:slideDown var(--duration-slow) var(--ease-out-expo) both}.header-bar:after{content:"";position:absolute;top:0;right:0;width:45%;height:100%;background:var(--bg-elevated);clip-path:var(--clip-diagonal-accent);pointer-events:none;opacity:.5}.header-left{display:flex;align-items:center;gap:var(--sp-3);z-index:1}.header-mode{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--text-primary)}.header-system-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:var(--sp-4);z-index:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.header-clock{font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.header-shortcut{font-size:var(--text-xs);color:var(--text-tertiary);padding:2px 6px;border:1px solid var(--border-default);border-radius:var(--radius-sm)}.connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.connection-dot.connected{background:var(--accent-healthy);color:var(--accent-healthy);animation:breathe 3s var(--ease-in-out) infinite}.connection-dot.reconnecting{background:var(--accent-warning);animation:pulse 1.5s ease-in-out infinite}.connection-dot.offline{background:var(--accent-critical)}.nav-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--nav-width);z-index:100;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) 0;gap:var(--sp-1);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out-expo),width var(--duration-normal) var(--ease-out-expo);overflow:hidden}.nav-sidebar.open{transform:translate(0)}.nav-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);border:none;background:none;font-size:18px;position:relative;flex-shrink:0}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-info);background:var(--accent-info-a12)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent-info);border-radius:0 2px 2px 0}.nav-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent-critical);color:#fff;font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;line-height:1;animation:badgeBounce var(--duration-slow) var(--ease-spring)}.nav-spacer{flex:1}.nav-label{display:none;font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap;margin-left:var(--sp-3)}.main-content{grid-area:main;overflow-y:auto;overflow-x:hidden;padding:var(--sp-4);scroll-behavior:smooth}.side-panel{display:none}.palette-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;display:flex;justify-content:center;padding-top:15vh;backdrop-filter:blur(8px);animation:fadeIn var(--duration-fast) ease-out}.palette-overlay[hidden]{display:none}.palette-box{width:min(560px,92vw);max-height:420px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.palette-input{width:100%;padding:var(--sp-4) var(--sp-5);background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-medium);outline:none}.palette-input::placeholder{color:var(--text-tertiary);font-weight:var(--fw-regular)}.palette-results{overflow-y:auto;padding:var(--sp-1) 0}.palette-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);cursor:pointer;color:var(--text-primary);font-size:var(--text-base);transition:background var(--duration-fast) ease}.palette-item:hover,.palette-item.selected{background:var(--bg-elevated)}.palette-item .item-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--text-tertiary);font-family:var(--font-mono);min-width:56px}.palette-item .item-label{flex:1;font-weight:var(--fw-medium)}.palette-item .item-shortcut{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);padding:2px 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.card-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--card-accent, var(--border-subtle));border-radius:var(--radius-md);padding:var(--sp-4);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) ease;position:relative}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-emphasis)}.card.clickable{cursor:pointer}.card.clickable:active{transform:scale(.98) translateY(0);box-shadow:var(--shadow-sm)}.card[data-status=healthy],.card[data-status=running]{--card-accent: var(--accent-healthy)}.card[data-status=warning],.card[data-status=degraded]{--card-accent: var(--accent-warning)}.card[data-status=critical],.card[data-status=down],.card[data-status=error]{--card-accent: var(--accent-critical)}.card[data-status=idle],.card[data-status=unknown]{--card-accent: var(--text-tertiary)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.card-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--ls-tight)}.card-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.card-status.healthy{background:var(--accent-healthy);color:var(--accent-healthy);animation:breathe 3s var(--ease-in-out) infinite}.card-status.running{background:var(--accent-healthy);color:var(--accent-healthy);animation:breathe 2s var(--ease-in-out) infinite}.card-status.warning{background:var(--accent-warning)}.card-status.critical{background:var(--accent-critical);animation:pulse 1.5s ease-in-out infinite}.card-status.unknown,.card-status.idle{background:var(--text-tertiary)}.card-meta{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--sp-2);line-height:1.5}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.section-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--text-secondary)}.section-count{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);padding:var(--sp-1) var(--sp-2);background:var(--bg-elevated);border-radius:var(--radius-sm)}.dashboard-grid{display:grid;gap:var(--section-gap)}.dashboard-hero{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-6);overflow:hidden}.dashboard-hero:after{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:var(--bg-elevated);clip-path:var(--clip-diagonal-accent);pointer-events:none;opacity:.4}.dashboard-hero-content{position:relative;z-index:1}.dashboard-hero .hero-mode{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tight);text-transform:uppercase;line-height:1;margin-bottom:var(--sp-2)}.dashboard-hero .hero-subtitle{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:var(--ls-wide)}.dashboard-hero .hero-stats{display:flex;gap:var(--sp-8);margin-top:var(--sp-5)}.hero-stat{display:flex;flex-direction:column}.hero-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1}.hero-stat-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--text-tertiary);margin-top:var(--sp-1)}.dashboard-columns{display:grid;gap:var(--sp-6)}.bridge-lens{margin-bottom:var(--section-gap)}.priority-list{display:flex;flex-direction:column;gap:var(--sp-2)}.priority-item{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-info);border-radius:var(--radius-md);font-size:var(--text-base);transition:transform var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) ease}.priority-item:hover{background:var(--bg-elevated);transform:translate(4px)}.priority-rank{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);width:20px;text-align:center;font-weight:var(--fw-bold)}.priority-label{flex:1;color:var(--text-primary);font-weight:var(--fw-medium)}.priority-tag{font-size:var(--text-xs);font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-tertiary);letter-spacing:var(--ls-wide);text-transform:uppercase}.mode-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wider)}.mode-badge.build{background:var(--accent-info-a12);color:var(--accent-info)}.mode-badge.flow{background:var(--accent-healthy-a12);color:var(--accent-healthy)}.mode-badge.scan{background:var(--accent-warning-a12);color:var(--accent-warning)}.mode-badge.guard{background:var(--accent-critical-a12);color:var(--accent-critical)}.sparkline{display:inline-block;height:24px;width:80px}.sparkline svg{width:100%;height:100%}.sparkline svg polyline{stroke-dasharray:var(--sparkline-length, 200);stroke-dashoffset:var(--sparkline-length, 200);animation:sparklineDraw .8s var(--ease-out-expo) forwards;animation-delay:calc(var(--stagger-index, 0) * var(--stagger-interval))}@media(max-width:767px){#app{grid-template-rows:var(--header-height) 1fr;grid-template-columns:1fr;grid-template-areas:"header" "main"}.main-content{padding:var(--sp-3);padding-bottom:calc(var(--bottom-nav-height) + var(--sp-3) + env(safe-area-inset-bottom,0px))}.card-grid{grid-template-columns:1fr;gap:var(--sp-3)}.nav-sidebar{inset:auto 0 0;width:100%;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:space-around;align-items:flex-start;padding:var(--sp-2) 0 env(safe-area-inset-bottom,0px);border-right:none;border-top:1px solid var(--border-subtle);transform:translateY(0)}.nav-sidebar.open{transform:translateY(0)}.nav-item{width:44px;height:44px}.nav-item.active:before{inset:0 10px auto;width:auto;height:3px;border-radius:0 0 2px 2px}.dashboard-hero .hero-stats{flex-wrap:wrap;gap:var(--sp-4)}.dashboard-hero .hero-mode{font-size:var(--text-2xl)}.dashboard-hero{padding:var(--sp-4)}.section-header{margin-bottom:var(--sp-3)}.palette-overlay{padding-top:var(--sp-4);align-items:flex-start}.palette-box{width:100%;max-height:80vh;border-radius:var(--radius-md) var(--radius-md) 0 0;margin:0 var(--sp-2)}}@media(min-width:768px)and (max-width:1023px){#app{grid-template-columns:var(--nav-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header header" "nav main"}.nav-sidebar{position:static;grid-area:nav;transform:none;width:100%;top:0;bottom:0}.main-content{padding:var(--sp-5)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.dashboard-columns{grid-template-columns:1fr 1fr}.header-bar{grid-column:1 / -1}}@media(min-width:1024px){#app{grid-template-columns:var(--nav-width) 1fr var(--detail-width);grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header header header" "nav main sidebar"}.nav-sidebar{position:static;grid-area:nav;transform:none;width:100%;top:0;bottom:0}.nav-sidebar:hover{width:var(--nav-width-expanded)}.nav-sidebar:hover .nav-label{display:block}.nav-sidebar:hover .nav-item{width:calc(var(--nav-width-expanded) - var(--sp-4));justify-content:flex-start;padding-left:var(--sp-3)}.side-panel{display:block;grid-area:sidebar;background:var(--bg-surface);border-left:1px solid var(--border-subtle);overflow-y:auto;padding:var(--sp-5)}.main-content{padding:var(--sp-6)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dashboard-columns{grid-template-columns:1fr 1fr}.header-bar{grid-column:1 / -1}}@media(pointer:coarse){.nav-item{min-width:44px;min-height:44px}.palette-item{padding:var(--sp-4) var(--sp-5)}.card{padding:var(--sp-5)}}.state-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);text-align:center;animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both}.state-icon{width:40px;height:40px;color:var(--text-tertiary);opacity:.6}.state-error .state-icon{color:var(--accent-critical);opacity:.8}.state-message{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);letter-spacing:var(--ls-wide)}.state-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);max-width:300px}.state-retry{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--accent-info);border-radius:var(--radius-sm);background:transparent;color:var(--accent-info);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast) ease}.state-retry:hover{background:var(--accent-info-a12)}.state-spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent-info);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cron-table{display:grid;grid-template-columns:auto 1fr auto auto;gap:1px;background:var(--bg-elevated);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden;font-size:var(--text-sm)}.cron-cell{padding:var(--sp-2) var(--sp-3);background:var(--bg-surface)}.cron-cell.header{background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:var(--ls-wide)}.cron-cell.schedule{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.cron-cell.cron-name{font-weight:var(--fw-medium)}.cron-cell .cron-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:var(--sp-1)}.cron-dot.healthy{background:var(--accent-healthy)}.cron-dot.warning{background:var(--accent-warning)}.cron-dot.critical{background:var(--accent-critical)}.cron-dot.unknown{background:var(--text-secondary)}.cron-row{display:contents;cursor:pointer}.cron-row:hover>.cron-cell{background:var(--bg-elevated)}.cron-cards{display:none}.cron-card{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:calc(var(--stagger-index, 0) * var(--stagger-interval))}.cron-card-meta{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.cron-card-divider{color:var(--text-tertiary)}.cron-card-badge{display:inline-block;margin-top:var(--sp-2);padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide)}.cron-card-badge.healthy{background:var(--accent-healthy-a12);color:var(--accent-healthy)}.cron-card-badge.warning{background:var(--accent-warning-a12);color:var(--accent-warning)}.cron-card-badge.critical{background:var(--accent-critical-a12);color:var(--accent-critical)}.cron-card-badge.unknown{background:var(--bg-elevated);color:var(--text-tertiary)}@media(max-width:767px){.cron-table{display:none}.cron-cards{display:grid;gap:var(--sp-3);grid-template-columns:1fr}}@media(min-width:768px){.cron-cards{display:none}.cron-table{display:grid}}.settings-section{max-width:600px;animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both}.settings-group{margin-bottom:var(--sp-8);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.settings-group-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-4);letter-spacing:var(--ls-widest)}.settings-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.settings-row:last-child{margin-bottom:0}.settings-label{font-size:var(--text-xs);color:var(--text-tertiary);min-width:80px;font-family:var(--font-mono);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide)}.settings-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono)}.settings-input{flex:1;padding:var(--sp-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.settings-input:focus{border-color:var(--accent-info);box-shadow:var(--shadow-glow-info)}.settings-input::placeholder{color:var(--text-tertiary)}.settings-btn{padding:var(--sp-2) var(--sp-4);border:1px solid var(--accent-info);border-radius:var(--radius-sm);background:transparent;color:var(--accent-info);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo)}.settings-btn:hover{background:var(--accent-info-a12)}.settings-btn:active{transform:scale(.97)}.settings-btn.danger{border-color:var(--accent-critical);color:var(--accent-critical)}.settings-btn.danger:hover{background:var(--accent-critical-a12)}.settings-status{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--accent-info);margin-top:var(--sp-2);animation:fadeInUp var(--duration-fast) var(--ease-out-expo)}.auth-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}.auth-badge.ok{background:var(--accent-healthy-a12);color:var(--accent-healthy)}.auth-badge.none{background:var(--accent-critical-a12);color:var(--accent-critical)}.settings-connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.settings-connection-dot.connected{background:var(--accent-healthy)}.settings-connection-dot.reconnecting{background:var(--accent-warning)}.settings-connection-dot.offline{background:var(--accent-critical)}@media(max-width:767px){.settings-section{max-width:none}.settings-row{flex-wrap:wrap}.settings-label{min-width:auto;width:100%}.settings-input{width:100%}}.feed-section{max-width:720px}.feed-toolbar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap}.filter-btn{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;transition:all var(--duration-fast) ease}.filter-btn:hover{color:var(--text-secondary);border-color:var(--border-emphasis)}.filter-btn.active{color:var(--accent-info);border-color:var(--accent-info);background:var(--accent-info-a12)}.feed-list{display:flex;flex-direction:column;gap:var(--sp-4)}.feed-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--feed-accent, var(--accent-info));border-radius:var(--radius-md);padding:var(--sp-5);cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:calc(var(--stagger-index, 0) * var(--stagger-interval))}.feed-item:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-md)}.feed-item-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.feed-item-time{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.source-badge{display:inline-block;padding:2px var(--sp-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;background:var(--bg-elevated);color:var(--text-secondary)}.slot-badge{display:inline-block;padding:2px var(--sp-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase}.slot-morning{background:var(--accent-warning-a12);color:var(--accent-amber)}.slot-midday{background:var(--accent-info-a12);color:var(--accent-info)}.slot-afternoon{background:var(--accent-purple-a12);color:var(--accent-purple)}.slot-evening{background:var(--accent-cyan-a12);color:var(--accent-cyan)}.slot-eod{background:var(--bg-elevated);color:var(--text-secondary)}.feed-item-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-3);line-height:1.3}.feed-item-content{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65}.feed-item-content h1,.feed-item-content h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);margin-top:var(--sp-5);margin-bottom:var(--sp-2);letter-spacing:var(--ls-tight)}.feed-item-content h3,.feed-item-content h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.feed-item-content p{margin-bottom:var(--sp-3)}.feed-item-content ul,.feed-item-content ol{padding-left:var(--sp-5);margin-bottom:var(--sp-3)}.feed-item-content li{margin-bottom:var(--sp-1)}.feed-item-content li::marker{color:var(--text-tertiary)}.feed-item-content code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-elevated);padding:2px var(--sp-1);border-radius:var(--radius-sm);color:var(--accent-cyan)}.feed-item-content pre{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4);margin:var(--sp-3) 0;overflow-x:auto;font-size:var(--text-sm)}.feed-item-content pre code{background:none;padding:0;color:var(--text-primary)}.feed-item-content table{width:100%;border-collapse:collapse;margin:var(--sp-3) 0;font-size:var(--text-sm)}.feed-item-content th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text-secondary);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-default);background:var(--bg-elevated)}.feed-item-content td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-primary)}.feed-item-content strong{font-weight:var(--fw-bold);color:var(--text-primary)}.feed-item-content a{color:var(--accent-info);text-decoration:none}.feed-item-content a:hover{text-decoration:underline}.feed-item-content hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--sp-4) 0}@media(max-width:767px){.feed-section{max-width:none}.feed-item{padding:var(--sp-4)}.feed-item-content pre{font-size:var(--text-xs)}.feed-toolbar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}.vault-section{max-width:800px}.vault-back-btn{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) ease}.vault-back-btn:hover{color:var(--text-primary);border-color:var(--accent-info)}.vault-search{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);position:relative}.vault-search-input{flex:1;padding:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.vault-search-input:focus{border-color:var(--accent-info);box-shadow:var(--shadow-glow-info)}.vault-search-input::placeholder{color:var(--text-tertiary)}.vault-search-clear{position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);font-size:var(--text-lg);cursor:pointer;padding:0 var(--sp-1)}.vault-search-clear:hover{color:var(--text-primary)}.vault-search-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--sp-3)}.vault-search-results{margin-bottom:var(--sp-4)}.vault-search-item{padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-purple);border-radius:var(--radius-md);margin-bottom:var(--sp-2);cursor:pointer;transition:border-color var(--duration-fast) ease}.vault-search-item:hover{border-color:var(--border-emphasis)}.vault-search-item-title{font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--sp-1)}.vault-search-item-path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--sp-1)}.vault-search-item-context{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-1);font-style:italic}.vault-search-item-meta{display:flex;gap:var(--sp-2);margin-top:var(--sp-1)}.vault-tree{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both}.vault-tree-dir,.vault-tree-file{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) ease;font-size:var(--text-sm)}.vault-tree-dir:hover,.vault-tree-file:hover{background:var(--bg-elevated)}.vault-tree-arrow{font-size:8px;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out-expo);width:12px;text-align:center;flex-shrink:0}.vault-tree-arrow.open{transform:rotate(90deg)}.vault-tree-icon{font-size:14px;width:16px;text-align:center;flex-shrink:0}.vault-tree-name{color:var(--text-primary);font-weight:var(--fw-medium);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-tree-file .vault-tree-name{color:var(--text-secondary);font-weight:var(--fw-regular)}.vault-tree-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding:1px var(--sp-2);background:var(--bg-elevated);border-radius:var(--radius-sm)}.vault-breadcrumb{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap}.vault-breadcrumb-part{cursor:pointer;color:var(--accent-info)}.vault-breadcrumb-part:hover{text-decoration:underline}.vault-breadcrumb-sep{color:var(--text-tertiary)}.vault-breadcrumb-current{color:var(--text-primary);font-weight:var(--fw-semibold)}.vault-frontmatter{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs)}.vault-fm-row{display:flex;gap:var(--sp-3);padding:var(--sp-1) 0;border-bottom:1px solid var(--border-subtle)}.vault-fm-row:last-child{border-bottom:none}.vault-fm-key{color:var(--accent-cyan);min-width:100px;font-weight:var(--fw-semibold)}.vault-fm-val{color:var(--text-secondary);word-break:break-word}.vault-file{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both}@media(max-width:767px){.vault-section{max-width:none}.vault-fm-row{flex-direction:column;gap:var(--sp-1)}.vault-fm-key{min-width:auto}}.alerts-toolbar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.filter-btn{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;cursor:pointer;transition:all var(--duration-fast) ease}.filter-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.filter-btn.active{background:var(--accent-info-a12);color:var(--accent-info);border-color:var(--accent-info)}.ack-all-btn{margin-left:auto;padding:var(--sp-1) var(--sp-3);border:1px solid var(--accent-healthy);border-radius:var(--radius-sm);background:transparent;color:var(--accent-healthy);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);cursor:pointer;transition:all var(--duration-fast) ease}.ack-all-btn:hover{background:var(--accent-healthy-a12)}.alert-card{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--alert-accent, var(--border-subtle));border-radius:var(--radius-md);margin-bottom:var(--sp-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) ease,border-color var(--duration-fast) ease}.alert-card:hover{transform:translate(4px);box-shadow:var(--shadow-sm);border-color:var(--border-emphasis)}.alert-card.acked{opacity:.4;border-left-color:var(--border-subtle)}.alert-card.acked .alert-title{text-decoration:line-through;text-decoration-color:var(--text-tertiary)}.alert-card[data-tier=ACT]{--alert-accent: var(--accent-critical);background:var(--accent-critical-a12)}.alert-card[data-tier=FLAP]{--alert-accent: var(--accent-warning)}.alert-card[data-tier=INFORM]{--alert-accent: var(--accent-info)}.alert-card[data-tier=AUTO]{--alert-accent: var(--text-tertiary)}.alert-tier{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;min-width:48px;text-align:center;flex-shrink:0}.alert-body{flex:1;min-width:0}.alert-title{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-primary);margin-bottom:var(--sp-1);word-break:break-word;line-height:1.4}.alert-meta{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.alert-ack-btn{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) ease;flex-shrink:0}.alert-ack-btn:hover{border-color:var(--accent-healthy);color:var(--accent-healthy);background:var(--accent-healthy-a12)}.alerts-empty{text-align:center;padding:var(--sp-12);color:var(--text-tertiary);font-size:var(--text-base);font-family:var(--font-display);letter-spacing:var(--ls-wide)}.alert-group-header{font-size:var(--text-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--text-tertiary);padding:var(--sp-3) 0 var(--sp-2);position:sticky;top:0;background:var(--bg-base);z-index:1}.detail-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.detail-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detail-status-dot.healthy{background:var(--accent-healthy);color:var(--accent-healthy);animation:breathe 3s var(--ease-in-out) infinite}.detail-status-dot.warning{background:var(--accent-warning)}.detail-status-dot.critical{background:var(--accent-critical);animation:pulse 1.5s ease-in-out infinite}.detail-status-dot.unknown{background:var(--text-tertiary)}.detail-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--text-primary)}.detail-field{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle)}.detail-field-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--text-tertiary)}.detail-field-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;word-break:break-word}.detail-field-value.mono{font-family:var(--font-mono)}.detail-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-5)}.detail-action-btn{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;cursor:pointer;transition:all var(--duration-fast) ease}.detail-action-btn:hover{border-color:var(--accent-info);color:var(--accent-info);background:var(--accent-info-a12)}.detail-empty{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--sp-8) 0;font-family:var(--font-display);letter-spacing:var(--ls-wide)}@media(max-width:767px){.side-panel.sheet-open{display:block;position:fixed;bottom:0;left:0;right:0;height:60vh;z-index:300;background:var(--bg-surface);border-top:1px solid var(--border-default);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--sp-5);animation:slideInUp var(--duration-slow) var(--ease-out-expo) both;overflow-y:auto}.sheet-handle{width:40px;height:4px;background:var(--border-emphasis);border-radius:2px;margin:0 auto var(--sp-4)}}.command-section{max-width:800px}.quick-actions{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.quick-btn{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) ease}.quick-btn:hover{border-color:var(--accent-info);color:var(--accent-info);background:var(--accent-info-a12)}.command-form{display:flex;align-items:center;gap:0;margin-bottom:var(--sp-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) ease}.command-form:focus-within{border-color:var(--accent-info);box-shadow:var(--shadow-glow-info)}.command-prompt{padding:0 var(--sp-3);color:var(--accent-healthy);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--fw-bold);user-select:none;flex-shrink:0}.command-input{flex:1;padding:var(--sp-3) var(--sp-2);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);outline:none;caret-color:var(--accent-healthy)}.command-input::placeholder{color:var(--text-tertiary)}.command-send{padding:var(--sp-3) var(--sp-5);background:var(--accent-info);color:#000;border:none;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast) ease}.command-send:hover{background:var(--accent-info);filter:brightness(1.1)}.command-send:disabled{opacity:.5;cursor:not-allowed}.command-meta{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap}.command-meta select,.command-meta input{padding:var(--sp-1) var(--sp-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast) ease}.command-meta select:focus,.command-meta input:focus{border-color:var(--accent-info)}.command-payload{width:100%;min-height:60px;padding:var(--sp-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;outline:none;margin-bottom:var(--sp-4);transition:border-color var(--duration-fast) ease}.command-payload:focus{border-color:var(--accent-info);box-shadow:var(--shadow-glow-info)}.console-output{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-3);max-height:320px;overflow-y:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.console-line{display:flex;gap:var(--sp-2)}.console-ts{color:var(--text-tertiary);flex-shrink:0;font-variant-numeric:tabular-nums}.console-text{word-break:break-word}.console-text.ok{color:var(--accent-healthy)}.console-text.error{color:var(--accent-critical)}.console-text.warn{color:var(--accent-warning)}.console-text.dim{color:var(--text-tertiary)}.console-text.info{color:var(--text-primary)}.intent-prefix{color:var(--accent-cyan)}.intent-action{color:var(--text-primary)}