:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #f7f7f9;--surface: #ffffff;--surface-2: #f0f1f4;--border: #e2e3e9;--border-strong: #cbccd6;--text: #14161c;--muted: #676b78;--accent: #3452ff;--accent-strong: #2440e0;--accent-wash: #eaedff;--on-accent: #ffffff;--good: #107353;--good-wash: #e6f5ef;--attention: #ba2e20;--attention-wash: #fbeae7;--warning: #9a6300;--warning-wash: #faf0dc;--shadow-card: 0 1px 2px rgba(20, 22, 28, .04), 0 1px 1px rgba(20, 22, 28, .03);--shadow-raised: 0 4px 16px rgba(20, 22, 28, .08), 0 1px 2px rgba(20, 22, 28, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--transition: .15s cubic-bezier(.2, 0, 0, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e0f13;--surface: #16171f;--surface-2: #1d1f29;--border: #2b2d3a;--border-strong: #3d4051;--text: #edeef3;--muted: #9a9dad;--accent: #6b81ff;--accent-strong: #869aff;--accent-wash: #202a5c;--on-accent: #0b0d16;--good: #3ecf98;--good-wash: #103427;--attention: #ff6b5c;--attention-wash: #3a1a17;--warning: #e0ac3f;--warning-wash: #3a2c0d;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e0f13;--surface: #16171f;--surface-2: #1d1f29;--border: #2b2d3a;--border-strong: #3d4051;--text: #edeef3;--muted: #9a9dad;--accent: #6b81ff;--accent-strong: #869aff;--accent-wash: #202a5c;--on-accent: #0b0d16;--good: #3ecf98;--good-wash: #103427;--attention: #ff6b5c;--attention-wash: #3a1a17;--warning: #e0ac3f;--warning-wash: #3a2c0d;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;transition:background var(--transition),color var(--transition)}.app{min-width:0;flex:1;padding:var(--space-6) var(--space-6) var(--space-7);max-width:1440px}.split-panel{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:var(--space-6);align-items:start}.split-panel--reverse{grid-template-columns:minmax(0,1fr) minmax(280px,420px)}.split-panel>.card,.split-panel--reverse>.card{margin:0}@media(max-width:960px){.split-panel,.split-panel--reverse{grid-template-columns:1fr}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-5);position:relative}.auth-shell__theme{position:absolute;top:var(--space-5);right:var(--space-5)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-6);width:100%;max-width:380px}.auth-card__brand{display:inline-block;font-size:20px;font-weight:650;letter-spacing:-.01em;color:var(--text);text-decoration:none}.auth-card .form{margin-top:var(--space-5);max-width:none}.auth-card h1{margin:0 0 4px}.app-shell{min-height:100vh;display:flex;background:var(--bg)}.sidebar{width:224px;flex:0 0 224px;min-height:100vh;padding:var(--space-6) var(--space-3) var(--space-4);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar__brand{padding:0 var(--space-3);font-size:18px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.sidebar__workspace{padding:0 var(--space-3) var(--space-5);margin:6px 0 0;font-size:12px;color:var(--muted)}.sidebar__nav{display:grid;gap:2px}.sidebar__nav a{border-radius:var(--radius-sm);padding:8px 12px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:500;transition:background var(--transition),color var(--transition)}.sidebar__nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar__nav a.active{color:var(--accent);background:var(--accent-wash);font-weight:600}.sidebar__footer{margin-top:auto;padding:var(--space-3);border-top:1px solid var(--border);font-size:12px;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.app__main{margin-top:var(--space-5)}.app__footer{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:13px}.muted{color:var(--muted)}.banner{border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;border:1px solid var(--border);background:var(--surface)}.banner--dev{border-color:var(--border-strong);background:var(--surface-2)}h1{font-size:26px;font-weight:650;letter-spacing:-.015em;margin:8px 0 16px}h2{font-size:18px;font-weight:650;letter-spacing:-.01em;margin:var(--space-6) 0 var(--space-3)}h3{font-size:15px;font-weight:600;margin:var(--space-5) 0 var(--space-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5);margin:var(--space-5) 0;max-width:800px;transition:background var(--transition),border-color var(--transition)}.form{display:flex;flex-direction:column;gap:var(--space-3);max-width:560px}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-weight:600;font-size:13px}.field__hint{font-size:12px;color:var(--muted)}input,select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--text);transition:border-color var(--transition),background var(--transition)}input::placeholder{color:var(--muted);opacity:.8}input:hover,select:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,.button:focus-visible,.link-button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.button{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:550;text-decoration:none;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.button--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.button--danger{background:var(--attention);border-color:var(--attention);color:#fff}.button--danger:hover:not(:disabled){filter:brightness(.92)}.confirm-dialog{min-width:320px;max-width:420px;margin:auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-raised)}.confirm-dialog::backdrop{background:#14161c80}.confirm-dialog h2{margin:0 0 8px;font-size:17px}.confirm-dialog__actions{margin-top:var(--space-4)}.link-button{border:none;background:none;color:var(--accent);font:inherit;font-weight:500;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--accent-strong)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.icon-button:hover{background:var(--surface-2);border-color:var(--border-strong)}.icon-button:active{transform:scale(.94)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top;font-size:14px}.table th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2)}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.row--selected,.row--selected:hover{background:var(--accent-wash)}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.empty-state h3{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);display:flex;flex-direction:column;gap:2px}.stat--attention{border-color:var(--attention)}.stat__value{font-family:var(--font-mono);font-size:26px;font-weight:600;letter-spacing:-.01em}.stat__label{color:var(--muted);font-size:13px}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;align-items:center}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:550;border:1px solid var(--border);white-space:nowrap}.badge--good{border-color:transparent;background:var(--good-wash);color:var(--good)}.badge--attention{border-color:transparent;background:var(--attention-wash);color:var(--attention)}.badge--active{border-color:transparent;background:var(--accent-wash);color:var(--accent)}.badge--neutral{color:var(--muted)}.notice{border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:14px}.notice--error{border:1px solid var(--attention);background:var(--attention-wash);color:var(--attention)}.notice--info{border:1px solid var(--border-strong);background:var(--accent-wash);color:var(--text)}.inline-form{display:flex;align-items:center;gap:var(--space-2)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.checkbox-label input[type=checkbox]{width:auto;padding:0}.button--large{padding:12px 22px;font-size:15px}.billing-status{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.billing-status__value{margin:2px 0 0}.mock-checkout__badge{margin:var(--space-3) 0}.mock-checkout__summary{display:grid;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm)}.mock-checkout__summary>div{display:flex;justify-content:space-between;gap:var(--space-3)}.mock-checkout__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.event-log{padding-left:20px;display:flex;flex-direction:column;gap:var(--space-2);font-size:14px}.plan-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;font-size:14px}.plan-steps__item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.plan-steps__item:last-child{border-bottom:none}.plan-steps__sequence{font-family:var(--font-mono);font-variant-numeric:tabular-nums;width:1.4em;text-align:right;color:var(--muted)}.plan-steps__label{flex:1}.plan-steps__state{font-size:12px}code{font-family:var(--font-mono);font-size:13px;background:var(--surface-2);padding:1px 5px;border-radius:4px}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{width:auto;flex:0 0 auto;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-right:none;border-bottom:1px solid var(--border)}.sidebar__workspace{padding:0;margin:0;flex:1 1 auto}.sidebar__nav{grid-auto-flow:column;gap:2px;overflow-x:auto}.sidebar__footer{margin-top:0;flex-direction:row;flex-wrap:wrap;align-items:center;border-top:none;padding:0;width:100%}.app{padding:var(--space-4) var(--space-4) var(--space-6)}.auth-shell__theme{top:var(--space-3);right:var(--space-3)}}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.theme-toggle:hover{border-color:var(--border-strong)}.skeleton{display:inline-block;background:linear-gradient(100deg,var(--surface-2) 30%,var(--border) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--surface-2)}}.skeleton-page{display:grid;gap:var(--space-5);padding-top:var(--space-2)}.skeleton-page--auth-card{gap:var(--space-3);padding-top:var(--space-3)}.skeleton-page__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.skeleton-page__rows{display:grid;gap:var(--space-3)}.profile-menu{position:relative;width:100%}.profile-menu__trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.profile-menu__trigger:hover{background:var(--surface-2);border-color:var(--border)}.profile-menu__avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-wash);color:var(--accent-strong);font-size:12px;font-weight:650}.profile-menu__trigger-text{display:flex;flex-direction:column;min-width:0}.profile-menu__trigger-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__trigger-org{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__panel{position:absolute;bottom:calc(100% + 8px);left:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-2);display:grid;gap:2px;z-index:20}.profile-menu__identity{padding:var(--space-2) var(--space-2) var(--space-1);display:grid;gap:2px}.profile-menu__name{font-size:13px;font-weight:600;word-break:break-all}.profile-menu__org{font-size:12px}.profile-menu__divider{height:1px;background:var(--border);margin:4px 0}.profile-menu__item{display:block;width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:background var(--transition)}.profile-menu__item:hover{background:var(--surface-2)}.profile-menu__item--static{cursor:default;padding:4px 10px}.profile-menu__item--static:hover{background:transparent}.profile-menu__item--danger{color:var(--attention)}.landing{min-height:100vh;background:var(--bg);color:var(--text)}.landing__header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border)}.landing__header-inner{max-width:1120px;margin:0 auto;padding:16px var(--space-5);display:flex;align-items:center;gap:var(--space-6)}.landing__brand{font-size:18px;font-weight:650;letter-spacing:-.01em;margin-right:auto}.landing__nav{display:flex;gap:var(--space-5)}.landing__nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition)}.landing__nav a:hover{color:var(--text)}.landing__header-actions{display:flex;align-items:center;gap:var(--space-3)}.landing__hero{padding:96px var(--space-5) 80px;background:radial-gradient(ellipse 120% 100% at 50% -20%,var(--accent-wash),transparent 60%)}.landing__hero-inner{max-width:720px;margin:0 auto;text-align:center;display:grid;gap:var(--space-4);justify-items:center}.landing__eyebrow{display:inline-flex;padding:4px 12px;border-radius:999px;background:var(--accent-wash);color:var(--accent-strong);font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.landing__headline{font-size:44px;line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0}.landing__subhead{font-size:17px;line-height:1.55;color:var(--muted);max-width:600px;margin:0}.landing__hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.landing__hero-note{font-size:13px;margin:0}.landing__section-inner{max-width:1120px;margin:0 auto;padding:72px var(--space-5)}.landing__section-title{font-size:28px;font-weight:650;letter-spacing:-.015em;text-align:center;margin:0 0 48px}.landing__features{border-top:1px solid var(--border)}.landing__feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.landing__feature-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color var(--transition),transform var(--transition)}.landing__feature-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.landing__feature-card h3{margin-top:0;font-size:16px}.landing__feature-card p{margin-bottom:0;font-size:14px;line-height:1.55}.landing__pricing{border-top:1px solid var(--border);background:var(--surface-2)}.landing__pricing-inner{display:flex;flex-direction:column;align-items:center}.landing__pricing-card{width:100%;max-width:380px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);display:grid;gap:4px;justify-items:center;text-align:center}.landing__price{font-size:40px;font-weight:700;letter-spacing:-.02em}.landing__pricing-list{list-style:none;padding:0;margin:var(--space-5) 0;display:grid;gap:10px;text-align:left;width:100%}.landing__pricing-list li{font-size:14px;padding-left:24px;position:relative}.landing__pricing-list li:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700}.landing__footer{border-top:1px solid var(--border)}.landing__footer-inner{max-width:1120px;margin:0 auto;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;font-size:13px}.landing__footer-inner a{color:var(--muted)}@media(max-width:720px){.landing__nav{display:none}.landing__headline{font-size:32px}.landing__hero{padding:64px var(--space-4) 56px}.landing__section-inner{padding:56px var(--space-4)}}
