:root{--color-primary: #1e66ff;--color-primary-dark: #0a3fb3;--color-primary-light: #e6eeff;--color-black: #0f0f10;--color-anthracite: #21262c;--color-gray-900: #21262c;--color-gray-700: #4a5159;--color-gray-500: #7a828c;--color-gray-300: #c8ccd1;--color-gray-100: #eef0f2;--color-gray-50: #f7f8fa;--color-white: #ffffff;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-info: var(--color-primary);--font-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--fs-display: 36px;--fs-h1: 28px;--fs-h2: 22px;--fs-h3: 18px;--fs-body: 16px;--fs-label: 13px;--fs-small: 13px;--fs-mono: 15px;--lh-display: 44px;--lh-h1: 36px;--lh-h2: 30px;--lh-body: 24px;--lh-label: 20px;--lh-small: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-card: 8px;--radius-input: 6px;--radius-pill: 12px;--header-height: 110px;--sidebar-width: 300px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-gray-900);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;zoom:.92}a{color:var(--color-primary);text-decoration:none;transition:color .12s ease-out}a:hover{color:var(--color-primary-dark);text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3{margin:0;color:var(--color-gray-900);font-weight:700}h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600}p{margin:0}.public-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-gray-50)}.public-header{position:fixed;top:0;left:0;right:0;z-index:50;height:96px;background-color:var(--color-white);display:flex;align-items:center;padding:0 var(--space-7);gap:var(--space-4);transition:background-color .22s ease-out,backdrop-filter .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out,height .22s ease-out;border-bottom:1px solid transparent}.public-header--scrolled{height:80px;background-color:#ffffffd9;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom-color:var(--color-gray-200);box-shadow:0 6px 24px #0f111514}.public-header--dark,.public-header--dark.public-header--scrolled{background-color:var(--color-anthracite);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#00000059;box-shadow:0 2px 6px #00000040;color:var(--color-white)}.public-header--dark .public-header__logo,.public-header--dark .public-header__logo:hover{color:var(--color-white)}.public-header--dark .btn--secondary{background-color:transparent;border-color:#ffffff3d;color:var(--color-white)}.public-header--dark .btn--secondary:hover:not(:disabled){background-color:#ffffff14}.public-main{flex:1;display:flex;flex-direction:column;padding-top:96px}.public-header__logo{display:flex;align-items:center;color:var(--color-text);text-decoration:none;height:100%;padding:var(--space-2) 0}.public-header__logo:hover{color:var(--color-text);text-decoration:none}.public-header__logo img{height:100%;max-height:80px;width:auto;display:block}@media (max-width: 720px){.public-header{height:88px;padding:0 var(--space-5)}.public-main{padding-top:88px}.public-header__logo img{height:64px;max-height:64px}}.public-header__title{font-weight:600;font-size:var(--fs-body)}.public-header__spacer{flex:1}.public-header__actions{display:flex;gap:var(--space-2)}.public-main{flex:1;display:flex;flex-direction:column}.auth-layout{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5)}.auth-card{width:100%;max-width:480px;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.auth-card__logo{display:block;width:100%;max-width:420px;height:auto;margin:0 auto var(--space-2)}.auth-card__header h1{margin-bottom:var(--space-2)}.auth-card__subtitle{color:var(--color-gray-700);font-size:var(--fs-body)}.auth-card__footer{border-top:1px solid var(--color-gray-100);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-small);color:var(--color-gray-700)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--fs-label);line-height:var(--lh-label);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-700);font-weight:500}.field__label:after{content:""}.field__label--required:after{content:" •";color:var(--color-primary)}.field__control{height:40px;padding:0 var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);font-family:inherit;font-size:var(--fs-body);color:var(--color-gray-900);transition:border-color .12s ease-out}.field__control:hover{border-color:var(--color-gray-500)}.field__control:focus{outline:none;border:2px solid var(--color-primary);padding:0 11px}.field__control:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500)}.field--error .field__control{border:2px solid var(--color-error);background-color:var(--color-error-light);padding:0 11px}.field__error{font-size:var(--fs-small);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}select.field__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-gray-700) 50%),linear-gradient(135deg,var(--color-gray-700) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--space-6)}.btn{height:40px;padding:0 var(--space-4);border-radius:var(--radius-input);font-family:inherit;font-size:var(--fs-body);font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-900)}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-100)}.btn--block{width:100%}.alert{border-radius:var(--radius-input);padding:var(--space-3) var(--space-4);font-size:var(--fs-small);border:1px solid transparent;display:flex;gap:var(--space-2);align-items:flex-start}.alert--error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.alert--success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.alert--info{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.landing{flex:1;display:flex;flex-direction:column}.landing__hero{padding:var(--space-8) var(--space-5);display:flex;justify-content:center}.landing__hero-inner{max-width:880px;display:flex;flex-direction:column;gap:var(--space-5)}.landing__title{font-size:var(--fs-display);line-height:var(--lh-display);color:var(--color-gray-900)}.landing__subtitle{font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--color-gray-700);font-weight:400}.landing__cta{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.landing__features{padding:var(--space-7) var(--space-5);background-color:var(--color-white);border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:center}.landing__features-grid{max-width:1080px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.feature-card{border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-5);background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--space-2)}.feature-card__title{font-size:var(--fs-h2);font-weight:600;color:var(--color-gray-900)}.feature-card__body{color:var(--color-gray-700);font-size:var(--fs-body)}@media (max-width: 880px){.landing__features-grid,.form__row{grid-template-columns:1fr}}.role-picker{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-5);gap:var(--space-6)}.role-picker__head{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.role-picker__head h1{font-size:var(--fs-display);line-height:var(--lh-display)}.role-picker__head p{color:var(--color-gray-700);font-size:var(--fs-h3)}.role-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(260px,320px));gap:var(--space-5);width:100%;max-width:1080px;justify-content:center}.role-tile{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:var(--color-gray-900);transition:border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;min-height:240px}.role-tile:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0f0f1014;transform:translateY(-2px);text-decoration:none;color:var(--color-gray-900)}.role-tile__badge{align-self:flex-start;background-color:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-pill);padding:2px 12px;font-size:var(--fs-small);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.role-tile__title{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700}.role-tile__desc{color:var(--color-gray-700);font-size:var(--fs-body);line-height:1.5;flex:1}.role-tile__cta{color:var(--color-primary);font-weight:600}.role-picker__footer{color:var(--color-gray-700);font-size:var(--fs-body)}@media (max-width: 880px){.role-picker__grid{grid-template-columns:1fr;max-width:480px}}.checkout-layout{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-5)}.checkout-layout__head{margin-bottom:var(--space-6)}.checkout-layout__head h1{font-size:var(--fs-display);line-height:var(--lh-display)}.checkout-layout__price{font-size:var(--fs-h2);color:var(--color-primary);font-weight:600;margin-top:var(--space-2)}.checkout-layout__back{display:inline-block;margin-top:var(--space-3);font-size:var(--fs-small)}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.checkout-panel{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.checkout-panel__title{font-size:var(--fs-h1);line-height:var(--lh-h1);margin:0}.checkout-panel__hint{color:var(--color-gray-500);font-size:var(--fs-small);margin-top:-10px}.checkout-submit{grid-column:1 / -1;height:56px;font-size:var(--fs-h3)}@media (max-width: 880px){.checkout-grid{grid-template-columns:1fr}}.auth-card__logo,.role-picker__logo,.checkout-layout__logo{display:block;width:100%;max-width:460px;height:auto;margin:0 auto var(--space-5)}.role-picker__logo,.checkout-layout__logo{margin-top:var(--space-2)}.landing-hero{position:relative;background:radial-gradient(1200px 600px at 80% -10%,rgba(33,38,44,.06),transparent 70%),linear-gradient(180deg,#ffffff 0%,var(--color-gray-50) 100%);padding:var(--space-8) var(--space-5) calc(var(--space-8) + var(--space-4));border-bottom:1px solid var(--color-gray-100);overflow:hidden}.landing-hero--scene{background:#0a0c10;color:var(--color-white);border-bottom:none;padding-top:calc(96px + var(--space-7));padding-bottom:var(--space-9);min-height:clamp(640px,92vh,900px)}.landing-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1100px 620px at 50% 42%,#0b0f1400,#0b0f1459 70%,#0b0f14b3),linear-gradient(180deg,#0b0f148c,#0b0f1400 18%,#0b0f1400 70%,#0b0f14d9);z-index:1}.landing-hero__inner{position:relative;z-index:2;max-width:980px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}.landing-hero__brand{display:block;margin:0 auto var(--space-3);width:100%;max-width:560px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}.landing-hero__eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:var(--fs-small);font-weight:600;color:#6ea2ff;margin:0}.landing-hero--scene .landing-hero__eyebrow{color:#8ab8ff}.landing-hero__title{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.12;font-weight:700;color:var(--color-gray-900);margin:0}.landing-hero--scene .landing-hero__title{color:var(--color-white);text-shadow:0 4px 24px rgba(0,0,0,.45)}.landing-hero__subtitle{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55;color:var(--color-gray-700);max-width:760px;margin:0 auto}.landing-hero--scene .landing-hero__subtitle{color:#e5ebf5db}.landing-hero__cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.btn--lg{height:52px;padding:0 var(--space-5);font-size:var(--fs-h3)}.landing-section{padding:var(--space-8) var(--space-5)}.landing-section--alt{background-color:var(--color-white);border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}.landing-section__inner{max-width:1200px;margin:0 auto}.landing-section__head{text-align:center;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.landing-section__title{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;font-weight:700;color:var(--color-gray-900);margin:0}.landing-section__sub{color:var(--color-gray-700);font-size:var(--fs-h3);max-width:720px;margin:0 auto}.landing-prose{max-width:820px}.landing-prose p{font-size:var(--fs-h3);line-height:1.7;color:var(--color-gray-700);margin-bottom:var(--space-4)}.landing-prose p:last-child{margin-bottom:0}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.feature-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-card);padding:var(--space-6);background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out}.feature-card:hover{border-color:var(--color-gray-300);box-shadow:0 8px 24px #0f0f100f;transform:translateY(-2px)}.feature-card__title{font-size:var(--fs-h2);font-weight:700;color:var(--color-gray-900)}.feature-card__body{color:var(--color-gray-700);font-size:var(--fs-body);line-height:1.6}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);align-items:stretch}.class-card{position:relative;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out}.class-card:hover{box-shadow:0 8px 24px #0f0f1014;transform:translateY(-2px)}.class-card--highlighted{border-color:var(--color-primary);box-shadow:0 8px 28px #1450c81f}.class-card__badge{align-self:flex-start;background-color:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-pill);padding:4px 14px;font-size:var(--fs-small);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.class-card__title{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700;margin:0}.class-card__desc{color:var(--color-gray-700);line-height:1.6}.class-card__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);flex:1}.class-card__bullets li{position:relative;padding-left:26px;color:var(--color-gray-800, var(--color-gray-700));line-height:1.5}.class-card__bullets li:before{content:"";position:absolute;left:0;top:8px;width:16px;height:9px;border-left:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(-45deg)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.module-grid--landing{grid-template-columns:repeat(3,1fr)}.module-card--landing{overflow:hidden;padding:0}.module-card__media--landing{height:180px;background-color:var(--color-white);border-bottom:none;display:flex;align-items:center;justify-content:center;padding:0}.module-card__media--landing img{max-height:100%;max-width:100%;object-fit:contain}.module-card--landing .module-card__head,.module-card--landing .module-card__short,.module-card--landing .module-card__body{padding-left:var(--space-5);padding-right:var(--space-5)}.module-card--landing .module-card__head{padding-top:var(--space-4)}.module-card--landing .module-card__body{padding-bottom:var(--space-5)}.module-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.module-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.module-card__title{font-size:var(--fs-h2);font-weight:700;margin:0;color:var(--color-gray-900)}.module-card__level{font-size:var(--fs-small);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.module-card__short{color:var(--color-gray-900);font-weight:500;margin:0}.module-card__body{color:var(--color-gray-700);line-height:1.55;margin:0}.landing-cta{background-color:var(--color-anthracite);color:var(--color-white);padding:var(--space-8) var(--space-5)}.landing-cta__inner{max-width:880px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}.landing-cta__title{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;margin:0;color:var(--color-white)}.landing-cta__text{color:var(--color-gray-300);font-size:var(--fs-h3);line-height:1.6;margin:0}.landing-cta__buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.landing-cta .btn--secondary{background-color:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.4)}.landing-cta .btn--secondary:hover{background-color:#ffffff14}@media (max-width: 980px){.feature-row,.class-grid,.module-grid,.module-grid--landing{grid-template-columns:1fr}}.car-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.car-scene__sky{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a0c10;background-image:linear-gradient(180deg,#0a0c1059,#0a0c1000 25%,#0a0c1000 70%,#0a0c10b3),url("/static/landing-theme.920e28c49964.png");background-size:cover,cover;background-position:center,center 40%;background-repeat:no-repeat}.car-scene__sun,.car-scene__road,.car-scene__road-grid,.car-scene__road-lines,.car-scene__road-stripe,.car-scene__speed,.car-scene__speed span,.car-scene__car,.car-scene__wheels,.car-scene__wheel-spokes{display:none}.btn--pulse{position:relative}.landing-hero--scene .btn--secondary{background-color:#ffffff0f;color:var(--color-white);border:1px solid rgba(255,255,255,.4)}.landing-hero--scene .btn--secondary:hover{background-color:#ffffff24}.field__hint{margin-top:var(--space-1);font-size:var(--fs-small);color:var(--color-gray-700)}.auth-card__actions{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh;background-color:var(--color-gray-50)}.app-sidebar{grid-area:sidebar;background-color:var(--color-white);border-right:1px solid var(--color-gray-300);display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height))}.app-sidebar__nav{display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);gap:var(--space-2)}.app-sidebar__group-label{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-500);padding:var(--space-4) var(--space-3) var(--space-2);font-weight:600}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-radius:var(--radius-input);color:var(--color-gray-900);font-size:var(--fs-h3);font-weight:500;text-decoration:none;border-left:3px solid transparent;transition:background-color .12s ease-out,color .12s ease-out}.nav-item:hover{background-color:var(--color-gray-100);text-decoration:none;color:var(--color-gray-900)}.nav-item--active{background-color:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary-dark)}.nav-item__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.nav-item__icon svg{width:24px;height:24px}.app-header{grid-area:header;background-color:#21262c;color:var(--color-white);display:flex;align-items:stretch;padding:0 var(--space-6) 0 0;gap:var(--space-5);border-bottom:1px solid rgba(0,0,0,.35);box-shadow:0 2px 6px #00000040}.app-header__brand{flex:0 0 var(--sidebar-width);display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background-color:#21262c;text-decoration:none}.app-header__brand:hover{text-decoration:none}.app-header__brand img{max-height:calc(var(--header-height) - var(--space-3));max-width:100%;width:auto;height:auto;object-fit:contain}.app-header__title-block{display:flex;flex-direction:column;justify-content:center;line-height:1.1;padding:0 var(--space-5);gap:4px}.app-header__project-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--color-white);font-size:12px;font-weight:500;cursor:pointer;max-width:360px;transition:background .16s ease,border-color .16s ease}.app-header__project-chip:hover{background:#ffffff24;border-color:#ffffff59}.app-header__project-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.app-header__project-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.app-header__project-swap{opacity:.65;font-size:11px;border-left:1px solid rgba(255,255,255,.2);padding-left:8px}.app-header__title{font-family:var(--font-mono);font-size:var(--fs-h2);font-weight:500;color:var(--color-white);letter-spacing:.02em}.app-header__spacer{flex:1}.app-header__cluster{display:flex;align-items:center;gap:var(--space-4);align-self:center;padding-right:var(--space-2)}.app-header__divider{width:1px;height:36px;background-color:#ffffff29;flex:0 0 auto}.app-header__meta{align-items:center}.app-header__meta .app-header__divider{height:22px;background-color:#ffffff24}.app-header__clock-block{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;gap:2px}.app-header__cluster-label{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.12em;color:var(--color-gray-400, var(--color-gray-300));font-weight:600}.app-header__meta{display:flex;gap:var(--space-4);align-items:center;font-family:var(--font-mono);font-size:var(--fs-h2);color:var(--color-white);letter-spacing:.02em;font-weight:500}.app-header__meta strong{color:var(--color-white);font-weight:500}.app-header__clock{font-family:var(--font-mono);font-size:var(--fs-h2);color:var(--color-white);letter-spacing:.02em;font-weight:500}.app-header__user{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:var(--font-mono);font-size:var(--fs-h2);color:var(--color-white);font-weight:500;letter-spacing:.02em;line-height:1.1}.app-header__user strong{font-weight:500;color:var(--color-white)}.app-header__user small{color:var(--color-gray-300);font-size:var(--fs-small);font-family:var(--font-mono);font-weight:400;letter-spacing:.02em}.app-header__logout{height:40px;padding:0 var(--space-4);border-radius:var(--radius-input);border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--color-white);font-family:var(--font-mono);font-size:var(--fs-body);font-weight:500;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:background-color .12s ease-out,border-color .12s ease-out}.app-header__icon-button{width:40px;height:40px;border-radius:var(--radius-input);border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--color-white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease-out,border-color .12s ease-out}.app-header__icon-button:hover{background-color:#ffffff1f;border-color:#ffffff52}.app-header__logout-icon{display:inline-flex;align-items:center;justify-content:center}.app-header__logout:hover{background-color:#ffffff1f;border-color:#ffffff52}.app-header__profile-note{margin:0;color:var(--color-gray-500);font-size:var(--fs-small)}.hub-field__readonly:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed;opacity:1}.app-main{grid-area:main;overflow-y:auto;padding:var(--space-6) var(--space-7)}.page-header{margin-bottom:var(--space-6)}.page-header__title{font-size:var(--fs-display);line-height:var(--lh-display);margin-bottom:var(--space-2)}.page-header__subtitle{color:var(--color-gray-700);font-size:var(--fs-body)}.module-section{margin-bottom:var(--space-7)}.module-section__head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-300)}.module-section__title{font-size:var(--fs-h1);line-height:var(--lh-h1)}.module-section__hint{color:var(--color-gray-500);font-size:var(--fs-small)}.module-section__empty{color:var(--color-gray-500);font-size:var(--fs-small);font-style:italic;margin:0;padding:var(--space-4) 0}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5);justify-items:center}.module-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:var(--color-gray-900);transition:border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;cursor:pointer;width:100%;max-width:460px}.module-card--add{min-height:100%;border-style:dashed;background-color:var(--color-gray-50)}.module-card--add:hover{background-color:var(--color-primary-light)}.module-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.module-card:hover{border-color:var(--color-primary);box-shadow:0 6px 18px #0f0f1014;transform:translateY(-2px);text-decoration:none;color:var(--color-gray-900)}.module-card--interactive{cursor:pointer}.module-card__media{height:260px;border-radius:0;background-color:var(--color-white);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:0}.module-card__media--add{background-color:var(--color-gray-50)}.module-card__media img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;background-color:transparent}.module-card__status-indicators{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px}.module-card__directory-indicator,.module-card__result-indicator{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--color-gray-300);background-color:#ffffffeb;color:var(--color-gray-500);box-shadow:0 6px 18px #0f172a14}.module-card__directory-indicator--ready,.module-card__result-indicator--ready{border-color:#6bbf59;background-color:#eef9e9;color:#2f8f3a}.module-card__media-fallback{font-size:clamp(40px,4.5vw,64px);font-weight:800;color:var(--color-gray-900);letter-spacing:-.02em;text-align:center;line-height:1.05}.module-card__add-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--color-gray-300);color:var(--color-primary);background-color:var(--color-white)}.module-card__add-label{font-size:var(--fs-body);font-weight:600;color:var(--color-gray-900);text-align:center}.module-card__title{font-size:var(--fs-h1);font-weight:700;color:var(--color-gray-900);line-height:1.25}.module-card__desc{font-size:var(--fs-body);color:var(--color-gray-700);line-height:1.5}.module-card__actions{margin-top:auto;display:flex;justify-content:center;gap:var(--space-3)}.module-card__icon-action{align-items:center;justify-content:center;display:inline-flex;width:44px;height:44px;border-radius:var(--radius-input);border:1px solid var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light);text-decoration:none;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.module-card__icon-action:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.module-card__icon-action--danger{border-color:var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700)}.module-card__icon-action--danger:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.data-table{width:100%;border-collapse:collapse;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);overflow:hidden}.data-table th{text-align:left;background-color:var(--color-gray-50);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-700);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-300)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);font-size:var(--fs-body);vertical-align:middle}.data-table tbody tr:hover{background-color:var(--color-gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.license-matrix th:nth-child(n+3),.license-matrix td:nth-child(n+3){text-align:center}.license-matrix__package-head{display:flex;flex-direction:column;align-items:center;gap:6px}.license-matrix__package-head span:last-child{color:var(--color-gray-500);font-size:var(--fs-small);font-weight:400;line-height:1.4}.license-matrix__app{display:flex;flex-direction:column;gap:6px;min-width:240px}.license-matrix__link{color:var(--color-primary);font-size:var(--fs-small);text-decoration:none;word-break:break-all}.license-matrix__link:hover{text-decoration:underline}.license-matrix__toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--fs-small);color:var(--color-gray-700)}.license-matrix__checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.license-package-grid{align-items:stretch}.license-package-card{justify-content:flex-start}.license-package-card__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hub-modal--wide{max-width:880px}.account-package-summary{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);background-color:var(--color-white)}.account-package-summary__head{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;color:var(--color-gray-700)}.account-module-grants{display:grid;gap:var(--space-3)}.account-module-grants__item{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white)}.account-module-grants__meta{display:flex;flex-direction:column;gap:4px}.account-module-grants__meta span{color:var(--color-gray-500);font-size:var(--fs-small)}.account-row__toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-gray-300);border-radius:999px;background-color:var(--color-white);color:var(--color-gray-700);font-size:14px;font-weight:700;cursor:pointer}.account-row__toggle:hover{background-color:var(--color-gray-100)}.account-row--expanded td{border-bottom:none}.account-row-details:hover{background-color:transparent}.account-row-details td{padding:0;background-color:var(--color-gray-50)}.account-row-details__panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--color-gray-200)}.account-row-details__head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.account-row-details__title{margin:0;font-size:var(--fs-h3)}.account-row-details__lead,.account-row-details__hint{margin:6px 0 0;color:var(--color-gray-600)}.account-detail-table{width:100%;border-collapse:collapse;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);overflow:hidden}.account-detail-table th,.account-detail-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);text-align:left}.account-detail-table th{background-color:var(--color-gray-100);color:var(--color-gray-700);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.04em}.account-detail-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:2px 10px;font-size:var(--fs-small);font-weight:500}.badge--success{background-color:var(--color-success-light);color:var(--color-success)}.badge--muted{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge--primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--fs-small)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-white);border:1px solid var(--color-black);color:var(--color-black)}.btn--danger:hover:not(:disabled){background-color:var(--color-gray-100)}.row-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.empty-state{padding:var(--space-7);text-align:center;color:var(--color-gray-500)}.nav-group{display:flex;flex-direction:column}.nav-group__toggle{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border:none;border-left:3px solid transparent;background:transparent;color:var(--color-gray-900);font-size:var(--fs-h3);font-weight:500;font-family:inherit;text-align:left;border-radius:var(--radius-input);cursor:pointer;transition:background-color .12s ease-out}.nav-group__toggle:hover{background-color:var(--color-gray-100)}.nav-group__label{flex:1}.nav-group__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:transform .16s ease-out}.nav-group--open .nav-group__chevron{transform:rotate(90deg)}.nav-group__items{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-3);margin-top:var(--space-1)}.nav-group__items .nav-item{font-size:var(--fs-body);padding:10px var(--space-3);font-weight:500}.nav-item__bullet{width:6px;height:6px;border-radius:50%;background-color:var(--color-gray-400);display:inline-block;margin-right:var(--space-2)}.nav-group__items .nav-item--active .nav-item__bullet{background-color:var(--color-primary)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5)}.toolbar__search{flex:1 1 240px;min-width:200px}.toolbar__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.toolbar__spacer{flex:1}.project-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);text-decoration:none;color:inherit;transition:border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;min-height:180px}.project-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #1e66ff14;text-decoration:none;transform:translateY(-1px)}.project-card__header{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start}.project-card__title{font-size:var(--fs-h3);font-weight:600;color:var(--color-gray-900);margin:0;line-height:1.3}.project-card__desc{color:var(--color-gray-700);font-size:var(--fs-body);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__meta{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-2)}.project-card__tag{font-size:var(--fs-small);color:var(--color-gray-700);background-color:var(--color-gray-100);padding:2px 8px;border-radius:var(--radius-pill)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);background-color:var(--color-white);border:1px dashed var(--color-gray-300);border-radius:var(--radius-card);gap:var(--space-3)}.empty-state__title{font-size:var(--fs-h2);font-weight:600;margin:0;color:var(--color-gray-900)}.empty-state__text{margin:0;color:var(--color-gray-700);max-width:480px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:var(--space-5)}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.detail-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-5)}.detail-card h3{margin-top:0;font-size:var(--fs-h3)}.detail-meta{display:flex;flex-direction:column;gap:var(--space-3)}.detail-meta__row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-body)}.detail-meta__label{color:var(--color-gray-700)}.detail-meta__value{color:var(--color-gray-900);font-weight:500;text-align:right}.project-new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.project-new-grid .auth-card{max-width:none;width:100%}@media (max-width: 1100px){.project-new-grid{grid-template-columns:1fr}}.module-picker__section+.module-picker__section{margin-top:var(--space-5)}.module-picker__title{font-size:var(--fs-h3);margin:0 0 var(--space-1)}.module-picker__hint{font-size:var(--fs-small);color:var(--color-gray-700);margin:0 0 var(--space-3)}.module-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.module-pick{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:0;cursor:pointer;text-align:center;font:inherit;color:inherit;overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.module-pick:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #1e66ff14}.module-pick:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.module-pick:disabled{cursor:not-allowed;opacity:.55}.module-pick__media{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);padding:var(--space-3)}.module-pick__media img{max-width:100%;max-height:100%;object-fit:contain}.module-pick__label{padding:var(--space-2) var(--space-3);font-size:var(--fs-small);border-top:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:2px}.module-pick__badge{font-size:11px;color:var(--color-gray-700)}.project-new-form{display:flex;flex-direction:column;gap:var(--space-5)}.module-picker__prompt{margin:0 0 var(--space-4);font-size:var(--fs-h2);font-weight:700;color:var(--color-primary);line-height:1.2}.project-desc-card{max-width:none;width:100%}.project-new-actions{background:transparent;border:none;padding:0}.project-list{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.project-row{width:100%;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .15s ease,box-shadow .15s ease}.project-row:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #1e66ff0f}.project-row__head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.project-row__folder{color:var(--color-primary);display:inline-flex;align-items:center}.project-row__title{margin:0;font-size:var(--fs-h3);font-weight:700}.project-row__title a{color:inherit;text-decoration:none}.project-row__title a:hover{color:var(--color-primary)}.project-row__pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--fs-small);font-weight:500;line-height:1.6}.project-row__pill--muted{background:var(--color-gray-100);color:var(--color-gray-700)}.project-row__pill--team{background:#1e66ff1f;color:var(--color-primary)}.project-row__pill--owner{background:#1e66ff14;color:var(--color-primary)}.project-row__metrics{margin-left:auto;display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.project-metric{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.project-metric--stat{flex-direction:column;align-items:center;gap:0;text-transform:none;letter-spacing:0;font-weight:500;min-width:56px}.project-metric__value{font-size:var(--fs-h3);font-weight:700;color:var(--color-gray-900, #111);line-height:1.1}.project-metric__label{font-size:11px;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.06em}.project-metric__dot{width:10px;height:10px;border-radius:50%;background:var(--color-gray-300);display:inline-block}.project-metric__dot--ok{background:#22c55e}.project-metric__dot--off{background:#ef4444}.project-metric__dot--idle{background:var(--color-gray-300)}.project-row__desc{margin:0;color:var(--color-gray-700);font-size:var(--fs-body)}.project-row__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-1)}.project-row__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-row__tag{font-size:var(--fs-small);color:var(--color-gray-700);background:var(--color-gray-100);padding:2px 8px;border-radius:6px}.project-row__actions{display:flex;gap:var(--space-2)}.project-row__start{display:inline-flex;align-items:center;gap:6px}@media (max-width: 900px){.project-row__metrics{margin-left:0;width:100%;gap:var(--space-4)}}.status-line{--status-node-size: 26px;--status-track-height: 4px;--status-color-ok: #16a34a;--status-color-fail: #dc2626;--status-color-track: var(--color-gray-200, #e5e7eb);width:100%;display:flex;flex-direction:column;gap:10px;padding:2px 0}.status-line__labels{display:grid;grid-template-columns:repeat(var(--status-line-steps, 6),1fr);gap:4px}.status-line__label{text-align:center;font-size:var(--fs-small);color:var(--color-gray-700);font-weight:600;letter-spacing:.01em;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-line__track{position:relative;width:100%;padding:calc(var(--status-node-size) / 2) 0}.status-line__segments{position:absolute;top:50%;left:calc(100% / 12);right:calc(100% / 12);transform:translateY(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:0}.status-line__segment{height:var(--status-track-height);width:100%}.status-line__segment--ok{background:var(--status-color-ok)}.status-line__segment--fail{background:var(--status-color-fail)}.status-line__nodes{position:relative;display:grid;grid-template-columns:repeat(var(--status-line-steps, 6),1fr);align-items:center;justify-items:center}.status-line__node{width:var(--status-node-size);height:var(--status-node-size);border-radius:999px;color:var(--color-white);display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--status-node-size) * .2);box-shadow:0 0 0 4px var(--color-white)}.status-line__node--ok{background:var(--status-color-ok)}.status-line__node--fail{background:var(--status-color-fail)}.status-line--sm{--status-node-size: 24px;--status-track-height: 4px}.status-line--lg{--status-node-size: 44px;--status-track-height: 6px;gap:14px;padding:6px 0 2px}.status-line--lg .status-line__label{font-size:var(--fs-body);font-weight:700;color:var(--color-gray-900);letter-spacing:-.005em}.status-line--lg .status-line__node{box-shadow:0 0 0 6px var(--color-white)}.detail-card--status{padding-bottom:var(--space-5)}.btn--danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:var(--color-white);border:1px solid #b91c1c;box-shadow:0 1px #fff3 inset,0 1px 2px #0000001a}.btn--danger:hover{background:linear-gradient(180deg,#dc2626,#b91c1c)}.btn--danger-ghost{background:transparent;color:#b91c1c;border:1px solid var(--color-gray-300)}.btn--danger-ghost:hover{background:#fef2f2;border-color:#fecaca;color:#991b1b}.btn--ghost{background:transparent;color:var(--color-gray-900);border:1px solid var(--color-gray-300)}.btn--ghost:hover{background:var(--color-gray-100)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:modal-fade-in .16s ease-out}.modal{background:var(--color-white);border-radius:14px;padding:var(--space-5);max-width:480px;width:100%;box-shadow:0 24px 48px -16px #0f172a59,0 2px 4px #0f172a14;display:flex;flex-direction:column;gap:var(--space-3);animation:modal-slide-up .2s cubic-bezier(.22,1,.36,1)}.modal__title{margin:0;font-size:var(--fs-h2);font-weight:700;color:var(--color-gray-900);letter-spacing:-.01em}.modal__text{margin:0;font-size:var(--fs-body);line-height:1.55;color:var(--color-gray-700)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.project-row__delete{display:inline-flex;align-items:center;gap:6px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header--row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.page-header__text{max-width:720px}.page-header__title-row{display:inline-flex;align-items:baseline;gap:var(--space-3)}.page-header__count{font-family:var(--font-mono);font-size:var(--fs-body);color:var(--color-gray-500);font-weight:500}.page-header__actions{display:flex;gap:var(--space-3);align-items:center}.hub-toolbar{display:flex;gap:var(--space-4);align-items:flex-start;flex-wrap:wrap;margin-bottom:var(--space-5)}.hub-toolbar__stack{display:grid;gap:var(--space-2);flex:1 1 320px;min-width:240px;max-width:480px}.hub-search{position:relative;width:100%}.hub-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);display:inline-flex;pointer-events:none}.hub-search input{width:100%;height:40px;border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);padding:0 var(--space-4) 0 40px;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--color-gray-900);transition:border-color .12s ease-out}.hub-search input::placeholder{color:var(--color-gray-500)}.hub-search input:hover{border-color:var(--color-gray-500)}.hub-search input:focus{outline:none;border:2px solid var(--color-primary);padding:0 calc(var(--space-4) - 1px) 0 39px}.hub-toolbar__filters{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.hub-toolbar__select-wrap{display:flex;align-items:center;gap:var(--space-2)}.hub-view-toggle{display:inline-flex;align-items:center;gap:var(--space-2)}.hub-view-toggle__btn{width:36px;height:36px;border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);color:var(--color-gray-700);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.hub-view-toggle__btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-500);color:var(--color-gray-900)}.hub-view-toggle__btn--active,.hub-view-toggle__btn[aria-selected=true]{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.hub-toolbar__select-label{font-size:var(--fs-small);font-weight:600;color:var(--color-gray-600);white-space:nowrap}.hub-toolbar__select{height:40px;min-width:190px;border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--fs-body);color:var(--color-gray-900)}.hub-toolbar__select:hover{border-color:var(--color-gray-500)}.hub-toolbar__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.hub-color-filter{position:relative}.hub-color-filter__summary{list-style:none;height:40px;min-width:160px;border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);padding:0 var(--space-3);display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer}.hub-color-filter__display{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.hub-color-filter__summary::-webkit-details-marker{display:none}.hub-color-filter__summary:hover{border-color:var(--color-gray-500)}.hub-color-filter[open] .hub-color-filter__summary{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.hub-color-filter__summary:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--color-gray-600);border-bottom:1.5px solid var(--color-gray-600);transform:rotate(45deg) translateY(-1px);margin-left:var(--space-3);flex-shrink:0}.hub-color-filter__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:188px;padding:var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);background-color:var(--color-white);box-shadow:0 14px 30px #21262c1f;display:grid;gap:6px}.hub-color-filter__option{width:100%;height:40px;border:1px solid transparent;border-radius:var(--radius-input);background:var(--color-white);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--space-3);cursor:pointer}.hub-color-filter__option:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.hub-color-filter__option--active{background-color:var(--color-primary-light);border-color:#1e66ff3d}.hub-color-filter__swatches{display:inline-flex;align-items:center;flex-shrink:0}.hub-color-filter__swatch{width:16px;height:16px;border-radius:999px;border:1px solid rgba(33,38,44,.12);box-shadow:0 0 0 1px #ffffffa6 inset}.hub-color-filter__swatch+.hub-color-filter__swatch{margin-left:-4px}.hub-color-filter__text{font-size:var(--fs-small);font-weight:500;color:var(--color-gray-800);white-space:nowrap}.hub-chip{height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);font-family:var(--font-sans);font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.hub-chip svg{flex-shrink:0}.hub-chip:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-500)}.hub-chip--active,.hub-chip[aria-selected=true]{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.hub-section{margin-bottom:var(--space-6)}.hub-section__head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-300)}.hub-section__title{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600;color:var(--color-gray-900);margin:0;display:inline-flex;align-items:center;gap:var(--space-2)}.hub-section__title svg{color:var(--color-primary)}.hub-section__count{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-gray-500);font-weight:500}.hub-list{display:flex;flex-direction:column;gap:var(--space-3)}.hub-list-compact{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-gray-300);border-radius:var(--radius-card);background-color:var(--color-white);overflow:hidden}.hub-list-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-gray-100)}.hub-list-row:first-child{border-top:0}.hub-list-row--head{background-color:var(--color-gray-50);color:var(--color-gray-600);font-size:var(--fs-small);font-weight:600}.hub-list-row__heading{font-size:var(--fs-small);color:inherit;font-weight:600;white-space:nowrap}.hub-list-row__heading--action{justify-self:start}.hub-list-row__category-dot{width:16px;height:16px;border-radius:999px;border:1px solid rgba(33,38,44,.12);box-shadow:0 0 0 1px #ffffffa6 inset;display:inline-flex}.hub-list-row__title{margin:0;font-size:var(--fs-body);color:var(--color-gray-900);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-list-row__title--head,.hub-list-row__action{font-size:var(--fs-small);color:inherit;font-weight:600}.hub-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-gray-900);text-align:left;transition:border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out}.hub-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0f0f1014;transform:translateY(-1px)}.hub-card:focus-within{border-color:var(--color-primary)}.hub-card__main{display:flex;align-items:center;gap:var(--space-4)}.hub-card__folder{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-input);background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);display:inline-flex;align-items:center;justify-content:center;color:var(--card-accent, var(--color-primary))}.hub-card__head{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1 1 auto}.hub-card__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.hub-card__title{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600;color:var(--color-gray-900);margin:0;font-family:var(--font-mono);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.hub-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--radius-pill);background-color:var(--color-gray-100);color:var(--color-gray-700);font-size:12px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.hub-tag--owner{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.hub-card__stats{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.hub-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:72px;padding:0 var(--space-3);border-left:1px solid var(--color-gray-100)}.hub-stat:first-child{border-left:0}.hub-stat__value{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:600;color:var(--color-gray-900);line-height:1.1}.hub-stat__label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-500)}.hub-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.hub-card__text{display:grid;gap:4px;flex:1 1 auto;min-width:0}.hub-card__desc{font-size:var(--fs-body);color:var(--color-gray-700);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-card__meta{margin:0;font-size:var(--fs-small);color:var(--color-gray-500)}.hub-card__actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.hub-icon-btn{width:32px;height:32px;border-radius:var(--radius-input);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.hub-icon-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-500);color:var(--color-gray-900)}.hub-icon-btn--on{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.hub-icon-btn--danger:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.hub-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-input);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:600;border:1px solid transparent;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.hub-btn:disabled{opacity:.5;cursor:not-allowed}.hub-btn--primary{background-color:var(--color-primary);color:var(--color-white)}.hub-btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.hub-btn--ghost{background-color:var(--color-white);color:var(--color-gray-900);border-color:var(--color-gray-300)}.hub-btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-500)}.hub-btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--fs-small)}.hub-empty{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-gray-700)}.hub-empty h3{margin:0 0 var(--space-2);font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--color-gray-900)}.hub-empty p{margin:0;color:var(--color-gray-700)}.hub-empty__actions{margin-top:var(--space-4)}.hub-alert{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-input);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);font-size:var(--fs-body)}.hub-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f0f108c;display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:100}.hub-modal{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-card);padding:var(--space-6);width:100%;max-width:560px;max-height:calc(100vh - var(--space-7));overflow-y:auto;box-shadow:0 8px 24px #0f0f1029}.hub-modal__title{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-2)}.hub-modal__lead{font-size:var(--fs-body);color:var(--color-gray-700);margin:0 0 var(--space-5)}.hub-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.hub-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.hub-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.hub-field--spaced{margin-top:var(--space-4)}.hub-field label{font-size:var(--fs-label);line-height:var(--lh-label);font-weight:500;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.04em}.hub-field input,.hub-field select,.hub-field textarea{width:100%;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--color-gray-900);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-input);padding:0 var(--space-3);height:40px;transition:border-color .12s ease-out}.hub-field textarea{height:auto;min-height:96px;padding:var(--space-3);resize:vertical;line-height:var(--lh-body)}.hub-field input:hover,.hub-field select:hover,.hub-field textarea:hover{border-color:var(--color-gray-500)}.hub-field input:focus,.hub-field select:focus,.hub-field textarea:focus{outline:none;border:2px solid var(--color-primary);padding-left:calc(var(--space-3) - 1px);padding-right:calc(var(--space-3) - 1px)}.hub-field textarea:focus{padding-top:calc(var(--space-3) - 1px);padding-bottom:calc(var(--space-3) - 1px)}.hub-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-gray-700) 50%),linear-gradient(135deg,var(--color-gray-700) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.categories-card{max-width:760px;margin-left:0}.categories-card+.categories-card,.categories-card:first-of-type{margin-bottom:var(--space-5)}.categories-row{display:grid;grid-template-columns:56px minmax(220px,1fr) 160px 104px;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-gray-100)}.categories-row--last{border-bottom:0}.categories-color-input{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.categories-color-input:disabled{cursor:not-allowed}.categories-name-input{max-width:320px}.categories-count{min-width:160px;display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.categories-action-label{width:100%;color:var(--color-gray-500);font-size:var(--fs-small);font-weight:600}.categories-action-btn{width:100%}.categories-card--wide{max-width:1080px}.app-categories-row{display:grid;grid-template-columns:minmax(220px,280px) minmax(260px,1fr) 120px 104px;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-gray-100)}.app-categories-row--last{border-bottom:0}.app-categories-description-input{width:100%}.categories-form__header{margin-bottom:var(--space-4)}.categories-form__title{margin:0;font-size:var(--fs-h2);color:var(--color-gray-900)}.categories-form__actions{display:flex;justify-content:flex-end}.hub-color-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hub-color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-gray-300);cursor:pointer;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out}.hub-color-swatch:hover{transform:scale(1.08)}.hub-color-swatch--active{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-primary)}@media (max-width: 1100px){.hub-card__main{flex-wrap:wrap}.hub-card__stats{margin-left:auto}}@media (max-width: 880px){.hub-modal__row{grid-template-columns:1fr}.page-header--row{align-items:flex-start}.hub-card__footer{flex-direction:column;align-items:stretch}.hub-card__actions{justify-content:flex-end}}@media (max-width: 720px){.hub-card__stats{width:100%;justify-content:space-between;margin-left:0;border-top:1px solid var(--color-gray-100);padding-top:var(--space-3)}.hub-stat{border-left:0;min-width:0;padding:0;flex:1}}@media (prefers-reduced-motion: reduce){.hub-card,.hub-icon-btn,.hub-chip,.hub-btn,.hub-color-swatch{transition:none}.hub-card:hover{transform:none}}