@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-obsidian: #0A0E18;--bg-nav: #080C14;--bg-sidebar: #080C14;--bg-card: #111827;--bg-card-hover: #151C2E;--bg-input: #0D1220;--bg-surface: #0E1322;--border-subtle: #1A2640;--border-hover: #243354;--border-active: #D4935A;--card-border: #1A2640;--text-primary: #DDD8CF;--text-secondary: #6E7180;--text-muted: #4A5060;--text-heading: #EAE6E1;--accent: #D4935A;--accent-hover: #E0A06A;--accent-muted: rgba(212, 147, 90, .15);--accent-text: #0A0E18;--data-royal: #2B5EA7;--data-royal-20: rgba(43, 94, 167, .2);--data-teal: #1A7065;--data-teal-muted: rgba(26, 112, 101, .3);--status-success: #3B6B4E;--status-success-text: #6FCF8A;--status-warning: #D4935A;--status-error: #9B4D4D;--status-error-text: #E87474;--status-info: #2B5EA7;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 220px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-obsidian);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow:hidden}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.text-heading{color:var(--text-heading);font-weight:500}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--status-success-text)}.text-error{color:var(--status-error-text)}.label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.mono{font-family:var(--font-mono)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0}.sidebar__header{padding:16px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px}.sidebar__logo-text{font-size:12px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--text-heading)}.sidebar__nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar__section{padding:0 12px;margin-bottom:16px}.sidebar__section-label{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);padding:0 8px;margin-bottom:4px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.sidebar__link:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar__link--active{background:var(--accent-muted);color:var(--accent)}.sidebar__link svg{width:16px;height:16px;opacity:.6}.sidebar__link--active svg{opacity:1}.sidebar__footer{padding:12px;border-top:1px solid var(--border-subtle)}.sidebar__user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar__user:hover{background:var(--bg-card)}.sidebar__avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--accent);font-weight:500;flex-shrink:0}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:10px;color:var(--text-muted)}.sidebar__logout{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:6px 12px;width:100%;text-align:left;border-radius:var(--radius-sm);font-family:var(--font-sans);transition:all var(--transition-fast);margin-top:4px}.sidebar__logout:hover{background:#9b4d4d1a;color:var(--status-error-text)}.main{flex:1;overflow-y:auto;height:100vh}.topbar{height:48px;background:var(--bg-obsidian);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar__title{font-size:15px;font-weight:500;color:var(--text-heading)}.topbar__right{display:flex;align-items:center;gap:12px}.nav{position:sticky;top:0;z-index:100;height:48px;background:var(--bg-nav);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-8)}.nav__logo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--text-heading);flex-shrink:0;text-decoration:none}.nav__links{display:flex;gap:var(--space-6);list-style:none;flex:1;justify-content:center}.nav__link{font-size:13px;color:var(--text-secondary);padding:14px 0;border-bottom:2px solid transparent;transition:all var(--transition-fast);text-decoration:none}.nav__link:hover{color:var(--text-primary)}.nav__link--active{color:var(--accent);border-bottom-color:var(--accent)}.nav__right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.page{padding:20px 24px;width:100%}.page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page__title{font-size:18px;font-weight:500;color:var(--text-heading)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;transition:border-color var(--transition-normal)}.card:hover{border-color:var(--border-hover)}.card--accent{border-top:2px solid var(--accent)}.grid{display:grid;gap:14px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5-5{grid-template-columns:55% 1fr}.grid--6-4{grid-template-columns:60% 1fr}.grid--7-3{grid-template-columns:1fr 320px}.btn{font-family:var(--font-sans);font-size:13px;font-weight:500;border:none;border-radius:var(--radius-md);padding:8px 18px;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 0 20px #d4935a33}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn--ghost:hover{background:var(--accent-muted)}.btn--sm{padding:5px 12px;font-size:12px}.btn--lg{padding:12px 28px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input-group{display:flex;flex-direction:column;gap:4px}.input{font-family:var(--font-sans);font-size:13px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:100px;background:var(--accent-muted);color:var(--accent)}.badge--success{background:#3b6b4e33;color:var(--status-success-text)}.badge--error{background:#9b4d4d33;color:var(--status-error-text)}.badge--info{background:#2b5ea733;color:#7eb4f0}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot--active{background:var(--status-success-text)}.dot--pending{background:var(--text-muted)}.metric{text-align:left}.metric__value{font-size:28px;font-weight:600;line-height:1.1;margin:6px 0 4px}.metric__change{font-size:12px;display:inline-flex;align-items:center;gap:3px}.progress{height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden;margin-top:6px}.progress__fill{height:100%;border-radius:2px;transition:width .8s ease}.progress__fill--royal{background:var(--data-royal)}.progress__fill--amber{background:var(--accent)}.progress__fill--rose{background:var(--status-error)}.pipeline{display:flex;align-items:center;justify-content:center;gap:2px;padding:20px 0 12px}.pipeline__stage{display:flex;flex-direction:column;align-items:center;gap:6px}.pipeline__hex{width:52px;height:46px;position:relative}.pipeline__connector{width:28px;height:1px;border-top:1px dashed var(--text-muted);align-self:center;margin-bottom:22px}.pipeline__label{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.pipeline__status{font-size:10px;color:var(--text-muted)}.pipeline__stage--done .pipeline__label,.pipeline__stage--active .pipeline__label{color:var(--accent)}.pipeline__stage--pending .pipeline__label{color:var(--text-muted)}@keyframes hexRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hexPulse{0%,to{opacity:.3}50%{opacity:.8}}.hex-orbit{position:absolute;inset:-6px;animation:hexRotate 3s linear infinite;pointer-events:none}.hex-orbit__dot{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent),0 0 16px #d4935a66;top:-3px;left:50%;transform:translate(-50%)}.hex-glow{animation:hexPulse 2s ease-in-out infinite}.table{width:100%;border-collapse:collapse}.table th{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);text-align:left;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.table td{font-size:13px;padding:8px 0;border-bottom:1px solid rgba(26,38,64,.5);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.domain-bar{display:flex;align-items:flex-end;gap:12px;padding:12px 16px}.domain-bar .input-group{flex:1}.domain-bar .input{width:100%}.log-viewer{font-family:var(--font-mono);font-size:12px;line-height:1.8;max-height:320px;overflow-y:auto;padding:8px}.log-entry{display:flex;gap:8px;align-items:baseline}.log-entry__time{color:var(--text-muted);flex-shrink:0}.log-entry__module{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;flex-shrink:0}.insight{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(26,38,64,.4)}.insight:last-child{border-bottom:none}.insight__bar{width:3px;border-radius:2px;flex-shrink:0}.insight__text{font-size:12px;color:var(--text-secondary);line-height:1.5}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.hero{text-align:center;padding:var(--space-16) 0 var(--space-12)}.hero__badge{display:inline-flex;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--accent);padding:4px 14px;border:1px solid rgba(212,147,90,.3);border-radius:100px;margin-bottom:var(--space-5)}.hero__title{font-size:42px;font-weight:500;color:var(--text-heading);line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-4)}.hero__title span{font-weight:300}.hero__subtitle{font-size:15px;color:var(--text-secondary);max-width:520px;margin:0 auto var(--space-6);line-height:1.6}.hero__actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-3)}.hero__trust{font-size:11px;color:var(--text-muted)}.triad{text-align:center;padding:var(--space-10) 0}.triad__title{font-size:20px;font-weight:500;color:var(--text-heading);margin-bottom:var(--space-6)}.triad__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.triad__card{text-align:left;padding:16px}.triad__label{font-size:16px;font-weight:600;color:var(--accent);margin-bottom:2px}.triad__name{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.triad__desc{font-size:13px;color:var(--text-secondary);line-height:1.5}@media(max-width:900px){.sidebar{display:none}.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3,.grid--5-5,.grid--6-4,.grid--7-3{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.pipeline__stage--error .pipeline__label{color:var(--status-error-text)}.pipeline-stages{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pipeline-stage-row{display:flex;align-items:center;gap:4px}.pipeline-hex{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-subtle);border-radius:6px;font-size:14px;transition:all .3s}.pipeline-hex.done{border-color:var(--status-success);color:var(--status-success-text);background:#3b6b4e26}.pipeline-hex.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted);animation:pulse-border 1.5s ease-in-out infinite}.pipeline-hex.pending{border-color:var(--border-subtle);color:var(--text-muted)}@keyframes pulse-border{0%,to{box-shadow:0 0 #d4935a4d}50%{box-shadow:0 0 0 6px #d4935a00}}.pipeline-stage-label{font-size:10px;font-weight:600;font-family:var(--font-mono);letter-spacing:.5px;transition:color .3s}.pipeline-stage-label.done{color:var(--status-success-text)}.pipeline-stage-label.active{color:var(--accent)}.pipeline-stage-label.pending{color:var(--text-muted)}.pipeline-connector{width:16px;height:2px;background:var(--border-subtle);margin:0 2px}.badge--warn{background:#d4935a26;color:var(--accent)}.input:disabled{opacity:.5;cursor:not-allowed}.progress{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .4s ease}@media(max-width:768px){.grid--3,.grid--2{grid-template-columns:1fr}.sidebar{display:none}}