:root{--brand-50:#f3f1fa;--brand-100:#e6e4f5;--brand-300:#b7bcec;--brand-500:#8d97da;--brand-600:#737fd0;--brand-700:#5b63b0;--lilac-300:#dcb1e8;--lilac-500:#d8a1e2;--accent-purple:#9b82d4;--accent-blue:#2787f5;--grad-brand:linear-gradient(90deg, #d8a1e2 0%, #8d97da 100%);--bg:#fff;--bg-subtle:#efedf1;--bg-muted:#eaeaf2;--surface:#fff;--surface-raised:#fff;--border:#e6e3ee;--border-strong:#d5d0e0;--text:#2b2b2f;--text-secondary:#6b6b74;--text-muted:#9a95a5;--text-inverted:#fff;--color-primary:var(--brand-500);--color-primary-hover:var(--brand-600);--color-primary-contrast:#fff;--primary-soft-bg:#ece9f8;--focus-ring:#8d97da66;--shadow-sm:0 1px 2px #2b2b2f0f;--shadow-md:0 6px 20px #7279d01f;--shadow-lg:0 16px 44px #7279d02e;--overlay:#2b2b2f61;--radius-sm:10px;--radius:14px;--radius-lg:22px;--radius-pill:999px;--font-sans:"Montserrat", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:"Unbounded", "Montserrat", system-ui, sans-serif;--header-h:68px;--content-max-wide:1600px;--content-max-narrow:1180px;--cat-1:#5f6bc4;--cat-2:#a23ad3;--cat-3:#2f8fa8;--cat-4:#1fa093;--cat-5:#4f9e2f;--cat-6:#cc6a45;--cat-7:#8a9410;--cat-8:#625ad1;--st-blue-fg:#1a73e8;--st-blue-bg:#e8f0fe;--st-yellow-fg:#a5760a;--st-yellow-bg:#fff4cc;--st-green-fg:#188038;--st-green-bg:#e6f4ea;--st-red-fg:#d93025;--st-red-bg:#fce8e6;--st-gray-fg:#5a6a72;--st-gray-bg:#f1f3f4;--st-brand-fg:#5b58b8;--st-brand-bg:#ecedfb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--bg:#14131a;--bg-subtle:#1b1a24;--bg-muted:#232232;--surface:#1b1a24;--surface-raised:#201f2b;--border:#322f42;--border-strong:#45415a;--text:#eceaf4;--text-secondary:#b7b3c8;--text-muted:#837e97;--text-inverted:#14131a;--brand-300:#a7adea;--brand-500:#a0a8e6;--brand-600:#8d97da;--lilac-500:#dcb1e8;--accent-purple:#b7a3e6;--color-primary:var(--brand-500);--color-primary-hover:var(--brand-600);--color-primary-contrast:#16121f;--accent-blue:#6ea8ff;--grad-brand:linear-gradient(90deg, #c58fd6 0%, #7f8ad6 100%);--primary-soft-bg:#2a2740;--focus-ring:#a0a8e673;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 16px 44px #0000008c;--overlay:#0009;--cat-1:#a3ace8;--cat-2:#d59bea;--cat-3:#7dc6dc;--cat-4:#6fd6c8;--cat-5:#9fd97f;--cat-6:#e6a488;--cat-7:#d3dc6a;--cat-8:#a7adea;--st-blue-fg:#8fb8ff;--st-blue-bg:#16304f;--st-yellow-fg:#e8c46a;--st-yellow-bg:#3a3013;--st-green-fg:#6bd48c;--st-green-bg:#12331f;--st-red-fg:#f18e85;--st-red-bg:#3a1a17;--st-gray-fg:#9fb0b7;--st-gray-bg:#1e2e33;--st-brand-fg:#b6bdf0;--st-brand-bg:#262547;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.2}h1,h2,.page-title,.hero h1,.logo{font-family:var(--font-display);letter-spacing:-.02em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.grow{flex:1}.between{justify-content:space-between}.center{justify-content:center}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:600}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.nowrap{white-space:nowrap}.btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-muted)}.btn-subtle{background:var(--bg-muted);color:var(--text)}.btn-subtle:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--st-red-fg);color:#fff}.btn-success{background:var(--st-green-fg);color:#fff}.btn-sm{border-radius:var(--radius-pill);padding:7px 15px;font-size:13px}.btn-lg{padding:14px 26px;font-size:16px}.btn-block{width:100%}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{font-size:15px;font-weight:700}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12.5px;font-weight:600;line-height:1.4;display:inline-flex}.badge svg{flex-shrink:0;width:14px;height:14px}.badge-blue{color:var(--st-blue-fg);background:var(--st-blue-bg)}.badge-yellow{color:var(--st-yellow-fg);background:var(--st-yellow-bg)}.badge-green{color:var(--st-green-fg);background:var(--st-green-bg)}.badge-red{color:var(--st-red-fg);background:var(--st-red-bg)}.badge-gray{color:var(--st-gray-fg);background:var(--st-gray-bg)}.badge-brand{color:var(--st-brand-fg);background:var(--st-brand-bg)}.cat-1{--cat-fg:var(--cat-1)}.cat-2{--cat-fg:var(--cat-2)}.cat-3{--cat-fg:var(--cat-3)}.cat-4{--cat-fg:var(--cat-4)}.cat-5{--cat-fg:var(--cat-5)}.cat-6{--cat-fg:var(--cat-6)}.cat-7{--cat-fg:var(--cat-7)}.cat-8{--cat-fg:var(--cat-8)}.cat-avatar{background:color-mix(in srgb, var(--cat-fg) 16%, transparent);width:38px;height:38px;color:var(--cat-fg);font-family:var(--font-display);letter-spacing:.01em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.cat-chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--cat-fg) 15%, transparent);color:var(--cat-fg);white-space:nowrap;align-items:center;gap:6px;padding:3px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.cat-dot{background:var(--cat-fg);border-radius:50%;flex-shrink:0;width:8px;height:8px}.timeline{flex-direction:column;gap:2px;display:flex}.tl-step{grid-template-columns:28px 1fr;gap:12px;display:grid;position:relative}.tl-marker{flex-direction:column;align-items:center;display:flex}.tl-dot{border:2px solid var(--border-strong);background:var(--surface-raised);width:22px;height:22px;color:var(--text-muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tl-dot svg{width:13px;height:13px}.tl-line{background:var(--border);flex:1;width:2px;min-height:14px}.tl-step:last-child .tl-line{display:none}.tl-body{padding-bottom:14px}.tl-label{font-size:14px;font-weight:600}.tl-at{color:var(--text-muted);font-size:12px}.tl-done .tl-dot{border-color:var(--st-green-fg);background:var(--st-green-bg);color:var(--st-green-fg)}.tl-done .tl-line{background:var(--st-green-fg)}.tl-current .tl-dot{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 0 0 4px var(--focus-ring)}.tl-failed .tl-dot{border-color:var(--st-red-fg);background:var(--st-red-bg);color:var(--st-red-fg)}.tl-skipped{opacity:.5}.tl-pending .tl-label{color:var(--text-muted)}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-secondary);font-size:13px;font-weight:600}.input,.select,.textarea{font:inherit;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);width:100%;min-width:0;max-width:100%;padding:10px 12px;font-size:15px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.textarea{resize:vertical;min-height:84px}.pw-field{width:100%;position:relative}.pw-field .input{padding-right:44px}.pw-toggle{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text)}.pw-toggle:disabled{cursor:default;opacity:.5}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:12px 14px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table-hover tbody tr:hover{background:var(--bg-subtle);cursor:pointer}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.table .cell-actions{white-space:normal}.table .cell-actions .btn{white-space:nowrap}.table .cell-actions .row{flex-wrap:wrap;justify-content:flex-end}@media (max-width:1400px){.table .cell-actions .row{flex-direction:column;align-items:flex-end}.table .cell-actions .btn{justify-content:center;width:100%}}.table td .row>svg:not([width]){flex-shrink:0;width:16px;height:16px}.table .cell-wrap .badge{white-space:normal}.table .cell-break{overflow-wrap:anywhere;min-width:12ch}@media (max-width:1280px){.table th,.table td{padding-left:10px;padding-right:10px}.table .cell-actions .btn-sm{padding:6px 10px;font-size:12.5px}}@media (max-width:1100px){.table th,.table td{padding-left:8px;padding-right:8px}}.metric{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-raised);padding:18px 20px}.metric-label{color:var(--text-muted);font-size:13px;font-weight:600}.metric-value{letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:800}.metric-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.metric-primary{background:var(--grad-brand);color:#fff;border-color:#0000}.metric-primary .metric-label,.metric-primary .metric-hint{color:#ffffffd1}.state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.state svg{opacity:.7;width:40px;height:40px}.state-title{color:var(--text);font-size:16px;font-weight:700}.skeleton{background:linear-gradient(90deg, var(--bg-muted) 25%, var(--border) 37%, var(--bg-muted) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner{border:2.5px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.alert svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert-warning{background:var(--st-yellow-bg);color:var(--st-yellow-fg)}.alert-error{background:var(--st-red-bg);color:var(--st-red-fg)}.alert-info{background:var(--st-blue-bg);color:var(--st-blue-fg)}.alert-success{background:var(--st-green-bg);color:var(--st-green-fg)}.header{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.logo-mark{background:var(--grad-brand);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.brand-logo{color:var(--text);align-items:center;gap:9px;display:inline-flex}.brand-logo svg{display:block}.brand-ref{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;color:#fff;background:var(--grad-brand);border-radius:var(--radius-pill);padding:4px 8px 3px;font-size:11px;font-weight:700;line-height:1}.nav{align-items:center;gap:6px;display:flex}.nav a{border-radius:var(--radius);color:var(--text-secondary);padding:8px 12px;font-size:15px;font-weight:500}.nav a:hover{background:var(--bg-muted);color:var(--text)}.icon-btn{border-radius:var(--radius);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-muted);color:var(--text)}.icon-btn svg{width:18px;height:18px}.shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-group{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:14px 12px 6px;font-size:11px;font-weight:700}.side-link{border-radius:var(--radius);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:14.5px;font-weight:500;display:flex}.side-link:hover{background:var(--bg-muted);color:var(--text)}.side-link.active{background:var(--primary-soft-bg);color:var(--accent-purple);font-weight:600}.side-link svg{flex-shrink:0;width:18px;height:18px}.side-badge{background:var(--st-red-fg);color:#fff;border-radius:var(--radius-pill);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.content{max-width:var(--content-max-wide);width:100%;margin-inline:auto;padding:28px 32px}.narrow{max-width:var(--content-max-narrow);width:100%;margin-inline:auto}.bell-panel{z-index:60;width:340px;max-width:90vw;box-shadow:var(--shadow-lg);position:absolute;top:48px;right:0;overflow:hidden}@media (max-width:900px){.bell-panel{left:16px;right:16px;top:calc(var(--header-h) + 8px);width:auto;max-width:none;position:fixed}}@media (max-width:1100px){.content{padding:24px 20px}}.page-title{letter-spacing:-.02em;font-size:24px;font-weight:800}.grid{gap:16px;display:grid}.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>*{min-width:0}.field{min-width:0;max-width:100%}.menu-toggle,.sidebar-backdrop{display:none}.header-pad{padding:0 32px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{z-index:70;width:280px;max-width:85vw;box-shadow:var(--shadow-lg);visibility:hidden;transition:transform .2s,visibility .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{visibility:visible;transition:transform .2s;transform:none}.sidebar-backdrop{z-index:65;background:var(--overlay);display:block;position:fixed;inset:0}.menu-toggle{flex-shrink:0;display:inline-flex}.header-pad{padding:0 16px}.header-inner{gap:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:20px 16px}}@media (max-width:600px){.content .row:not(td .row){flex-wrap:wrap}.header-inner .row{gap:6px;min-width:0}.header-inner .chip{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;display:block;overflow:hidden}}.hero{padding:72px 0 56px}.hero h1{letter-spacing:-.03em;max-width:12ch;font-size:46px;font-weight:800}.hero p.lead{color:var(--text-secondary);max-width:52ch;margin-top:18px;font-size:19px}.eyebrow{color:var(--brand-600);background:var(--brand-50);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}:root.dark .eyebrow{background:var(--bg-muted)}.section{padding:56px 0}.section-subtle{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feature{border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);padding:24px}.feature-ico{background:var(--primary-soft-bg);width:44px;height:44px;color:var(--accent-purple);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.feature-ico svg{width:22px;height:22px}.step-num{background:var(--color-primary);width:34px;height:34px;color:var(--color-primary-contrast);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.footer{border-top:1px solid var(--border);color:var(--text-muted);padding:32px 0;font-size:14px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}.role-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-raised);flex-direction:column;gap:8px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.role-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.divider{background:var(--border);border:none;height:1px;margin:0}.kv{grid-template-columns:minmax(80px,min(150px,40%)) minmax(0,1fr);gap:8px 16px;font-size:14px;display:grid}.kv dt{color:var(--text-muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:500}.chip{border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}