:root{color-scheme:dark;--font-heading:"Garet Heavy","Arial Black","Arial Narrow",sans-serif;--font-body:"Google Sans","Helvetica Neue",Arial,sans-serif;--color-accent:#c1fe1c;--color-accent-rgb:193 254 28;--color-dark:#191b1b;--color-dark-acid:#3c472b;--color-white:#ffffff;--color-off-white:#efefef;--navy-950:#1b1e22;--navy-900:#25272e;--navy-800:#34363e;--navy-700:#414750;--navy-600:#5d636e;--navy-500:#818791;--navy-400:#a2a9b4;--navy-300:#c8ced8;--navy-200:#dee1e6;--navy-150:#e4e8ed;--navy-100:#ebeef3;--red:#de0909;--red-rgb:222 9 9;--orange:#f74200;--orange-rgb:247 66 0;--yellow:#edb406;--yellow-rgb:237 180 6;--pink:#e134c4;--pink-rgb:225 52 196;--violet:#8234e1;--violet-rgb:130 52 225;--green:#27a102;--green-rgb:39 161 2;--green-light:#43d716;--green-light-rgb:67 215 22;--blue:#1f59e1;--blue-rgb:31 89 225;--opacity-100:1;--opacity-90:0.9;--opacity-80:0.8;--opacity-70:0.7;--opacity-60:0.6;--opacity-50:0.5;--opacity-40:0.4;--opacity-30:0.3;--opacity-20:0.2;--opacity-10:0.1;--opacity-05:0.05;--background:var(--color-dark);--surface:var(--navy-900);--surface-elevated:var(--navy-800);--surface-soft:rgb(255 255 255/var(--opacity-05));--text-primary:var(--color-white);--text-secondary:var(--navy-300);--text-muted:var(--navy-500);--text-on-accent:var(--color-dark);--border:rgb(255 255 255/var(--opacity-10));--focus-ring:var(--color-accent);--danger:var(--red);--attention:var(--orange);--radius-card:12px;--radius-pill:999px;--shadow-overlay:0 24px 80px rgb(0 0 0/0.45);--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;--control-height:48px;--sidebar-width:248px;--content-max:1180px}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;background:radial-gradient(circle at 75% -20%,rgb(var(--color-accent-rgb)/.08),transparent 34rem),var(--background);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.035em}a{color:inherit}.foundation-page{display:grid;min-height:100vh;place-content:center;padding:var(--space-8);text-align:center}.foundation-page h1{margin-bottom:var(--space-3);font-size:clamp(2.5rem,8vw,5.5rem)}.foundation-page p:not(.eyebrow){color:var(--text-secondary)}.text-link{color:var(--color-accent);font-weight:700}.app-shell{min-height:100vh}.app-navigation{position:fixed;inset:var(--space-4) auto var(--space-4) var(--space-4);z-index:20;display:flex;width:var(--sidebar-width);flex-direction:column;padding:var(--space-4);border-radius:28px;background:var(--color-white);color:var(--color-dark)}.app-navigation__brand{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--color-dark);color:var(--color-accent);font-family:var(--font-heading);font-size:1.125rem}.app-navigation__items{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-16)}.app-navigation__item{display:flex;min-height:52px;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-dark);cursor:pointer;font-weight:700;text-align:left}.app-navigation__item:hover{background:var(--navy-100)}.app-navigation__item--active,.app-navigation__item--active:hover{background:var(--color-accent)}.app-navigation__account{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding:var(--space-2);font-size:.875rem;font-weight:700}.app-navigation__account-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--navy-100);font-size:.75rem}.app-shell__content{width:min(calc(100% - var(--sidebar-width) - 64px),var(--content-max));margin-left:calc(var(--sidebar-width) + 48px);padding:var(--space-10) var(--space-6) var(--space-16)}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}.preview-header h1{max-width:760px;margin-bottom:var(--space-4);font-size:clamp(2.6rem,5vw,5rem);line-height:.95}.preview-lead{max-width:660px;color:var(--text-secondary);font-size:1.125rem;line-height:1.55}.button-with-icon,.component-row,.identity-row,.modal-actions,.preview-header__actions{display:flex;align-items:center}.component-row,.preview-header__actions{flex-wrap:wrap;gap:var(--space-3)}.button-with-icon{gap:var(--space-2)}.eyebrow{margin-bottom:var(--space-3);color:var(--color-accent);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow--dark,.hero-card{color:var(--color-dark)}.hero-card{display:grid;grid-template-columns:1.35fr .65fr;grid-gap:var(--space-8);gap:var(--space-8);min-height:330px;align-items:end;padding:clamp(28px,5vw,64px);overflow:hidden;border-radius:var(--radius-card);background:radial-gradient(circle at 85% 20%,rgb(255 255 255/.4),transparent 16rem),linear-gradient(135deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 74%,var(--color-white)))}.hero-card__number{margin-bottom:-.1em;font-family:var(--font-heading);font-size:clamp(7rem,18vw,14rem);line-height:.76;letter-spacing:-.08em}.hero-card__caption{max-width:310px;margin-bottom:0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}.hero-card__meta{display:grid;align-content:end;justify-items:start;padding:var(--space-6);border-radius:var(--radius-card);background:rgb(25 27 27/.12)}.hero-card__meta small,.hero-card__meta span{font-weight:700}.hero-card__meta strong{margin:var(--space-2) 0;font-family:var(--font-heading);font-size:clamp(2rem,3.2vw,2.8rem);letter-spacing:-.05em;white-space:nowrap}.preview-section{padding-top:clamp(56px,8vw,104px)}.preview-section__heading{display:grid;grid-template-columns:48px 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.preview-section__heading>span{color:var(--color-accent);font-family:var(--font-heading);font-size:.875rem}.preview-section__heading h2{margin-bottom:var(--space-2);font-size:clamp(1.8rem,4vw,3rem)}.preview-section__heading p{margin-bottom:0;color:var(--text-muted)}.ui-card{border:0;border-radius:var(--radius-card);background:var(--surface)}.preview-card{padding:clamp(20px,4vw,36px)}.ui-button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;font-weight:800;transition:transform .14s ease,background .14s ease,color .14s ease,opacity .14s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{cursor:not-allowed;opacity:.42}.ui-button--primary{background:var(--color-accent);color:var(--text-on-accent)}.ui-button--secondary{border-color:var(--border);background:var(--color-white);color:var(--color-dark)}.ui-button--ghost{border-color:var(--border);background:transparent;color:var(--text-primary)}.ui-button--destructive{background:var(--danger);color:var(--color-white)}.ui-spinner{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ui-icon-button{display:inline-grid;width:var(--control-height);height:var(--control-height);place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--color-white);color:var(--color-dark);cursor:pointer}.ui-icon-button:hover{background:var(--color-accent)}.ui-icon-button--inverse{background:var(--surface-elevated)}.ui-icon{display:inline-flex;flex:none}.ui-icon--inverse img,.ui-icon-button--inverse img{filter:invert(1)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.form-grid--compact{gap:var(--space-3)}.ui-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.ui-label{color:var(--text-secondary);font-size:.82rem;font-weight:800}.ui-input{width:100%;min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-soft);color:var(--text-primary)}.ui-input::placeholder{color:var(--text-muted)}.ui-input--error{border-color:var(--danger)}.ui-select{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.ui-select__icon{display:inline-flex;transition:transform .14s ease}.ui-select[data-state=open] .ui-select__icon{transform:rotate(180deg)}.ui-menu-content,.ui-select-content{z-index:220;min-width:var(--radix-select-trigger-width,220px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-elevated);box-shadow:var(--shadow-overlay)}.ui-select-viewport{padding:var(--space-2)}.ui-menu-item,.ui-select-item{position:relative;display:flex;min-height:42px;align-items:center;padding:0 42px 0 var(--space-3);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-menu-item[data-highlighted],.ui-select-item[data-highlighted]{background:var(--color-accent);color:var(--text-on-accent)}.ui-menu-item[data-disabled],.ui-select-item[data-disabled]{pointer-events:none;opacity:.4}.ui-select-item__indicator{position:absolute;right:var(--space-3);display:inline-flex}.ui-menu-content{min-width:220px;padding:var(--space-2)}.ui-menu-item{padding-right:var(--space-3)}.ui-menu-item--destructive{color:rgb(var(--red-rgb)/var(--opacity-90))}.ui-menu-item--destructive[data-highlighted]{background:rgb(var(--red-rgb)/var(--opacity-20));color:var(--color-white)}.ui-field-note{color:var(--text-muted);font-size:.76rem}.ui-field-note--error{color:rgb(var(--red-rgb)/var(--opacity-90))}.ui-chip{display:inline-flex;min-height:36px;align-items:center;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.875rem;font-weight:700}.ui-chip--active{border-color:var(--color-accent);background:rgb(var(--color-accent-rgb)/var(--opacity-10));color:var(--color-accent)}.ui-avatar{position:relative;display:inline-grid;flex:none;place-items:center;overflow:hidden;border-radius:50%;background:var(--color-accent);color:var(--text-on-accent);font-family:var(--font-heading)}.ui-avatar img{object-fit:cover}.ui-avatar--small{width:36px;height:36px;font-size:.75rem}.ui-avatar--medium{width:52px;height:52px}.ui-avatar--large{width:76px;height:76px;font-size:1.35rem}.identity-row{gap:var(--space-4)}.identity-row h3{margin-bottom:var(--space-1);font-size:1.5rem}.identity-row p{margin-bottom:0}.component-row--spaced{margin-top:var(--space-6)}.ui-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;font-weight:700}.ui-status__dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.ui-status__dot--accent{background:var(--color-accent)}.ui-status__dot--attention{background:var(--attention)}.ui-status__dot--danger{background:var(--danger)}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.metric-card{display:flex;min-height:240px;flex-direction:column;align-items:flex-start;padding:var(--space-6)}.metric-card__label{color:var(--text-muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.metric-card strong{margin:auto 0 var(--space-3);font-family:var(--font-heading);font-size:5rem;line-height:.9}.metric-card p{margin:auto 0 0;color:var(--text-secondary);font-size:1.2rem;line-height:1.5}.metric-card a{color:var(--color-accent);font-size:.875rem;font-weight:800}.ui-empty{display:grid;min-height:190px;place-items:center;align-content:center;text-align:center}.ui-empty__icon{display:grid;width:44px;height:44px;place-items:center;margin-bottom:var(--space-3);border-radius:50%;background:var(--color-white)}.ui-empty h3{margin-bottom:var(--space-2)}.ui-empty p{max-width:310px;margin-bottom:var(--space-5);color:var(--text-muted)}.ui-overlay{position:fixed;inset:0;z-index:100;background:rgb(0 0 0/.66)}.ui-menu-content[data-state=open],.ui-modal[data-state=open],.ui-overlay[data-state=open],.ui-panel[data-state=open],.ui-select-content[data-state=open],.ui-sheet[data-state=open]{animation:reveal .15s ease-out}@keyframes reveal{0%{opacity:0}to{opacity:1}}.ui-modal,.ui-panel,.ui-sheet{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-overlay)}.ui-sheet{right:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:min(680px,100%);margin:0 auto;max-height:88vh;border-radius:24px 24px var(--radius-card) var(--radius-card)}.ui-panel,.ui-sheet{position:fixed;z-index:110;padding:var(--space-6);overflow:auto}.ui-panel{inset:0 0 0 auto;width:min(480px,100%);height:100%}.ui-modal{position:fixed;top:50%;left:50%;z-index:110;width:min(540px,100%);max-width:calc(100% - 32px);padding:var(--space-6);border-radius:var(--radius-card);transform:translate(-50%,-50%)}.ui-overlay__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-overlay__header h2{margin-bottom:0;font-size:1.6rem}.overlay-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.modal-copy{color:var(--text-secondary);line-height:1.55}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.ui-toast{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:200;display:flex;min-height:56px;align-items:center;gap:var(--space-3);padding:0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);box-shadow:var(--shadow-overlay);font-weight:700}.ui-toast__action{border:0;background:transparent;color:var(--color-accent);cursor:pointer;font-weight:900}.muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width:900px){.app-navigation{inset:auto var(--space-3) var(--space-3);width:auto;min-height:72px;flex-direction:row;align-items:center;padding:var(--space-2);border-radius:var(--radius-pill)}.app-navigation__account,.app-navigation__brand{display:none}.app-navigation__items{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-1);gap:var(--space-1);margin-top:0}.app-navigation__item{min-height:54px;flex-direction:column;justify-content:center;gap:2px;padding:0 var(--space-2);font-size:.68rem}.app-navigation__item .ui-icon img{width:20px;height:20px}.app-shell__content{width:100%;margin-left:0;padding:var(--space-6) var(--space-4) 112px}.preview-header{flex-direction:column}.preview-header__actions{width:100%}.hero-card{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr 1fr}.preview-grid>:last-child{grid-column:1/-1}}@media (max-width:620px){.preview-header h1{font-size:2.7rem}.preview-header__actions .ui-button{flex:1 1}.hero-card{min-height:420px;padding:var(--space-6)}.hero-card__number{font-size:9rem}.form-grid,.preview-grid{grid-template-columns:1fr}.preview-grid>:last-child{grid-column:auto}.preview-section__heading{grid-template-columns:36px 1fr}.modal-actions{align-items:stretch;flex-direction:column-reverse}.ui-toast{right:var(--space-3);bottom:96px;left:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}