:root{--bg: #0b121a;--surface: #131d28;--surface-alt: #1d2a39;--line: #2a3a4c;--text: #e7eef6;--text-soft: #9eb0c4;--brand: #0f8b8d;--brand-2: #3aafa9;--danger: #d95d39;--warn: #f2cc8f;--success: #6fb98f}[data-theme=light]{--bg: #f0f3f7;--surface: #ffffff;--surface-alt: #e6eaf0;--line: #c8d1dc;--text: #1a2332;--text-soft: #5a6b7d;--brand: #0d7d7f;--brand-2: #0a6e70;--danger: #c44425;--warn: #9e7d14;--success: #3a825a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,Avenir Next,sans-serif;transition:background .3s ease,color .2s ease}.app-shell{max-width:1200px;margin:0 auto;padding:28px 20px 64px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.18em;color:var(--brand-2)}h1{margin:0;font-size:1.8rem}.hero-strip{margin-bottom:18px;background:linear-gradient(120deg,#0f8b8d1f,#3aafa920)}.hero-strip p{margin:0;color:var(--text-soft)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.card{background:color-mix(in oklab,var(--surface),#000 14%);border:1px solid var(--line);border-radius:14px;padding:16px}.card-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.card-header h3{margin:0;font-size:1rem}.card-header p{margin:4px 0 0;color:var(--text-soft);font-size:.86rem}.role-tabs{display:flex;gap:8px;flex-wrap:wrap}.btn{border-radius:10px;border:1px solid transparent;padding:9px 12px;font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .12s ease}.btn-default{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff}.btn-secondary{background:#355070;color:#fff}.btn-outline{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost{background:transparent;color:var(--text-soft);border-color:transparent}.btn:hover{transform:translateY(-1px)}.field{display:block}.field span{display:block;margin-bottom:6px;color:var(--text-soft);font-size:.8rem}.field input,.field select,.field textarea{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--surface-alt);color:var(--text);padding:10px;font:inherit}.field textarea{resize:vertical}.stack{display:grid;gap:10px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:.72rem;border:1px solid var(--line);background:#12202d}.badge-danger{color:var(--danger);border-color:#77403a}.badge-warn{color:var(--warn);border-color:#6e604a}.badge-success{color:var(--success);border-color:#406955}.badge-neutral{color:var(--text-soft)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid #223243;font-size:.84rem}th{color:var(--text-soft);font-size:.75rem;letter-spacing:.07em}.empty-cell{text-align:center;color:var(--text-soft)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics article{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface-alt)}.metrics p{margin:0 0 6px;color:var(--text-soft);font-size:.78rem}.metrics h4{margin:0;font-size:1.1rem}.toggle-row{display:flex;gap:8px;align-items:center;color:var(--text-soft)}.alert{color:var(--danger)}.loading{color:var(--text-soft)}.chip-list{display:flex;gap:6px;flex-wrap:wrap}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface-alt);color:var(--text-soft);cursor:pointer;transition:all .18s ease;flex-shrink:0}.theme-toggle:hover{color:var(--text);border-color:var(--brand);transform:translateY(-1px)}.theme-toggle svg{width:18px;height:18px;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(20deg)}[data-theme=light] .badge{background:#e0e6ee}[data-theme=light] th,[data-theme=light] td{border-bottom-color:var(--line)}[data-theme=light] .hero-strip{background:linear-gradient(120deg,#0f8b8d18,#3aafa918)}.landing{max-width:960px;margin:0 auto;padding:24px 28px 64px}.landing-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.landing-brand{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.landing-nav-links{display:flex;align-items:center;gap:6px}.nav-link{background:none;border:none;color:var(--text-soft);font:inherit;font-size:.84rem;font-weight:500;padding:6px 14px;cursor:pointer;border-radius:8px;transition:color .12s ease,background .12s ease}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link-pill{border:1px solid var(--line);border-radius:8px;margin-left:4px}.nav-link-pill:hover{border-color:var(--text-soft)}.landing-hero{margin-bottom:48px}.landing-eyebrow{margin:0 0 8px;font-size:.82rem;font-weight:600;color:var(--brand-2);letter-spacing:.01em}.landing-title{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.025em;line-height:1.2;margin:0 0 16px;color:var(--text);max-width:580px}.landing-subtitle{max-width:520px;margin:0 0 24px;color:var(--text-soft);font-size:.92rem;line-height:1.55}.landing-cta{padding:10px 22px;font-size:.86rem;border-radius:8px}.landing-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--surface)}.panel-header{margin-bottom:20px}.panel-header h2{margin:0 0 4px;font-size:1.05rem;font-weight:700}.panel-header p{margin:0;color:var(--text-soft);font-size:.84rem}.setup-steps{display:grid;gap:0}.setup-step{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.setup-step:last-child{border-bottom:none}.step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--brand);color:var(--brand);font-size:.82rem;font-weight:700}.step-body{flex:1;min-width:0}.step-body h3{margin:0;font-size:.88rem;font-weight:600}.step-body p{margin:3px 0 0;color:var(--text-soft);font-size:.78rem;line-height:1.4}.btn-sm{padding:6px 14px;font-size:.76rem;white-space:nowrap}.activity-list{display:grid;gap:0}.activity-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.activity-item h4{margin:0;font-size:.86rem;font-weight:600}.activity-time{color:var(--text-soft);font-size:.74rem}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;white-space:nowrap}.status-badge-success{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.status-badge-warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.status-badge-danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.link-btn{background:none;border:none;color:var(--text-soft);font:inherit;font-size:.8rem;padding:10px 0 0;cursor:pointer;text-decoration:none}.link-btn:hover{color:var(--brand)}.panel .alert{margin:0 0 8px;font-size:.82rem}.step-done{background:var(--brand);color:#fff;border-color:var(--brand)}.step-meta{display:inline-block;margin-top:4px;font-size:.72rem;color:var(--brand);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.modal-head h2{margin:0;font-size:1.15rem;font-weight:700}.modal-badge{font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:6px;background:var(--surface-alt);color:var(--text-soft);border:1px solid var(--line)}.modal-desc{margin:0 0 20px;font-size:.84rem;color:var(--text-soft);line-height:1.5}.modal-desc a,.modal-link-line a{color:var(--brand-2);text-decoration:underline;text-underline-offset:2px}.modal-desc a:hover,.modal-link-line a:hover{color:var(--brand)}.modal-form{display:grid;gap:12px}.modal-input{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--surface-alt);color:var(--text);padding:11px 14px;font:inherit;font-size:.88rem;transition:border-color .12s ease}.modal-input::placeholder{color:var(--text-soft)}.modal-input:focus{outline:none;border-color:var(--brand)}.advanced-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text);font:inherit;font-size:.84rem;font-weight:600;padding:4px 0;cursor:pointer}.advanced-toggle:hover{color:var(--brand)}.advanced-fields{display:grid;gap:10px}.modal-error{margin:0;font-size:.82rem;color:var(--danger)}.modal-disclaimer{margin:4px 0 0;font-size:.76rem;color:var(--text-soft);line-height:1.5}.modal-link-line{margin:0;font-size:.8rem;color:var(--text-soft)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.landing-footer{display:flex;justify-content:space-between;align-items:center;margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}.footer-left p{margin:6px 0 0;color:var(--text-soft);font-size:.75rem}.footer-links{display:flex;gap:2px}@media (max-width: 960px){.grid-2{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar{flex-direction:column;align-items:start}}@media (max-width: 700px){.landing-panels{grid-template-columns:1fr}.landing-nav-links{gap:2px}.nav-link{padding:6px 8px;font-size:.78rem}.setup-step{flex-wrap:wrap}.landing-footer{flex-direction:column;align-items:start;gap:12px}}