:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#121217;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Cabinet Grotesk", "Avenir Next", Inter, ui-sans-serif, system-ui, sans-serif;--color-brand-primary:#850045;--color-brand-deep:#32001a;--color-brand-pale:#eee5ea;--color-theme-primary:#640034;--color-primary-container:#420726;--color-secondary:#ff4120;--color-secondary-light:#fd6c29;--color-warning:#ffca22;--color-success:#25c909;--color-positive:#23b380;--color-error:#e91e26;--color-material-error:#ba1a1a;--color-purple:#9e79e2;--color-surface:#fff;--color-surface-subtle:#fcfcfc;--color-surface-muted:#f7f7f8;--color-surface-brand:#fff3f9;--color-text-primary:#121217;--color-text-secondary:#6c6b89;--color-text-muted:#959595;--color-border-light:#ebebef;--color-border-medium:#d1d1db;--color-input-border:#dce8e2;--color-divider:#f1f1f1a6;--color-disabled:#dadada;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--radius-menu:6px;--radius-card:10px;--radius-field:12px;--radius-medium:16px;--radius-dialog:20px;--radius-surface:24px;--radius-segmented:32px;--radius-button:40px;--shadow-card:0 12px 36px #32001a14;--shadow-surface:0 24px 64px #32001a1f;background:#f7f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-surface-muted);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text-primary);background:radial-gradient(circle at 100% 0%, #ff41200f, transparent 28rem), var(--color-surface-muted);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}::selection{color:var(--color-surface);background:var(--color-brand-primary)}:focus-visible{outline-offset:3px;outline:3px solid #64003438}.app-shell{width:min(1180px,100% - 48px);padding:var(--space-md) 0 64px;margin:0 auto}.environment-banner{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-segmented);color:var(--color-brand-deep);letter-spacing:.05em;text-align:center;text-transform:uppercase;background:#ffca2229;border:1px solid #ffca2285;font-size:12px;font-weight:700}.app-header{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:72px;padding:0 0 var(--space-sm);display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{width:44px;height:44px;color:var(--color-surface);background:linear-gradient(145deg, var(--color-brand-primary), var(--color-brand-deep));font-family:var(--font-heading);border-radius:50%;flex:0 0 44px;place-items:center;font-size:20px;font-weight:800;display:grid;box-shadow:0 8px 20px #8500452e}.app-header h1{margin:1px 0 0;font-size:20px;font-weight:700;line-height:1.2}.app-header h1 a{color:inherit;text-decoration:none}.eyebrow{color:var(--color-brand-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.status-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-segmented);min-height:32px;color:var(--color-text-primary);white-space:nowrap;background:#25c90917;border:1px solid #25c9093d;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-badge:before{background:var(--color-success);content:"";border-radius:50%;width:7px;height:7px}.status-badge--signed-out{border-color:var(--color-border-light);color:var(--color-text-secondary);background:var(--color-surface-subtle)}.status-badge--signed-out:before{background:var(--color-text-muted)}.header-actions{align-items:center;gap:12px;display:flex}.secondary-button{border:1px solid var(--color-border-light);border-radius:var(--radius-button);min-height:40px;color:var(--color-brand-primary);background:var(--color-surface);font:inherit;cursor:pointer;padding:8px 16px;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s,transform .15s}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--color-brand-pale);background:var(--color-surface-brand)}.secondary-button:active{transform:translateY(1px)}.app-shell>nav{width:fit-content;max-width:100%;min-height:48px;margin-bottom:var(--space-md);border-radius:var(--radius-segmented);background:#f1f1f1;gap:4px;padding:4px;display:flex;overflow-x:auto}.app-shell>nav a{border-radius:var(--radius-segmented);min-height:40px;color:var(--color-text-muted);white-space:nowrap;border:1px solid #0000;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.app-shell>nav a:hover,.app-shell>nav a:focus-visible{color:var(--color-theme-primary)}.app-shell>nav a.active{border-color:var(--color-border-light);color:var(--color-theme-primary);background:var(--color-surface);box-shadow:0 2px 8px #1212170f}.hero{border-radius:var(--radius-surface);color:var(--color-surface);background:radial-gradient(circle at 90% 5%, #ffca224d, transparent 17rem), linear-gradient(135deg, var(--color-brand-deep), var(--color-brand-primary));box-shadow:var(--shadow-surface);padding:clamp(40px,7vw,80px);position:relative;overflow:hidden}.hero:after{content:"";border:38px solid #ff41206b;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-74px;right:-52px}.hero .eyebrow{color:var(--color-warning)}.hero h2{z-index:1;letter-spacing:-.03em;max-width:720px;margin:14px 0 18px;font-size:clamp(30px,5vw,56px);font-weight:500;line-height:1.04;position:relative}.hero>p:last-child{z-index:1;color:#ffffffc7;max-width:660px;margin:0;font-size:16px;position:relative}.foundation{padding-top:var(--space-xl)}.foundation>h2{margin:0 0 var(--space-sm);font-size:24px;font-weight:700;line-height:1.2}.card-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.card,.version-card{border:1px solid var(--color-border-light);border-radius:var(--radius-card);background:var(--color-surface)}.card{padding:var(--space-md);box-shadow:var(--shadow-card)}.card:before{width:32px;height:4px;margin-bottom:var(--space-sm);border-radius:var(--radius-segmented);background:var(--color-secondary);content:"";display:block}.card h3{color:var(--color-text-primary);margin:0 0 10px;font-size:16px;font-weight:700}.card p{color:var(--color-text-secondary);margin:0;font-size:14px}.system-page{border:1px solid var(--color-border-light);border-radius:var(--radius-dialog);background:var(--color-surface);width:min(560px,100%);box-shadow:var(--shadow-surface);margin:clamp(40px,8vw,80px) auto;padding:clamp(28px,6vw,48px)}.system-page h1,.system-page h2{margin:10px 0 14px;font-size:30px;font-weight:400;line-height:1.15}.system-page>p:not(.eyebrow,.form-error){color:var(--color-text-secondary)}.system-page>a,.system-page>button,.auth-page form>button{width:100%;min-height:56px;margin-top:var(--space-sm);border-radius:var(--radius-button);color:var(--color-surface);background:var(--color-brand-primary);font:inherit;letter-spacing:-.02em;text-align:center;cursor:pointer;border:0;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.system-page>a:hover,.system-page>a:focus-visible,.system-page>button:hover,.system-page>button:focus-visible,.auth-page form>button:hover,.auth-page form>button:focus-visible{background:var(--color-theme-primary);box-shadow:0 8px 20px #8500452e}.system-page button:disabled,.auth-page form>button:disabled{color:#12121780;background:var(--color-disabled);box-shadow:none;cursor:not-allowed}.auth-page{position:relative;overflow:hidden}.auth-page:before{background:linear-gradient(90deg, var(--color-brand-primary) 0 68%, var(--color-secondary) 68% 86%, var(--color-warning) 86%);content:"";height:6px;position:absolute;top:0;left:0;right:0}.auth-page form{margin-top:var(--space-md);gap:10px;display:grid}.auth-page label,.catalog-form label,.inline-edit-form label{margin-top:var(--space-xs);color:var(--color-text-primary);font-size:14px;font-weight:700}.auth-page input,.search-form input,.catalog-form input,.catalog-form textarea,.inline-edit-form input{border:1px solid var(--color-border-light);border-radius:var(--radius-field);width:100%;min-height:48px;color:var(--color-text-primary);background:var(--color-surface-subtle);font:inherit;padding:10px;transition:border-color .15s,box-shadow .15s}.catalog-form textarea{resize:vertical;min-height:112px}.auth-page input:focus-visible,.search-form input:focus-visible,.catalog-form input:focus-visible,.catalog-form textarea:focus-visible,.inline-edit-form input:focus-visible{border-color:var(--color-theme-primary);outline:none;box-shadow:0 0 0 3px #6400341f}.auth-instructions{gap:var(--space-xs);padding:var(--space-sm);overflow-wrap:anywhere;border:1px solid var(--color-brand-pale);border-radius:var(--radius-field);background:var(--color-surface-brand);display:grid}.auth-instructions p{margin:0}.auth-instructions code{color:var(--color-theme-primary);-webkit-user-select:all;user-select:all;font-weight:700}.auth-instructions a,.table-actions a{color:var(--color-brand-primary);font-weight:700}.form-error,.inline-error{padding:12px var(--space-sm);border-radius:var(--radius-field);color:var(--color-material-error);background:#e91e2612;border:1px solid #e91e263d}.admin-section{border:1px solid var(--color-border-light);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);padding:clamp(24px,5vw,44px)}.admin-section h2{margin:8px 0 10px;font-size:30px;font-weight:400;line-height:1.2}.admin-section>p:not(.eyebrow){color:var(--color-text-secondary)}.search-form{gap:var(--space-xs);margin:var(--space-md) 0;display:grid}.search-form>div{gap:var(--space-xs);display:flex}.search-form input{flex:1;min-width:0}.search-form button,.inline-error button,.role-form button,.catalog-form button,.catalog-page .table-actions button,.catalog-page .button-row button{border-radius:var(--radius-button);min-height:44px;color:var(--color-surface);background:var(--color-brand-primary);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.search-form button:hover,.inline-error button:hover,.role-form button:hover,.catalog-form button:hover,.catalog-page .table-actions button:hover,.catalog-page .button-row button:hover{background:var(--color-theme-primary)}.catalog-page .button-row button.secondary-button,.catalog-page .table-actions button.secondary-button{border:1px solid var(--color-border-light);color:var(--color-brand-primary);background:var(--color-surface)}.catalog-page .button-row button.secondary-button:hover,.catalog-page .table-actions button.secondary-button:hover{border-color:var(--color-brand-pale);background:var(--color-surface-brand)}.catalog-form>button[type=submit],.role-form>button[type=submit]{width:100%;min-height:56px;margin-top:var(--space-xs)}.table-scroll{border:1px solid var(--color-border-light);border-radius:var(--radius-card);overflow-x:auto}table{border-collapse:collapse;background:var(--color-surface);width:100%}caption{padding:12px var(--space-sm);color:var(--color-text-secondary);text-align:left}th,td{padding:14px var(--space-sm);border-bottom:1px solid var(--color-divider);text-align:left}th{color:var(--color-text-secondary);background:var(--color-surface-muted);font-size:12px;font-weight:700}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--color-surface-brand)}.detail-list{margin:var(--space-md) 0;border:1px solid var(--color-border-light);border-radius:var(--radius-card);gap:0;display:grid}.detail-list div{padding:12px var(--space-sm);border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(150px,1fr) 2fr;gap:12px;display:grid}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--color-text-secondary);font-weight:700}.detail-list dd{overflow-wrap:anywhere;margin:0}.role-form{margin-top:var(--space-lg)}.role-form fieldset,.skill-level-editor{padding:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-field);background:var(--color-surface-subtle);gap:10px;display:grid}.role-form label{align-items:center;gap:var(--space-xs);min-height:32px;display:flex}.role-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand-primary)}.catalog-page{gap:var(--space-sm);display:grid}.catalog-page>h2,.catalog-page>h3,.catalog-page>p,.catalog-page>hr{margin:0}.catalog-page>h3{margin-top:var(--space-sm);font-size:20px;font-weight:700}.catalog-page>hr{width:100%;margin-top:var(--space-md);border:0;border-top:1px solid var(--color-divider)}.catalog-form{padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-card);background:var(--color-surface-subtle);gap:10px;display:grid}.catalog-form h3{margin:0 0 6px}.catalog-form button:disabled,.catalog-page button:disabled{color:#12121780;background:var(--color-disabled);cursor:not-allowed}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-grid>div{gap:var(--space-xs);display:grid}.configuration-preview,.activation-confirmation{padding:var(--space-sm);border:1px solid var(--color-brand-pale);border-radius:var(--radius-field);background:var(--color-surface-brand)}.version-list{gap:12px;display:grid}.version-card{padding:20px}.version-card h3,.version-card h4,.version-card p{margin:0 0 10px}.version-card p{color:var(--color-text-secondary)}.button-row,.table-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.inline-edit-form{gap:var(--space-xs);padding-top:var(--space-xs);flex-basis:100%;grid-template-columns:1fr auto;display:grid}.inline-edit-form label{grid-column:1/-1}.inline-edit-form input{min-width:180px}.skill-level-editor legend{padding:0 6px;font-weight:700}@media (width<=720px){.app-shell{width:min(100% - 32px,1180px);padding-top:var(--space-sm)}.app-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.app-shell>nav{width:100%}.app-shell>nav a{flex:1;justify-content:center}.hero{padding:var(--space-lg) var(--space-md) 64px}.card-grid,.field-grid{grid-template-columns:1fr}.search-form>div{flex-direction:column;align-items:stretch}.search-form button{min-height:48px}.detail-list div{grid-template-columns:1fr;gap:4px}.inline-edit-form{grid-template-columns:1fr}.inline-edit-form label{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}