.role-nav{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--green-900) 0%,var(--green-800) 100%);color:#fff;display:flex;flex-direction:column;padding:var(--space-lg);z-index:100;overflow-y:auto}.role-nav-overlay{display:none}.role-nav-brand{margin-bottom:var(--space-xl)}.role-nav-brand a{color:#fff;text-decoration:none;display:block}.brand-name{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;display:block}.brand-tagline{font-size:var(--text-xs);color:var(--gold-400);font-weight:400;display:block;margin-top:2px}.role-nav-role{margin-bottom:var(--space-lg)}.role-badge{display:inline-block;padding:3px var(--space-sm);background:var(--gold-500);color:var(--green-900);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.role-nav-items{list-style:none;flex:1}.role-nav-items li{margin-bottom:2px}.role-nav-items a{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:#ffffffa6;border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-base);border-left:3px solid transparent}.role-nav-items a .nav-icon{font-size:var(--text-base);width:1.5em;text-align:center}.role-nav-items a:hover{color:#fff;background:#ffffff14}.role-nav-items a.active{color:#fff;background:#ffffff1f;font-weight:600;border-left-color:var(--gold-500)}.role-nav-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-md)}.role-nav-user{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold-500);color:var(--green-900);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.user-info{min-width:0}.user-name{display:block;font-weight:500;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{display:block;font-size:var(--text-xs);color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-nav-footer .btn{color:#ffffffa6;border-color:#ffffff26;margin-top:var(--space-xs)}.role-nav-footer .btn:hover{color:#fff;border-color:#fff6}@media(max-width:768px){.role-nav{transform:translate(-100%);transition:transform var(--transition-slow)}.role-nav.open{transform:translate(0)}.role-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-content{margin-left:var(--sidebar-width);flex:1;padding:var(--space-xl);max-width:calc(100vw - var(--sidebar-width));min-height:100vh}.dashboard-topbar{display:flex;align-items:center;margin-bottom:var(--space-md)}.mobile-menu-btn{display:none;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xl);color:var(--color-text-primary);cursor:pointer}@media(max-width:768px){.dashboard-content{margin-left:0;max-width:100vw;padding:var(--space-md)}.dashboard-topbar{display:flex;align-items:center;margin-bottom:var(--space-md)}.mobile-menu-btn{display:block}}.landing{--lp-max: 1140px;--lp-gutter: var(--space-xl)}.lp-header{background:#018749;position:sticky;top:0;z-index:100}.lp-header__inner{max-width:var(--lp-max);margin:0 auto;padding:var(--space-sm) var(--lp-gutter);display:flex;align-items:center;justify-content:space-between}.lp-header__brand{display:flex;align-items:baseline;gap:var(--space-md)}.lp-header__logo{color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;text-decoration:none}.lp-header__logo:hover{color:#fff}.lp-header__tagline{color:#ffffffa6;font-size:var(--text-xs);font-weight:500;letter-spacing:.02em}.lp-header__nav{display:flex;align-items:center;gap:var(--space-lg)}.lp-header__link{color:#ffffffd9;font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-base)}.lp-header__link:hover{color:#fff}.lp-header__cta{display:inline-block;padding:6px 18px;font-size:var(--text-sm);font-weight:700;color:#1c2833;background:var(--color-accent);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-base),transform var(--transition-base)}.lp-header__cta:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.lp-intro{padding:var(--space-3xl) 0 var(--space-2xl)}.lp-intro__inner{max-width:var(--lp-max);margin:0 auto;padding:0 var(--lp-gutter);text-align:center}.lp-intro__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-md)}.lp-intro__subtitle{max-width:600px;margin:0 auto var(--space-xl);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.lp-intro__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.lp-intro__link{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-xs);transition:color var(--transition-base)}.lp-intro__link:hover{color:var(--color-primary)}.lp-section{padding:5rem 0}.lp-section--alt{background:var(--color-background)}.lp-section__inner{max-width:var(--lp-max);margin:0 auto;padding:0 var(--lp-gutter)}.lp-section__eyebrow{display:block;text-align:center;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-dark);margin-bottom:var(--space-sm)}.lp-section__title{text-align:center;font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.lp-section__subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-lg);max-width:560px;margin:0 auto var(--space-2xl);line-height:var(--leading-relaxed)}.lp-section__action{text-align:center;margin-top:var(--space-2xl)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg) var(--space-lg);position:relative;transition:box-shadow var(--transition-slow),transform var(--transition-slow)}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.step__num{display:inline-block;font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);opacity:.2;line-height:1;margin-bottom:var(--space-md)}.step__title{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm);border-bottom:none}.step__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);align-items:start}.pricing__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:box-shadow var(--transition-slow),transform var(--transition-slow)}.pricing__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pricing__card--featured{border-color:var(--color-accent);border-width:2px;box-shadow:var(--shadow-md);transform:scale(1.03);z-index:2}.pricing__card--featured:hover{transform:scale(1.03) translateY(-3px);box-shadow:var(--shadow-xl)}.pricing__card--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-dark),var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.pricing__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-text-primary);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 16px;border-radius:var(--radius-full);white-space:nowrap}.pricing__head{margin-bottom:var(--space-lg)}.pricing__name{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs);border-bottom:none}.pricing__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:280px}.pricing__amount{display:flex;align-items:baseline;margin-bottom:var(--space-xs)}.pricing__currency{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-right:2px}.pricing__value{font-size:3rem;font-weight:800;line-height:1;color:var(--color-text-primary);letter-spacing:-.03em}.pricing__period{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;margin-left:4px}.pricing__sessions{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-md)}.pricing__divider{width:40px;height:2px;background:var(--color-border);border-radius:1px;margin-bottom:var(--space-md)}.pricing__card--featured .pricing__divider{background:var(--color-accent)}.pricing__features{list-style:none;padding:0;margin:0 0 var(--space-xl);width:100%;text-align:left}.pricing__features li{padding:var(--space-sm) 0;padding-left:1.5rem;font-size:var(--text-sm);color:var(--color-text-secondary);position:relative;line-height:var(--leading-normal)}.pricing__features li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--color-primary-pale);box-shadow:inset 0 0 0 0 transparent}.pricing__features li:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-60%) rotate(45deg);width:4px;height:8px;border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.pricing__cta{width:100%;margin-top:auto}.mentor{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.mentor__profile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);display:flex;gap:var(--space-xl);box-shadow:var(--shadow-sm)}.mentor__avatar{width:72px;height:72px;min-width:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;font-weight:800;font-size:1.4rem;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.mentor__name{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.mentor__role{font-size:var(--text-sm);font-weight:600;color:var(--color-accent-dark);margin-bottom:var(--space-md)}.mentor__bio{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.mentor__credentials{display:flex;flex-direction:column;gap:var(--space-lg)}.credential{display:flex;gap:var(--space-md);align-items:flex-start}.credential__marker{width:10px;height:10px;min-width:10px;border-radius:50%;background:var(--color-accent);margin-top:5px}.credential__title{font-size:var(--text-sm);color:var(--color-text-primary)}.credential__text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin-top:2px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;transition:box-shadow var(--transition-slow),transform var(--transition-slow)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__date{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-sm)}.blog-card__title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-sm);border-bottom:none}.blog-card__title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.blog-card__title a:hover{color:var(--color-primary)}.blog-card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md);flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.blog-card__tag{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);background:var(--gold-50);color:var(--gold-700)}.blog-card__link{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;margin-top:auto;transition:color var(--transition-base)}.blog-card__link:hover{color:var(--color-primary-dark)}.journey{position:relative;max-width:640px;margin:0 auto;padding:var(--space-md) 0}.journey__line{position:absolute;left:19px;top:var(--space-xl);bottom:var(--space-xl);width:2px;background:var(--color-border)}.journey__step{display:flex;gap:var(--space-lg);align-items:flex-start;position:relative;padding-bottom:var(--space-xl)}.journey__step:last-child{padding-bottom:0}.journey__marker{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;color:var(--color-text-muted);position:relative;z-index:1}.journey__step--done .journey__marker{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.journey__step--active .journey__marker{background:var(--color-accent);border-color:var(--color-accent);color:#1c2833;box-shadow:0 0 0 4px var(--gold-100)}.journey__card{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-slow)}.journey__step--done .journey__card{border-left:3px solid var(--color-primary)}.journey__step--active .journey__card{border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm)}.journey__card-title{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs);border-bottom:none}.journey__card-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.journey-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-top:var(--space-2xl)}.journey-value{text-align:center}.journey-value strong{display:block;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.journey-value p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.journey-value__icon{width:40px;height:40px;border-radius:var(--radius-md);margin:0 auto var(--space-md)}.journey-value__icon--parent{background:var(--color-info-bg);border:2px solid var(--color-info)}.journey-value__icon--structure{background:var(--color-warning-bg);border:2px solid var(--color-warning)}.journey-value__icon--quality{background:var(--color-success-bg);border:2px solid var(--color-success)}.ai-review{display:grid;grid-template-columns:1fr 340px;gap:var(--space-2xl);align-items:start}.ai-review__badge{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 14px;border-radius:var(--radius-full);background:var(--gold-50);color:var(--gold-700);border:1px solid var(--gold-200);margin-bottom:var(--space-lg)}.ai-review__intro{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.ai-review__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.ai-review__features li{display:flex;flex-direction:column;gap:2px;padding-left:var(--space-lg);position:relative}.ai-review__features li:before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.ai-review__features li strong{font-size:var(--text-sm);color:var(--color-text-primary)}.ai-review__features li span{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.ai-review__mock{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.ai-review__mock-header{padding:var(--space-sm) var(--space-md);background:var(--grey-50);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.ai-review__mock-dot{width:8px;height:8px;border-radius:50%}.ai-review__mock-dot--green{background:var(--color-primary)}.ai-review__mock-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.ai-review__mock-section{display:flex;align-items:center;gap:var(--space-md)}.ai-review__mock-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);width:70px;flex-shrink:0}.ai-review__mock-bar{flex:1;height:8px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.ai-review__mock-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}.ai-review__mock-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.cta-banner{position:relative;background:linear-gradient(160deg,#062a14,#0a3d1f 40%,#0f5229);color:#fff;text-align:center;padding:5rem 0;overflow:hidden}.cta-banner__decoration{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 300px at 70% 50%,rgba(212,175,55,.05) 0%,transparent 100%);pointer-events:none}.cta-banner__inner{position:relative;max-width:var(--lp-max);margin:0 auto;padding:0 var(--lp-gutter)}.cta-banner__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));font-weight:800;margin-bottom:var(--space-sm);letter-spacing:-.02em}.cta-banner__text{color:#ffffffb3;font-size:var(--text-lg);max-width:480px;margin:0 auto var(--space-xl);line-height:var(--leading-relaxed)}.lp-footer{background:var(--color-surface);border-top:1px solid var(--color-border)}.lp-footer__inner{max-width:var(--lp-max);margin:0 auto;padding:var(--space-3xl) var(--lp-gutter) var(--space-xl);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl)}.lp-footer__logo{font-weight:800;font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.02em}.lp-footer__tagline{font-size:var(--text-sm);color:var(--color-accent-dark);font-weight:500;margin-top:var(--space-xs)}.lp-footer__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-top:var(--space-sm);max-width:300px}.lp-footer__heading{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.lp-footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.lp-footer__list li,.lp-footer__list a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.lp-footer__list a:hover{color:var(--color-primary)}.lp-footer__bottom{max-width:var(--lp-max);margin:0 auto;padding:var(--space-lg) var(--lp-gutter);border-top:1px solid var(--color-border)}.lp-footer__bottom p{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:1024px){.ai-review{grid-template-columns:1fr;gap:var(--space-xl)}.mentor{grid-template-columns:1fr}.lp-footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.lp-footer__brand{grid-column:1 / -1}}@media(max-width:768px){.lp-header__tagline,.lp-header__link{display:none}.journey-values,.steps{grid-template-columns:1fr;gap:var(--space-md)}.pricing{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing__card--featured{transform:none;order:-1}.pricing__card--featured:hover{transform:translateY(-3px)}.mentor__profile{flex-direction:column;align-items:center;text-align:center}.blog-grid{grid-template-columns:1fr}.lp-footer__inner{grid-template-columns:1fr;gap:var(--space-xl)}}@media(max-width:480px){.lp-intro__actions{flex-direction:column;gap:var(--space-md)}.lp-section,.cta-banner{padding:3.5rem 0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green-900) 0%,var(--green-700) 50%,var(--green-800) 100%)}.login-card{width:100%;max-width:420px;text-align:center}.login-card h1{font-size:var(--text-2xl);color:var(--green-800);margin-bottom:var(--space-xs)}.login-tagline{color:var(--gold-700);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xl)}.login-error{color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-md);text-align:left}.dev-accounts{margin-top:var(--space-lg);border:1px dashed var(--grey-300);border-radius:var(--radius-md);padding:var(--space-sm)}.dev-accounts-banner{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-sm)}.dev-accounts-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.dev-account-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--grey-50)}.dev-account-info{text-align:left}.dev-account-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.dev-account-name{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}:root{--green-900: #0a3d1f;--green-800: #0f5229;--green-700: #146834;--green-600: #1a7a3f;--green-500: #22924c;--green-400: #34a85d;--green-300: #6dc48a;--green-200: #a8ddb8;--green-100: #d4eedd;--green-50: #f0faf3;--gold-700: #8a6d1b;--gold-600: #a68425;--gold-500: #c8a951;--gold-400: #d4ba6e;--gold-300: #e0cc8e;--gold-200: #ede0b5;--gold-100: #f5efd5;--gold-50: #fffaeb;--grey-900: #1c2833;--grey-800: #2c3e50;--grey-700: #445566;--grey-600: #5a6c7d;--grey-500: #7f8c9b;--grey-400: #a0abb6;--grey-300: #c4cbd3;--grey-200: #dde2e7;--grey-100: #eef1f4;--grey-50: #f8f9fa;--color-primary: var(--green-600);--color-primary-light: var(--green-500);--color-primary-dark: var(--green-900);--color-primary-pale: var(--green-50);--color-accent: var(--gold-500);--color-accent-light: var(--gold-50);--color-accent-dark: var(--gold-700);--color-surface: #ffffff;--color-background: var(--grey-50);--color-text-primary: var(--grey-900);--color-text-secondary: var(--grey-600);--color-text-muted: var(--grey-500);--color-border: var(--grey-200);--color-border-light: var(--grey-100);--color-success: #1a7a3f;--color-success-bg: var(--green-50);--color-warning: #c17900;--color-warning-bg: #fff8e1;--color-error: #c62828;--color-error-bg: #ffebee;--color-info: #1565c0;--color-info-bg: #e3f2fd;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .04);--sidebar-width: 260px;--header-height: 60px;--content-max-width: 1200px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease}:root[data-theme=gold],:root:not([data-theme]){--color-primary: #018749;--color-primary-light: #02a35a;--color-primary-dark: #0a3d1f;--color-primary-pale: #e6f5ed;--color-accent: #D4AF37;--color-accent-light: #fffaeb;--color-accent-dark: #8a6d1b;--gold-500: #D4AF37;--gold-400: #dfc05a;--gold-300: #e8d07e;--gold-200: #f0e0a8;--gold-100: #f7efd0;--gold-50: #fffaeb}:root[data-theme=cream]{--color-primary: #018749;--color-primary-light: #02a35a;--color-primary-dark: #0a3d1f;--color-primary-pale: #e6f5ed;--color-accent: #b8a06a;--color-accent-light: #F5F0E8;--color-accent-dark: #8a7340;--color-background: #FAF8F5;--color-surface: #ffffff;--color-border: #e8e2d8;--color-border-light: #f0ece4;--gold-500: #b8a06a;--gold-400: #c9b580;--gold-300: #d9ca9a;--gold-200: #e8dfc0;--gold-100: #f0ece0;--gold-50: #F5F0E8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--leading-normal)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:600}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card h3{font-size:var(--text-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--gold-100);color:var(--color-text-primary)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;gap:var(--space-xs)}.kpi-card.accent{border-left-color:var(--color-accent)}.kpi-card.info{border-left-color:var(--color-info)}.kpi-card.warning{border-left-color:var(--color-warning)}.kpi-card .kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.kpi-card .kpi-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);line-height:1}.kpi-card .kpi-subtitle{font-size:var(--text-xs);color:var(--color-text-secondary)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);background:var(--grey-50)}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:hover td{background:var(--gold-50)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--grey-100);color:var(--grey-600)}.badge-gold{background:var(--gold-50);color:var(--gold-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;transition:all var(--transition-base);line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-700)}.btn-accent{background:var(--color-accent);color:var(--color-text-primary);font-weight:600}.btn-accent:hover:not(:disabled){background:var(--gold-600);color:#fff}.btn-outline{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#a31f1f}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--green-50)}.form-group textarea{resize:vertical;min-height:80px}.progress-bar{width:100%;height:8px;background:var(--grey-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar .progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar .progress-fill.gold{background:var(--color-accent)}.timeline{display:flex;flex-direction:column;gap:0;padding-left:var(--space-md);border-left:2px solid var(--color-border)}.timeline-item{position:relative;padding:var(--space-sm) 0 var(--space-md) var(--space-lg)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-md) - 5px);top:var(--space-sm);width:10px;height:10px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-surface)}.timeline-item.completed:before{background:var(--color-success)}.timeline-item.active:before{background:var(--color-accent);box-shadow:0 0 0 3px var(--gold-100)}.timeline-item.submitted:before{background:var(--color-info)}.timeline-item .timeline-title{font-size:var(--text-sm);font-weight:500}.timeline-item .timeline-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);text-align:center;padding:var(--space-xl)}.empty-state .empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-md);opacity:.4}.empty-state p{max-width:300px}.skeleton{background:linear-gradient(90deg,var(--grey-100) 25%,var(--grey-50) 50%,var(--grey-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-sm)}.skeleton-text:last-child{width:60%}.skeleton-heading{height:1.5em;width:40%;margin-bottom:var(--space-md)}.skeleton-card{height:120px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--text-2xl);color:var(--color-text-primary)}.page-header p{color:var(--color-text-secondary);margin-top:var(--space-xs)}.section{margin-bottom:var(--space-xl)}.banner{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg);border:1px solid}.banner-info{background:var(--color-info-bg);color:var(--color-info);border-color:#bbdefb}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#ffe0b2}.banner-error{background:var(--color-error-bg);color:var(--color-error);border-color:#ef9a9a}.banner-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--green-200)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.placeholder h3{color:var(--color-text-secondary);margin-bottom:var(--space-sm);border-bottom:none}.tab-bar{display:flex;gap:var(--space-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg)}.tab-bar button{padding:var(--space-sm) var(--space-md);background:none;border:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-base)}.tab-bar button:hover{color:var(--color-text-primary)}.tab-bar button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}