@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}:root{--color-background:#0a0a0a;--color-background-secondary:#181818;--color-surface:#151515;--color-surface-elevated:#1b1b1b;--color-primary:#b7ff1a;--color-primary-hover:#a6e817;--color-text-primary:#fff;--color-text-secondary:#c9c9c9;--color-border:#2b2b2b;--color-success:#2ecc71;--color-warning:#f5b942;--color-error:#ff4d4d;--color-info:#3498ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 10px 30px #0009, 0 4px 12px #0006;--shadow-primary:0 0 20px #b7ff1a26, 0 0 40px #b7ff1a1a;--shadow-glow:0 0 15px #ffffff0d;--duration-fast:.1s;--duration-normal:.25s;--duration-slow:.25s;--ease-default:cubic-bezier(.4, 0, .2, 1);--btn-height-min:56px;--nav-bottom-height:64px;--content-max-width:1200px;--layout-header-height:60px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Bebas Neue", "Impact", "Arial Narrow", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, 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;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700}html,body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);overflow-x:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);line-height:1.2}p{color:var(--color-text-secondary);line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{width:100%;overflow-x:hidden}.page-container{width:100%;max-width:var(--content-max-width);padding:var(--space-4);margin:0 auto}.page-content{padding-bottom:calc(var(--nav-bottom-height) + var(--space-8))}.app-layout{background-color:var(--color-background);flex-direction:column;min-height:100dvh;display:flex}.app-layout__main{padding-top:var(--layout-header-height);flex:1;overflow-x:hidden}.public-layout{background-color:var(--color-background);flex-direction:column;min-height:100dvh;display:flex}.public-layout__main{flex-direction:column;flex:1;display:flex}.app-header{z-index:100;height:var(--layout-header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:fixed;top:0;left:0;right:0}.app-header__menu-btn,.app-header__action-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-header__menu-btn:hover,.app-header__action-btn:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.app-header__brand{flex:1;justify-content:center;align-items:center;display:flex}.app-header__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:.02em}.bottom-nav{z-index:100;height:var(--nav-bottom-height);background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.bottom-nav__list{justify-content:space-around;align-items:stretch;height:100%;display:flex}.bottom-nav__item{flex:1;display:flex}.bottom-nav__link{padding:var(--space-2) var(--space-1);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--duration-normal) var(--ease-default), background-color var(--duration-normal) var(--ease-default);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:44px;display:flex}.bottom-nav__link:hover{color:var(--color-text-primary);background-color:var(--color-surface-elevated)}.bottom-nav__link--active{color:var(--color-primary)}.bottom-nav__link--active:hover{color:var(--color-primary-hover)}.bottom-nav__label{font-size:10px;font-weight:var(--font-medium);letter-spacing:.02em;line-height:1}.primary-btn{min-height:var(--btn-height-min);padding:0 var(--space-8);background-color:var(--color-primary);color:#000;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #b7ff1a26}.primary-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #b7ff1a4d}.primary-btn:active{transform:scale(.98)}.primary-btn--full{width:100%}.primary-btn--disabled,.primary-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.secondary-btn{min-height:var(--btn-height-min);padding:0 var(--space-8);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);background-color:#0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.secondary-btn:hover{background-color:var(--color-surface);border-color:var(--color-text-secondary);transform:translateY(-2px)}.secondary-btn:active{transform:scale(.98)}.secondary-btn--full{width:100%}.secondary-btn--disabled,.secondary-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.icon-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.icon-btn--sm{width:36px;height:36px}.icon-btn--md{width:44px;height:44px}.icon-btn--lg{width:52px;height:52px}.icon-btn--disabled,.icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.status-badge{align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.status-badge--success{color:var(--color-success);background-color:#2ecc7126}.status-badge--warning{color:var(--color-warning);background-color:#f5b94226}.status-badge--error{color:var(--color-error);background-color:#ff4d4d26}.status-badge--info{color:var(--color-info);background-color:#3498ff26}.status-badge--neutral{background-color:var(--color-surface-elevated);color:var(--color-text-secondary)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-icon{left:var(--space-3);color:var(--color-text-secondary);pointer-events:none;flex-shrink:0;position:absolute}.search-input{width:100%;min-height:48px;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 18px + var(--space-2));background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--duration-normal) var(--ease-default)}.search-input::placeholder{color:var(--color-text-secondary)}.search-input:focus{border-color:var(--color-primary);outline:none}.action-card{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:left;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), transform var(--duration-fast) var(--ease-default);display:flex}.action-card:hover{background-color:var(--color-surface-elevated);border-color:var(--color-text-secondary)}.action-card:active{transform:scale(.99)}.action-card__icon{width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);background-color:#b7ff1a1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-card__body{flex-direction:column;gap:4px;display:flex}.action-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.action-card__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-card{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.stat-card__header{justify-content:space-between;align-items:center;display:flex}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.stat-card__icon{color:var(--color-primary)}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.stat-card__trend{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full);align-self:flex-start;display:inline-flex}.stat-card__trend--up{color:var(--color-success);background-color:#2ecc7126}.stat-card__trend--down{color:var(--color-error);background-color:#ff4d4d26}.stat-card__trend--neutral{background-color:var(--color-surface-elevated);color:var(--color-text-secondary)}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);background-color:var(--color-background);flex-direction:column;min-height:100dvh;display:flex}.loading-screen__spinner{width:48px;height:48px;position:relative}.loading-screen__ring{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__message{font-size:var(--text-sm);color:var(--color-text-secondary)}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);text-align:center;flex-direction:column;display:flex}.empty-state__icon{color:var(--color-text-secondary)}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px}.empty-state__action{margin-top:var(--space-2)}.page-section{gap:var(--space-6);flex-direction:column;display:flex}.page-hero{align-items:center;gap:var(--space-4);padding-top:var(--space-4);display:flex}.page-hero__icon{color:var(--color-primary);flex-shrink:0}.page-hero__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:4px}.page-hero__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.module-placeholder{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.module-placeholder__icon{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.module-placeholder__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.module-placeholder__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.module-placeholder__badge{padding:4px var(--space-3);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;background-color:#b7ff1a14;display:inline-flex}.login-page{min-height:100dvh;padding:var(--space-6);background-color:var(--color-background);justify-content:center;align-items:center;display:flex}.login-page__card{gap:var(--space-8);flex-direction:column;width:100%;max-width:400px;display:flex}.login-page__logo{flex-direction:column;align-items:center;gap:4px;display:flex}.login-page__logo-main{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-primary);letter-spacing:.08em;line-height:1}.login-page__logo-sub{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.24em;text-transform:uppercase}.not-found-page{min-height:100dvh;padding:var(--space-6);background-color:var(--color-background);justify-content:center;align-items:center;display:flex}.not-found-page__content{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;max-width:400px;display:flex}.not-found-page__icon{color:var(--color-warning)}.not-found-page__code{font-family:var(--font-display);color:var(--color-primary);font-size:96px;line-height:1}.not-found-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.not-found-page__description{font-size:var(--text-base);color:var(--color-text-secondary)}@media (width>=768px){.bottom-nav{display:none}.app-layout{flex-direction:row}.app-layout__main{padding-top:var(--layout-header-height);flex:1}.page-content{padding-bottom:var(--space-8)}}.landing-page{flex-direction:column;min-height:100dvh;display:flex}.brand-logo{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);align-items:baseline;gap:4px;line-height:1;display:flex}.brand-logo__main{color:var(--color-primary);font-weight:var(--font-bold)}.brand-logo__sub{color:var(--color-text-primary);font-family:var(--font-sans);font-weight:var(--font-bold);letter-spacing:.1em}.brand-logo--sm .brand-logo__main{font-size:1.5rem}.brand-logo--sm .brand-logo__sub{font-size:.75rem}.brand-logo--md .brand-logo__main{font-size:2rem}.brand-logo--md .brand-logo__sub{font-size:.875rem}.brand-logo--lg .brand-logo__main{font-size:3rem}.brand-logo--lg .brand-logo__sub{font-size:1.125rem}.landing-header{z-index:100;padding:var(--space-4) 0;transition:background-color var(--duration-normal) var(--ease-default), backdrop-filter var(--duration-normal) var(--ease-default), padding var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0}.landing-header--scrolled{-webkit-backdrop-filter:blur(12px);padding:var(--space-3) 0;background-color:#0a0a0ad9;border-bottom:1px solid #ffffff0d}.landing-header__inner{max-width:var(--content-max-width);padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-header__logo{z-index:101;text-decoration:none}.landing-header__nav{display:none}@media (width>=1024px){.landing-header__nav{display:block}}.landing-header__nav-list{align-items:center;gap:var(--space-8);margin:0;padding:0;list-style:none;display:flex}.landing-header__nav-link{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase;opacity:.8;transition:opacity var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);text-decoration:none;position:relative}.landing-header__nav-link:hover{opacity:1;color:var(--color-primary)}.landing-header__nav-link:after{content:"";background-color:var(--color-primary);transform-origin:100%;width:100%;height:2px;transition:transform var(--duration-normal) var(--ease-default);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.landing-header__nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.landing-header__access-btn{display:none}@media (width>=1024px){.landing-header__access-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);border:1px solid #fff3;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.landing-header__access-btn:hover{background-color:var(--color-surface-elevated);border-color:var(--color-primary)}}.landing-header__mobile-toggle{width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;z-index:101;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (width>=1024px){.landing-header__mobile-toggle{display:none}}.landing-header__mobile-menu{-webkit-backdrop-filter:blur(10px);z-index:100;padding:var(--space-8);animation:fade-in .3s var(--ease-default);background-color:#0a0a0afa;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.landing-header__mobile-list{align-items:center;gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.landing-header__mobile-link{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.05em;transition:color var(--duration-fast) var(--ease-default);font-size:clamp(2rem,5vw,3rem);text-decoration:none}.landing-header__mobile-link:hover{color:var(--color-primary)}.landing-header__mobile-link--accent{color:var(--color-primary);margin-top:var(--space-4)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-section{text-align:center;min-height:80dvh;padding:var(--space-6);padding-top:calc(var(--layout-header-height) + var(--space-12));background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cinematic-media{z-index:0;background-color:var(--color-background);position:absolute;inset:0}.cinematic-media__fallback{z-index:0;transition:opacity var(--duration-normal) var(--ease-default);position:absolute;inset:0}.cinematic-media__fallback--hidden{opacity:0}.cinematic-media__img{object-fit:cover;background:url(https://images.unsplash.com/photo-1544181093-c712fbca8c78?q=80&w=2000&auto=format&fit=crop) 50%/cover no-repeat;width:100%;height:100%}.cinematic-media__video{object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity var(--duration-normal) var(--ease-default);position:absolute;inset:0}.cinematic-media__video--loaded{opacity:1}.hero-section__bg-overlay{z-index:2;background:radial-gradient(circle,#b7ff1a1a 0%,#0000 40%),linear-gradient(#0a0a0acc 0%,#0a0a0a66 40%,#0a0a0acc 80%,#0a0a0a 100%);position:absolute;inset:0}.hero-section__content{z-index:3;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:900px;margin-top:-5vh;display:flex;position:relative}.hero-section__tags{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.hero-tag{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase}.hero-tag--separator{background-color:var(--color-border);border-radius:50%;width:4px;height:4px}.hero-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 20px #000c;font-size:clamp(3.5rem,8vw,6.5rem);line-height:.95}.hero-section__title-accent{color:#0000;-webkit-text-stroke:2px var(--color-primary)}.hero-section__subtitle{color:var(--color-text-secondary);max-width:600px;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.5}.hero-buttons{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;width:100%;display:flex}@media (width>=640px){.hero-buttons{flex-direction:row;width:auto}}.hero-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-height-min);padding:0 var(--space-8);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-default);width:100%;text-decoration:none;display:inline-flex}@media (width>=640px){.hero-btn{width:auto}}.hero-btn--primary{background-color:var(--color-primary);color:#000}.hero-btn--primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 0 20px #b7ff1a66}.hero-btn--secondary{color:var(--color-text-primary);-webkit-backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3}.hero-btn--secondary:hover{border-color:var(--color-text-primary);background-color:#fff3;transform:translateY(-2px)}.hero-btn--ghost{color:var(--color-text-secondary);background:0 0}.hero-btn--ghost:hover{color:var(--color-text-primary)}.hero-section__scroll{bottom:var(--space-8);z-index:10;animation:bounce 2s infinite var(--ease-default);color:var(--color-text-secondary);cursor:pointer;width:44px;height:44px;transition:color var(--duration-normal);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-section__scroll:hover{color:var(--color-primary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-10px)translate(-50%)}60%{transform:translateY(-5px)translate(-50%)}}@media (prefers-reduced-motion:reduce){.hero-section__scroll{animation:none}.landing-header--scrolled{transition:none}.about-section__content,.about-section__image-container,.benefits-section__header{animation:none}}.about-section{padding:clamp(6rem, 12vw, 10rem) var(--space-4);background:linear-gradient(180deg, #0a0a0a 0%, var(--color-surface) 100%);position:relative}.about-section__inner{max-width:var(--content-max-width);gap:var(--space-12);align-items:start;margin:0 auto;display:grid}@media (width>=1024px){.about-section__inner{align-items:center;gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start}}.about-section__content{gap:var(--space-6);flex-direction:column;display:flex}.about-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;font-size:clamp(3rem,6vw,5rem);line-height:1}.about-section__text{color:var(--color-text-secondary);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.about-section__grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.about-section__grid{grid-template-columns:repeat(2,1fr)}}.about-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:transform var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);flex-direction:column;display:flex}.about-card:hover{box-shadow:var(--shadow-lg);border-color:#b7ff1a4d;transform:translateY(-4px)}.about-card__icon-wrapper{background-color:var(--color-surface-elevated);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-default);justify-content:center;align-items:center;display:flex}.about-card:hover .about-card__icon-wrapper{background-color:#b7ff1a1a}.about-card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.02em}.about-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.about-section__image-container{border-radius:var(--radius-2xl);width:100%;height:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.about-section__image-container:after{content:"";border-radius:var(--radius-2xl);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.about-section__image-placeholder{justify-content:center;align-items:center;gap:var(--space-4);background-color:var(--color-surface);width:100%;height:100%;color:var(--color-border);transition:color var(--duration-normal) var(--ease-default);flex-direction:column;display:flex}.about-section__image-placeholder:hover{color:var(--color-text-secondary)}.about-section__image-text{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.1em;text-transform:uppercase}.plans-section{padding:clamp(6rem, 12vw, 10rem) var(--space-4);background-color:var(--color-surface);position:relative}.plans-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.plans-section__inner{max-width:var(--content-max-width);gap:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.plans-section__header{text-align:center;gap:var(--space-4);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.plans-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;font-size:clamp(3rem,6vw,5rem);line-height:1}.plans-section__subtitle{color:var(--color-text-secondary);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.plans-section__grid{gap:var(--space-6);grid-template-columns:1fr;align-items:stretch;display:grid}@media (width>=768px){.plans-section__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.plans-section__grid{grid-template-columns:repeat(4,1fr)}}.plan-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);height:100%;padding:var(--space-8);transition:all var(--duration-normal) var(--ease-default);flex-direction:column;display:flex;position:relative}.plan-card:hover{box-shadow:var(--shadow-glow), 0 10px 30px #00000080;border-color:#ffffff26;transform:translateY(-6px)}.plan-card--highlighted{border-color:var(--color-primary);box-shadow:var(--shadow-primary);background:linear-gradient(#b7ff1a08 0%,#0000 100%)}.plan-card--highlighted:hover{border-color:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.plan-card__badge{background-color:var(--color-primary);color:#000;font-size:.7rem;font-weight:var(--font-bold);padding:6px var(--space-4);border-radius:var(--radius-full);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-card__header{margin-bottom:var(--space-6);flex-direction:column;gap:4px;min-height:52px;display:flex}.plan-card__name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);letter-spacing:.04em;line-height:1}.plan-card__subtitle{font-size:.7rem;font-weight:var(--font-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.plan-card__price-container{margin-bottom:var(--space-8);align-items:baseline;gap:var(--space-2);display:flex}.plan-card__price{font-size:clamp(2.5rem,3vw,3rem);font-family:var(--font-display);color:var(--color-text-primary);line-height:1}.plan-card--highlighted .plan-card__price{color:var(--color-primary)}.plan-card__frequency{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.plan-card__features{gap:var(--space-6);margin-bottom:var(--space-8);flex-direction:column;flex:1;display:flex}.plan-card__schedules{gap:var(--space-4);flex-direction:column;display:flex}.plan-schedule{gap:var(--space-2);flex-direction:column;display:flex}.plan-schedule__row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);display:flex}.plan-schedule__icon{color:var(--color-text-secondary);flex-shrink:0}.plan-card--highlighted .plan-schedule__icon{color:var(--color-primary)}.plan-card__description{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);padding-top:var(--space-4);border-top:1px solid var(--color-border);line-height:1.6;display:flex}.plan-card__desc-icon{color:var(--color-text-secondary);flex-shrink:0;margin-top:2px}.plan-card__footer{padding-top:var(--space-6);margin-top:auto}.plan-card__button{border-radius:var(--radius-lg);justify-content:center;width:100%}.benefits-section{padding:clamp(6rem, 12vw, 10rem) var(--space-4);background:linear-gradient(180deg, var(--color-surface) 0%, #0a0a0a 100%);position:relative}.benefits-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.benefits-section__inner{max-width:var(--content-max-width);gap:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.benefits-section__header{text-align:center;gap:var(--space-4);flex-direction:column;max-width:700px;margin:0 auto;display:flex}.benefits-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;font-size:clamp(3rem,6vw,5rem);line-height:1}.benefits-section__subtitle{color:var(--color-text-secondary);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.benefits-section__grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.benefits-section__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.benefits-section__grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-4);transition:all var(--duration-normal) var(--ease-default);flex-direction:column;display:flex}.benefit-card:hover{box-shadow:var(--shadow-glow), 0 10px 30px #00000080;border-color:#ffffff26;transform:translateY(-6px)}.benefit-card__icon-wrapper{background-color:var(--color-surface);width:56px;height:56px;color:var(--color-text-primary);border:1px solid var(--color-border);margin-bottom:var(--space-2);transition:background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default);border-radius:16px;justify-content:center;align-items:center;display:flex}.benefit-card:hover .benefit-card__icon-wrapper{background-color:var(--color-primary);color:#000;border-color:var(--color-primary)}.benefit-card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.02em}.benefit-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.stats-section{padding:var(--space-8) var(--space-4);background-color:var(--color-primary);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;overflow:hidden}.stats-section__inner{max-width:var(--content-max-width);gap:var(--space-8);grid-template-columns:repeat(2,1fr);place-items:center;margin:0 auto;display:grid}@media (width>=768px){.stats-section__inner{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;animation:pulse-stat 2s infinite alternate var(--ease-default);flex-direction:column;align-items:center;gap:4px;display:flex}@media (prefers-reduced-motion:reduce){.stat-item{animation:none}}.stat-item__value{font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);font-weight:var(--font-bold);color:#000;letter-spacing:.02em;line-height:1}.stat-item__label{font-size:var(--text-sm);font-weight:var(--font-bold);color:#000000b3;text-transform:uppercase;letter-spacing:.05em;max-width:140px}@keyframes pulse-stat{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.gallery-section{padding:clamp(4rem, 10vw, 8rem) var(--space-4);background-color:var(--color-background);position:relative}.gallery-section__inner{max-width:var(--content-max-width);gap:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.gallery-section__header{text-align:center;gap:var(--space-4);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.gallery-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;font-size:clamp(3rem,6vw,5rem);line-height:1}.gallery-section__subtitle{color:var(--color-text-secondary);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.gallery-section__grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.gallery-section__grid{grid-template-columns:repeat(2,1fr)}}.gallery-item{border-radius:var(--radius-2xl);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);cursor:pointer;aspect-ratio:4/3;flex-direction:column;display:flex;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gallery-item__image-wrapper{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.gallery-item__image{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-default)}.gallery-item:hover .gallery-item__image{transform:scale(1.05)}.gallery-item__overlay{transition:opacity var(--duration-slow) var(--ease-default);background:linear-gradient(#0000 40%,#0a0a0ae6 100%);position:absolute;inset:0}.gallery-item:hover .gallery-item__overlay{background:linear-gradient(#0000 20%,#000000f2 100%)}.gallery-item__label{bottom:var(--space-6);left:var(--space-6);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.05em;text-transform:uppercase;z-index:10;position:absolute}.inscription-page{background-color:var(--color-background);flex-direction:column;min-height:100dvh;display:flex}.inscription-page__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:center;display:flex}.inscription-page__logo{text-decoration:none}.inscription-page__content{padding:var(--space-8) var(--space-4);flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.inscription-form-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;padding:var(--space-6);gap:var(--space-8);flex-direction:column;display:flex}@media (width>=768px){.inscription-form-container{padding:var(--space-12)}}.inscription-progress{gap:var(--space-2);flex-direction:column;display:flex}.inscription-progress__text{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.inscription-progress__bar{background-color:var(--color-surface-elevated);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.inscription-progress__fill{background-color:var(--color-primary);height:100%;transition:width .3s var(--ease-default)}.form-step{gap:var(--space-6);animation:fade-in .3s var(--ease-default);flex-direction:column;display:flex}.form-step__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}.form-step__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:-16px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.form-input{width:100%;min-height:56px;padding:0 var(--space-4);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--duration-normal)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input--error{border-color:var(--color-error)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23BDBDBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12);background-size:16px}.form-error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--font-medium)}.form-error--global{padding:var(--space-3);border-radius:var(--radius-md);text-align:center;background-color:#ff4d4d1a}.form-readonly{min-height:56px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base);background-color:#ffffff05;align-items:center;display:flex}.form-checkbox-group{gap:var(--space-2);flex-direction:column;display:flex}.form-checkbox{align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-4);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-normal);display:flex}.form-checkbox:hover{border-color:var(--color-text-secondary)}.form-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);margin-top:4px}.form-checkbox__text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5}.plans-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.plan-option{padding:var(--space-4);background-color:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);display:flex}.plan-option:hover{border-color:var(--color-text-secondary)}.plan-option--selected{border-color:var(--color-primary);background-color:#b7ff1a0d}.plan-option__content{flex-direction:column;gap:4px;display:flex}.plan-option__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.plan-option--selected .plan-option__name{color:var(--color-primary)}.plan-option__price{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-medium)}.plan-option__schedule{font-size:var(--text-sm);color:var(--color-text-secondary)}.summary-card{gap:var(--space-6);flex-direction:column;display:flex}.summary-section{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.summary-section__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.summary-section__title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.summary-section__edit{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;background:0 0;border:none;padding:4px 8px}.summary-section__edit:hover{text-decoration:underline}.summary-section p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.summary-section p strong{color:var(--color-text-primary)}.inscription-form__actions{gap:var(--space-4);margin-top:var(--space-8);border-top:1px solid var(--color-border);padding-top:var(--space-6);flex-direction:column-reverse;display:flex}@media (width>=640px){.inscription-form__actions{flex-direction:row;justify-content:space-between}.inscription-form__btn{width:auto;min-width:140px}.inscription-form__btn--next{margin-left:auto}}.inscription-success{text-align:center;align-items:center;gap:var(--space-6);max-width:500px;padding:var(--space-12) var(--space-4);animation:fade-in-up .6s var(--ease-default);flex-direction:column;margin:0 auto;display:flex}.inscription-success__icon{color:var(--color-primary)}.inscription-success__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}.inscription-success__code-box{background-color:var(--color-surface);border:2px dashed var(--color-border);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;display:flex}.inscription-success__code-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.inscription-success__code{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:.1em}.inscription-success__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.inscription-success__btn{margin-top:var(--space-4);width:100%}@media (width>=640px){.inscription-success__btn{width:auto}}.testimonials-section{padding:clamp(6rem, 12vw, 10rem) var(--space-4);background:linear-gradient(180deg, #0a0a0a 0%, var(--color-surface) 100%)}.testimonials-section__inner{max-width:var(--content-max-width);gap:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.testimonials-section__header{text-align:center;gap:var(--space-4);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.testimonials-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.testimonials-section__subtitle{color:var(--color-text-secondary);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.testimonials-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-6);transition:all var(--duration-normal) var(--ease-default);flex-direction:column;display:flex}.testimonial-card:hover{box-shadow:var(--shadow-glow), 0 10px 30px #00000080;border-color:#ffffff26;transform:translateY(-6px)}.testimonial-card__icon{color:var(--color-primary);opacity:.8}.testimonial-card__quote{font-size:var(--text-lg);color:var(--color-text-primary);flex:1;font-style:italic;line-height:1.6}.testimonial-card__author-box{align-items:center;gap:var(--space-4);margin-top:auto;display:flex}.testimonial-card__avatar{background-color:var(--color-surface-elevated);border:2px solid var(--color-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23BDBDBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:50%;width:56px;height:56px}.testimonial-card__author{font-weight:var(--font-bold);color:var(--color-text-secondary)}.faq-section{padding:clamp(6rem, 12vw, 10rem) var(--space-4);background:var(--color-surface)}.faq-section__inner{gap:var(--space-12);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-section__header{text-align:center}.faq-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;font-size:clamp(2rem,4vw,3.5rem)}.faq-accordion{gap:var(--space-4);flex-direction:column;display:flex}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal);overflow:hidden}.faq-item:hover{border-color:#ffffff1a}.faq-item__trigger{width:100%;padding:var(--space-6);color:var(--color-text-primary);cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.faq-item__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.faq-item__question{font-size:var(--text-lg);font-weight:var(--font-bold);padding-right:var(--space-4)}.faq-item__icon{color:var(--color-primary);transition:transform var(--duration-normal) var(--ease-default);flex-shrink:0}.faq-item--open .faq-item__icon{transform:rotate(180deg)}.faq-item__answer-wrapper{padding:0 var(--space-6) var(--space-6)}.faq-item__answer{color:var(--color-text-secondary);line-height:1.6;font-size:var(--text-base);margin:0}.contact-section{padding:clamp(6rem, 12vw, 10rem) var(--space-4);background:linear-gradient(180deg, var(--color-surface) 0%, #050505 100%);border-top:none}.contact-section__inner{text-align:center;gap:var(--space-8);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.contact-section__title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,4rem);line-height:1.1}.contact-section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.contact-section__actions{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=640px){.contact-section__actions{flex-direction:row;justify-content:center}}.contact-section__info{margin-top:var(--space-8);gap:var(--space-2);flex-direction:column;display:flex}.contact-section__info-item{color:var(--color-text-secondary);font-size:var(--text-base)}.contact-section__info-item strong{color:var(--color-text-primary)}.contact-section__info-item a{color:var(--color-primary);text-decoration:none}.contact-section__info-item a:hover{text-decoration:underline}.landing-footer{border-top:1px solid var(--color-border);padding:clamp(4rem, 8vw, 6rem) var(--space-4) var(--space-6);background-color:#050505}.landing-footer__inner{max-width:var(--content-max-width);gap:var(--space-12);margin:0 auto;margin-bottom:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=768px){.landing-footer__inner{gap:var(--space-8);grid-template-columns:2fr 1fr 1fr}}.landing-footer__brand{gap:var(--space-4);flex-direction:column;display:flex}.landing-footer__slogan{color:var(--color-text-secondary);font-size:var(--text-base);max-width:300px}.landing-footer__nav-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.landing-footer__nav-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.landing-footer__link{color:var(--color-text-secondary);transition:color var(--duration-fast);text-decoration:none}.landing-footer__link:hover{color:var(--color-primary)}.landing-footer__text{color:var(--color-text-secondary)}.landing-footer__bottom{max-width:var(--content-max-width);padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}@media (width>=768px){.landing-footer__bottom{text-align:left;flex-direction:row;justify-content:space-between}}.landing-footer__copy{color:var(--color-text-secondary);font-size:var(--text-sm)}.landing-footer__legal{gap:var(--space-6);display:flex}.landing-footer__legal-link{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none}.landing-footer__legal-link:hover{color:var(--color-text-primary);text-decoration:underline}.floating-whatsapp{bottom:var(--space-6);right:var(--space-6);background-color:var(--color-primary);color:#000;z-index:50;width:60px;height:60px;transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 12px #b7ff1a4d}.floating-whatsapp:hover{transform:scale(1.1)translateY(-4px);box-shadow:0 8px 24px #b7ff1a66}@media (width>=768px){.floating-whatsapp{bottom:var(--space-8);right:var(--space-8)}}.about-section__image-wrapper:hover .about-section__image{transform:scale(1.03)}.brand-primary{color:#b7ff00;white-space:nowrap}.brand-secondary{color:#fff;white-space:nowrap}.about-section__brand-logo{margin-bottom:var(--space-6);justify-content:flex-start;display:flex}.about-section__logo-img{object-fit:contain;width:100%;max-width:120px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (width>=768px){.about-section__logo-img{max-width:150px}}.shell-container{background-color:var(--color-background);width:100vw;height:100vh;color:var(--color-text);display:flex;overflow:hidden}.shell-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:50;flex-direction:column;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.shell-sidebar__header{border-bottom:1px solid var(--color-border);align-items:center;height:72px;padding:0 24px;display:flex}.shell-sidebar__nav{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex;overflow-y:auto}.shell-nav-link{color:var(--color-text-secondary);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.shell-nav-link:hover{color:var(--color-text);background-color:#ffffff0d}.shell-nav-link.active{color:var(--brand-primary,#b7ff00);background-color:#b7ff001a}.shell-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.shell-topbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:40;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.shell-topbar__left{align-items:center;gap:16px;display:flex}.shell-topbar__right{align-items:center;gap:24px;display:flex}.shell-menu-button{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;display:none}.shell-menu-button:hover{background-color:#ffffff0d}.shell-user-menu{position:relative}.shell-user-menu__trigger{cursor:pointer;background:0 0;border:none;border-radius:24px;align-items:center;gap:12px;padding:4px;transition:background .2s;display:flex}.shell-user-menu__trigger:hover{background-color:#ffffff0d}.shell-user-avatar{object-fit:cover;background-color:var(--color-border);border-radius:50%;width:40px;height:40px}.shell-user-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.shell-user-name{color:var(--color-text);font-size:14px;font-weight:600}.shell-user-role{color:var(--color-text-secondary);font-size:12px}.shell-user-dropdown{background-color:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:12px;flex-direction:column;gap:4px;width:220px;margin-top:8px;padding:8px;animation:.2s ease-out forwards slideDown;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shell-dropdown-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.shell-dropdown-item:hover{background-color:#ffffff0d}.shell-dropdown-item.danger{color:#ef4444}.shell-dropdown-item.danger:hover{background-color:#ef44441a}.shell-main-content{flex-direction:column;flex:1;padding:40px;display:flex;overflow-y:auto}.shell-breadcrumb{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.shell-breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.shell-breadcrumb-link:hover{color:var(--color-text)}.shell-breadcrumb-current{color:var(--color-text);font-weight:500}@media (width<=1024px){.shell-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.shell-sidebar.open{transform:translate(0)}.shell-menu-button{display:block}.shell-main-content{padding:24px}}.shell-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;background-color:#0009;transition:opacity .3s;position:fixed;inset:0}.shell-overlay.open{opacity:1;pointer-events:auto}.dash-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.dash-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.dash-card:hover{box-shadow:0 8px 32px #0006}.dash-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-card-title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.dash-page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dash-stack{flex-direction:column;gap:24px;display:flex}.dash-refresh,.dash-error button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.dash-refresh:disabled{cursor:wait;opacity:.6}.dash-error{color:#fca5a5;background:#f8717117;border:1px solid #f8717173;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 16px;display:flex}.dash-empty{text-align:center;color:var(--color-text-secondary);padding:24px 12px;font-size:14px}.dash-text-link,.dash-class-link{color:var(--brand-primary);font-weight:600;text-decoration:none}.dash-text-link{font-size:13px}.dash-text-link:hover,.dash-class-link:hover{text-decoration:underline}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.kpi-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.kpi-icon-wrapper{color:var(--brand-primary);background-color:#b7ff001a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-data{flex:1}.kpi-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:13px}.kpi-value{color:var(--color-text);font-size:24px;font-weight:700}.kpi-note{color:#fca5a5;margin-top:5px;font-size:11px;line-height:1.3}.kpi-card--warning{border-color:#fbbf2459}.kpi-card--danger{border-color:#f8717166}.kpi-card--danger .kpi-icon-wrapper{color:#f87171;background:#f871711a}.qa-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.qa-button{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);background-color:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.qa-button:hover{background-color:#b7ff000d;border-color:#b7ff0033;transform:translateY(-2px)}.qa-button span{text-align:center;font-size:13px;font-weight:500}.timeline{flex-direction:column;gap:24px;display:flex}.timeline-item{gap:16px;display:flex;position:relative}.timeline-item:before{content:"";background-color:var(--color-border);width:1px;position:absolute;top:40px;bottom:-24px;left:19px}.timeline-item:last-child:before{display:none}.timeline-icon{z-index:1;width:40px;height:40px;color:var(--color-text-secondary);background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.timeline-content{flex:1;padding-top:8px}.timeline-title{color:var(--color-text);margin-bottom:4px;font-size:14px}.timeline-time{color:var(--color-text-secondary);font-size:12px}.timeline-detail{color:var(--color-text-secondary);margin-bottom:3px;font-size:12px}.dash-alert-list{flex-direction:column;gap:10px;display:flex}.dash-alert{border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;text-decoration:none;display:flex}.dash-alert svg{flex:none;margin-top:2px}.dash-alert span{flex-direction:column;gap:3px;display:flex}.dash-alert small{color:var(--color-text-secondary);line-height:1.35}.dash-alert--warning{border-color:#fbbf2459}.dash-alert--danger{border-color:#f8717166}.dash-alert--danger svg{color:#f87171}.dash-clean-state{color:var(--color-text-secondary);background:#b7ff000f;border-radius:10px;align-items:center;gap:9px;padding:12px;font-size:14px;display:flex}.dash-clean-state svg{color:var(--brand-primary)}.table-responsive{width:100%;overflow-x:auto}.dash-table{border-collapse:collapse;text-align:left;width:100%}.dash-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:13px;font-weight:600}.dash-table td{color:var(--color-text);border-bottom:1px solid #ffffff0d;padding:16px;font-size:14px}.dash-table tr:last-child td{border-bottom:none}.status-badge{border-radius:24px;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.active{color:var(--brand-primary);background-color:#b7ff001a}.status-badge.pending{color:#fcd34d;background-color:#fbbf241a}.status-badge.programada{color:#fcd34d;background:#fbbf241a}.status-badge.en_curso{color:var(--brand-primary);background:#b7ff001a}.status-badge.suspendida{color:#fca5a5;background:#f871711a}.dash-row--muted td{opacity:.7}.dash-skeleton-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.dash-skeleton-kpis div,.dash-skeleton-panel{background:linear-gradient(90deg, var(--color-surface), #ffffff12, var(--color-surface));background-size:200% 100%;border-radius:16px;animation:1.4s infinite dash-pulse}.dash-skeleton-kpis div{height:90px}.dash-skeleton-panel{border:1px solid var(--color-border);height:360px}.dash-spin{animation:.8s linear infinite dash-spin}@keyframes dash-pulse{to{background-position:-200% 0}}@keyframes dash-spin{to{transform:rotate(360deg)}}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}@media (width<=1024px){.col-span-8,.col-span-4,.col-span-6{grid-column:span 12}}@media (width<=640px){.dash-page-header{flex-direction:column}.dash-refresh{margin-top:-20px}.dash-error{flex-direction:column;align-items:flex-start}.dash-card{padding:18px}}.riders-container{flex-direction:column;gap:24px;display:flex}.riders-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.riders-search-filter{flex:1;gap:16px;max-width:600px;display:flex}.riders-search{flex:1;position:relative}.riders-search-input{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:12px 16px 12px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s}.riders-search-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #b7ff0033}.riders-search-icon{color:var(--color-text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.riders-filter-btn{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.riders-filter-btn:hover{background-color:#ffffff0d}.riders-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.riders-table{border-collapse:collapse;text-align:left;width:100%}.riders-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background-color:#ffffff05;padding:16px 24px;font-size:13px;font-weight:600}.riders-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:16px 24px;font-size:14px}.riders-table tr:last-child td{border-bottom:none}.riders-table tr:hover td{background-color:#ffffff05}.rider-cell-user{align-items:center;gap:12px;display:flex}.rider-avatar{object-fit:cover;background-color:var(--color-border);border-radius:50%;width:40px;height:40px}.rider-name{color:var(--color-text);font-weight:600}.rider-id{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.rider-badge{border-radius:24px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.rider-badge.active{color:var(--brand-primary);background-color:#b7ff001a}.rider-badge.inactive{color:#ef4444;background-color:#ef44441a}.rider-badge.level{color:var(--color-text);background-color:#ffffff1a}.rider-actions-dropdown{display:inline-block;position:relative}.rider-actions-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.rider-actions-btn:hover{color:var(--color-text);background-color:#ffffff0d}.rider-dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);z-index:10;border-radius:12px;flex-direction:column;gap:4px;width:200px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #00000080}.rider-dropdown-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.rider-dropdown-item:hover{background-color:#ffffff0d}.riders-cards{flex-direction:column;gap:16px;display:none}.rider-mobile-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:16px}.rmc-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rmc-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.rmc-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px}.rmc-value{color:var(--color-text);font-size:14px;font-weight:500}.state-container{text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.state-icon{color:var(--color-text-secondary);opacity:.5;margin-bottom:16px}.state-title{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:600}.state-desc{color:var(--color-text-secondary);max-width:300px;margin:0;font-size:14px}@media (width<=768px){.riders-table-container{display:none}.riders-cards{display:flex}.riders-header-actions{flex-direction:column;align-items:stretch}.riders-search-filter{max-width:100%}}.rp-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.rp-col-4{grid-column:span 4}.rp-col-8{grid-column:span 8}.rp-col-6{grid-column:span 6}.rp-col-12{grid-column:span 12}@media (width<=1024px){.rp-col-8,.rp-col-4,.rp-col-6{grid-column:span 12}}.rp-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:24px;display:flex}.rp-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.rp-card-title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.rp-icon{color:var(--color-text-secondary)}.rp-field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.rp-field-grid{grid-template-columns:1fr}}.rp-field{flex-direction:column;gap:4px;display:flex}.rp-label{color:var(--color-text-secondary);font-size:12px}.rp-value{color:var(--color-text);font-size:14px;font-weight:500}.rp-header{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:24px;margin-bottom:24px;padding:32px;display:flex}.rp-header-avatar{object-fit:cover;border:2px solid var(--brand-primary);border-radius:50%;width:96px;height:96px}.rp-header-info{flex:1}.rp-header-title{color:var(--color-text);margin:0 0 8px;font-size:28px;font-weight:700}.rp-header-badges{flex-wrap:wrap;gap:12px;display:flex}.rp-badge{border-radius:24px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.rp-badge.active{color:var(--brand-primary);background-color:#b7ff001a}.rp-badge.neutral{color:var(--color-text-secondary);background-color:#ffffff0d}.rp-header-actions{gap:12px;display:flex}@media (width<=768px){.rp-header{text-align:center;flex-direction:column}.rp-header-badges{justify-content:center}.rp-header-actions{flex-direction:column;width:100%}.rp-header-actions button{width:100%}}.rp-qr-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 0;display:flex}.rp-qr-placeholder{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.att-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.att-col-12{grid-column:span 12}.att-col-8{grid-column:span 8}.att-col-4{grid-column:span 4}.att-col-6{grid-column:span 6}@media (width<=1024px){.att-col-8,.att-col-4,.att-col-6{grid-column:span 12}}.att-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:24px;display:flex}.att-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.att-card-title{color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.att-icon{color:var(--color-text-secondary)}.att-scanner-container{border:2px dashed var(--color-border);text-align:center;background-color:#ffffff05;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.att-scanner-box{border:4px solid var(--brand-primary);background-color:#0a0a0a;border-radius:24px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:24px;display:flex;position:relative}.att-scanner-box:after{content:"";background-color:var(--brand-primary);height:2px;box-shadow:0 0 10px var(--brand-primary);animation:2s linear infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.att-manual-search{gap:8px;width:100%;max-width:400px;margin-top:24px;display:flex}.att-input{border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);border-radius:12px;flex:1;padding:12px 16px;font-size:14px}.att-result-card{flex-direction:column;gap:16px;display:flex}.att-result-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding-bottom:16px;display:flex}.att-result-avatar{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;width:64px;height:64px}.att-result-name{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.att-result-id{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.att-result-details{grid-template-columns:1fr 1fr;gap:16px;display:grid}.att-detail-item{flex-direction:column;gap:4px;display:flex}.att-detail-label{color:var(--color-text-secondary);font-size:12px}.att-detail-value{color:var(--color-text);font-size:14px;font-weight:500}.att-badge{text-align:center;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.att-badge.presente{color:var(--brand-primary);background-color:#b7ff001a}.att-badge.atrasado{color:#fcd34d;background-color:#fbbf241a}.att-badge.ausente{color:#ef4444;background-color:#ef44441a}.att-badge.justificado{color:#60a5fa;background-color:#3b82f61a}.att-table-container{overflow-x:auto}.att-table{border-collapse:collapse;text-align:left;width:100%}.att-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:12px;font-weight:600}.att-table td{color:var(--color-text);border-bottom:1px solid #ffffff0d;padding:12px 16px;font-size:14px}.att-table tr:last-child td{border-bottom:none}.pay-container{flex-direction:column;gap:24px;display:flex}.pay-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:24px;display:flex}.pay-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pay-card-title{color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.pay-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pay-search-filter{flex:1;gap:16px;max-width:900px;display:flex}.pay-search{flex:1;position:relative}.pay-search-input{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:12px 16px 12px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s}.pay-search-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #b7ff0033}.pay-filters{gap:12px;display:flex}.pay-filter-select{border:1px solid var(--color-border);background-color:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:12px;padding:10px 36px 10px 12px;font-size:14px}.pay-filter-select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #b7ff0033}.pay-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow-x:auto}.pay-table{border-collapse:collapse;text-align:left;width:100%}.pay-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background-color:#ffffff05;padding:16px 24px;font-size:13px;font-weight:600}.pay-table td{color:var(--color-text);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:16px 24px;font-size:14px}.pay-table tr:last-child td{border-bottom:none}.pay-table tr:hover td{background-color:#ffffff05}.pay-badge{text-align:center;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.pay-badge.paid{color:var(--brand-primary);background-color:#b7ff001a}.pay-badge.pending{color:#fcd34d;background-color:#fbbf241a}.pay-badge.overdue{color:#ef4444;background-color:#ef44441a}.pay-badge.scholarship{color:#c084fc;background-color:#a855f71a}.pay-badge.exempt,.pay-badge.cancelled{color:#9ca3af;background-color:#9ca3af1a}.pay-rider-name{font-weight:600}.pay-rider-code{color:var(--color-text-secondary);margin-top:3px;font-size:12px}.pay-period{text-transform:capitalize}.pay-state{text-align:center;min-height:160px;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 24px;display:flex}.pay-state strong{color:var(--color-text);font-size:16px}.pay-state .qa-button{min-height:44px;margin-top:8px;padding:10px 18px}.pay-error strong{color:#ef4444}.pay-disabled-action,.pay-menu-disabled{cursor:not-allowed;opacity:.55}.pay-menu-danger{color:#f87171}.pay-menu-danger:hover{background:#ef44441a}.pay-success{color:var(--brand-primary);background:#b7ff0014;border:1px solid #b7ff0059;border-radius:12px;margin-bottom:20px;padding:14px 16px;font-weight:600}.pay-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pay-modal{border:1px solid var(--color-border);background:var(--color-background-alt,var(--color-surface));border-radius:18px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 80px #00000073}.pay-modal-header{z-index:1;border-bottom:1px solid var(--color-border);background:var(--color-background-alt,var(--color-surface));justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex;position:sticky;top:0}.pay-modal-header h2,.pay-modal-header p{margin:0}.pay-modal-header h2{color:var(--color-text);font-size:20px}.pay-modal-header p{color:var(--color-text-secondary);margin-top:5px;font-size:13px}.pay-modal-close{border:1px solid var(--color-border);background:var(--color-surface);min-width:40px;min-height:40px;color:var(--color-text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.pay-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.pay-form-full{grid-column:1/-1}.pay-form-field{min-width:0;color:var(--color-text-secondary);flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.pay-form-field input,.pay-form-field select,.pay-form-field textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);font:inherit;border-radius:11px;padding:11px 12px;font-weight:400}.pay-form-field textarea{resize:vertical}.pay-form-field input:focus,.pay-form-field select:focus,.pay-form-field textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #b7ff002e}.pay-form-field input[readonly]{color:var(--color-text-secondary);cursor:default}.pay-plan-summary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.pay-plan-summary span,.pay-plan-summary small{color:var(--color-text-secondary)}.pay-plan-summary strong{color:var(--color-text)}.pay-special-amount{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px 18px;padding:14px 16px;display:grid}.pay-special-amount>div{flex-direction:column;gap:3px;display:flex}.pay-special-amount>div span,.pay-special-amount small{color:var(--color-text-secondary);font-size:12px}.pay-special-amount>div strong{color:var(--color-text)}.pay-special-amount label{min-height:44px;color:var(--color-text);cursor:pointer;align-items:center;gap:9px;display:flex}.pay-special-amount label input{width:18px;height:18px;accent-color:var(--brand-primary)}.pay-special-amount small{grid-column:1/-1}.pay-settle-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pay-settle-summary>div,.pay-existing-observation{border:1px solid var(--color-border);background:var(--color-surface);border-radius:11px;flex-direction:column;gap:4px;padding:13px 14px;display:flex}.pay-settle-summary span,.pay-existing-observation span{color:var(--color-text-secondary);font-size:12px}.pay-settle-summary strong{color:var(--color-text);font-size:14px}.pay-existing-observation p{white-space:pre-wrap;color:var(--color-text);margin:4px 0 0;font-size:13px;line-height:1.5}.pay-form-error,.pay-scholarship-note{border-radius:11px;grid-column:1/-1;padding:12px 14px;font-size:13px}.pay-form-error{color:#f87171;background:#ef444414;border:1px solid #ef444459}.pay-cancel-warning{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:11px;align-items:flex-start;gap:10px;padding:13px 14px;font-size:13px;line-height:1.45;display:flex}.pay-cancel-warning svg{flex:none}.pay-danger-button{color:#fff;font:inherit;text-transform:uppercase;cursor:pointer;background:#dc2626;border:1px solid #ef4444;border-radius:10px;font-weight:700}.pay-danger-button:hover:not(:disabled){background:#b91c1c}.pay-danger-button:disabled{cursor:not-allowed;opacity:.5}.pay-scholarship-note{color:#c084fc;background:#a855f714;border:1px solid #a855f759}.pay-modal-actions{justify-content:flex-end;gap:12px;padding-top:6px;display:flex}.pay-modal-actions button{min-height:44px;padding:10px 20px}.pay-detail-modal{flex-direction:column;display:flex;overflow:hidden}.pay-detail-body{flex-direction:column;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.pay-detail-section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:18px}.pay-detail-section h3{color:var(--color-text);margin:0 0 14px;font-size:15px}.pay-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;display:grid}.pay-detail-item{min-width:0}.pay-detail-label{color:var(--color-text-secondary);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.pay-detail-value{color:var(--color-text);overflow-wrap:anywhere;font-size:14px;display:block}.pay-detail-note{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:10px;margin:15px 0 0;padding:11px 13px;font-size:13px}.pay-detail-message,.pay-detail-observations{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.55}.pay-detail-cancelled-note{color:#f87171;margin:14px 0 0;font-size:13px;font-weight:600}.pay-detail-observations{color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere}.pay-detail-footer{border-top:1px solid var(--color-border);background:var(--color-background-alt,var(--color-surface));justify-content:flex-end;padding:16px 24px;display:flex}.pay-detail-footer .qa-button{min-width:120px;min-height:44px}@media (width<=768px){.pay-header-actions{flex-direction:column;align-items:stretch}.pay-search-filter{flex-direction:column;max-width:100%}.pay-filters{width:100%}.pay-filter-select{flex:1;min-width:0}}@media (width<=520px){.pay-filters{flex-direction:column}.pay-filter-select{width:100%}.pay-modal-overlay{align-items:stretch;padding:0}.pay-modal{border-radius:0;width:100%;max-height:100vh}.pay-form{grid-template-columns:1fr;padding:18px}.pay-form-full{grid-column:auto}.pay-modal-actions{flex-direction:column-reverse}.pay-modal-actions button{width:100%}.pay-special-amount{grid-template-columns:1fr}.pay-special-amount small{grid-column:auto}.pay-settle-summary{grid-template-columns:1fr}.pay-detail-body{padding:16px}.pay-detail-section{padding:15px}.pay-detail-grid{grid-template-columns:1fr}.pay-detail-footer{padding:14px 16px}.pay-detail-footer .qa-button{width:100%}}.pay-monthly-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.pay-monthly-toolbar label{flex-direction:column;gap:6px;font-size:13px;display:flex}.pay-monthly-toolbar input,.pay-monthly-toolbar select{color:inherit;background:var(--color-bg-secondary,#171717);border:1px solid var(--color-border,#333);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;max-width:100%;padding:10px}.pay-monthly-toolbar button[aria-pressed=true]{color:#9c0;border-color:#9c0}.pay-monthly-summary{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:16px 0;display:grid}.pay-monthly-summary>div{border:1px solid var(--color-border,#333);border-radius:8px;padding:14px}.pay-monthly-summary span,.pay-monthly-summary strong{display:block}.pay-monthly-summary span{margin-bottom:8px;font-size:12px}.pay-monthly-summary strong{font-size:19px}.pay-monthly-scroll{max-width:100%;overflow-x:auto}.pay-monthly-table{border-collapse:collapse;width:100%;font-size:13px}.pay-monthly-table th,.pay-monthly-table td{text-align:left;border-bottom:1px solid var(--color-border,#333);vertical-align:top;min-width:100px;padding:12px}.pay-monthly-table small{margin-top:5px;font-size:11px;display:block}.pay-monthly-warning{color:#fcd34d}.pay-monthly-actions{flex-direction:column;gap:8px;min-width:130px;display:flex}.pay-monthly-table details{overflow-wrap:anywhere;max-width:230px}@media (width<=600px){.pay-monthly-toolbar label{width:100%}.pay-monthly-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.pay-collection-table td:nth-child(9),.pay-collection-table td:nth-child(10){overflow-wrap:anywhere}.pay-collection-modal textarea{resize:vertical;white-space:pre-wrap;width:100%}.pay-collection-history-item{border-bottom:1px solid var(--color-border,#333);flex-direction:column;gap:6px;padding:14px 0;display:flex}.pay-collection-history-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.pay-collection-dashboard{flex-direction:column;gap:18px;display:flex}.pay-dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.pay-dashboard-header h2{color:var(--color-text);margin:2px 0 6px;font-size:24px}.pay-dashboard-header p{color:var(--color-text-secondary);margin:0}.pay-dashboard-eyebrow{letter-spacing:.14em;font-size:11px;font-weight:800;color:#9c0!important}.pay-dashboard-header .qa-button{white-space:nowrap;align-items:center;gap:8px;display:flex}.pay-dashboard-readonly{color:var(--color-text);background:#99cc0012;border:1px solid #99cc0059;border-radius:10px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;display:flex}.pay-dashboard-consulted,.pay-dashboard-scope{color:var(--color-text-secondary);margin:0;font-size:12px}.pay-dashboard-scope{margin-top:-10px}.pay-collection-dashboard-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pay-collection-dashboard-summary article{border:1px solid var(--color-border,#333);background:var(--color-surface);border-radius:12px;min-width:0;padding:16px}.pay-collection-dashboard-summary article svg{color:#9c0}.pay-collection-dashboard-summary article span,.pay-collection-dashboard-summary article strong{display:block}.pay-collection-dashboard-summary article span{min-height:34px;color:var(--color-text-secondary);margin:8px 0 5px;font-size:12px;line-height:1.35}.pay-collection-dashboard-summary article strong{color:var(--color-text);font-size:25px}.pay-automation-status{border:1px solid var(--color-border,#333);background:var(--color-border,#333);border-left:4px solid #f59e0b;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.pay-automation-status--active{border-left-color:#9c0}.pay-automation-status--simulation{border-left-color:#38bdf8}.pay-automation-status>div{background:var(--color-surface);padding:14px 16px}.pay-automation-status span,.pay-automation-status strong{display:block}.pay-automation-status span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:11px}.pay-automation-status strong{color:var(--color-text);font-size:14px}.pay-dashboard-section{border:1px solid var(--color-border,#333);background:var(--color-surface);border-radius:12px;overflow:hidden}.pay-dashboard-section-title{border-bottom:1px solid var(--color-border,#333);justify-content:space-between;gap:18px;padding:16px 18px;display:flex}.pay-dashboard-section-title h3{margin:0 0 4px;font-size:16px}.pay-dashboard-section-title p{color:var(--color-text-secondary);margin:0;font-size:12px}.pay-dashboard-section-title>span{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.pay-dashboard-table td strong,.pay-dashboard-table td small{display:block}.pay-dashboard-table td small{color:var(--color-text-secondary);line-height:1.4}.pay-dashboard-badge,.pay-dashboard-origin{border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.pay-dashboard-badge--eligible{color:#b6e33b;background:#99cc0024}.pay-dashboard-badge--blocked{color:#fbbf24;background:#f59e0b24}.pay-dashboard-origin--manual{color:#7dd3fc;background:#38bdf821}.pay-dashboard-origin--automatic{color:#c084fc;background:#a855f724}.pay-dashboard-detail-button{white-space:nowrap}.pay-collection-detail-modal{width:min(900px,100%)}.pay-collection-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.pay-collection-detail-heading h3{margin-bottom:4px}.pay-collection-detail-heading p{color:var(--color-text-secondary);margin:0;font-size:12px}.pay-collection-detail-heading .qa-button{white-space:nowrap;align-items:center;gap:7px;display:flex}.pay-collection-timeline{margin:0;padding:0;list-style:none}.pay-collection-timeline>li{border-left:1px solid var(--color-border);padding:0 0 18px 24px;position:relative}.pay-collection-timeline>li:last-child{border-left-color:#0000;padding-bottom:0}.pay-collection-timeline-marker{width:9px;height:9px;box-shadow:0 0 0 4px var(--color-surface);background:#9c0;border-radius:50%;position:absolute;top:4px;left:-5px}.pay-collection-timeline article{border:1px solid var(--color-border);border-radius:11px;padding:14px}.pay-collection-timeline header{justify-content:space-between;gap:12px;display:flex}.pay-collection-timeline header>div{align-items:center;gap:9px;display:flex}.pay-collection-timeline time{color:var(--color-text-secondary);font-size:12px}.pay-collection-timeline dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:14px 0 0;display:grid}.pay-collection-timeline dl div{min-width:0}.pay-collection-timeline dt{color:var(--color-text-secondary);font-size:11px}.pay-collection-timeline dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:13px}.pay-collection-event-note{color:#fbbf24;overflow-wrap:anywhere;background:#f59e0b14;border-radius:8px;margin:12px 0 0;padding:10px;font-size:12px}.pay-automation-controls{overflow:visible}.pay-automation-safety{border:1px solid;border-radius:11px;align-items:flex-start;gap:12px;margin:16px 18px 0;padding:15px;display:flex}.pay-automation-safety.is-safe{background:#99cc0012;border-color:#99cc0061}.pay-automation-safety.is-warning{background:#f59e0b14;border-color:#f59e0b66}.pay-automation-safety span,.pay-automation-safety strong{display:block}.pay-automation-safety span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.pay-automation-safety strong{margin-top:3px}.pay-automation-safety p{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px}.pay-automation-current{border:1px solid var(--color-border);background:var(--color-border);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:16px 18px;display:grid;overflow:hidden}.pay-automation-current div{background:var(--color-surface);padding:12px}.pay-automation-current span,.pay-automation-current strong{display:block}.pay-automation-current span{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.pay-automation-current strong{margin-top:4px;font-size:13px}.pay-automation-controls-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:0 18px 18px;display:grid}.pay-automation-controls-grid article{border:1px solid var(--color-border);border-radius:11px;padding:15px}.pay-automation-controls-grid article>svg{color:#9c0}.pay-automation-controls-grid h4{min-height:38px;margin:8px 0 5px;font-size:14px}.pay-automation-controls-grid p{min-height:48px;color:var(--color-text-secondary);margin:0 0 12px;font-size:12px;line-height:1.4}.pay-automation-controls-grid button{width:100%}.pay-automation-controls-grid small{color:var(--color-text-secondary);margin-top:9px;line-height:1.35;display:block}.pay-automation-warning{background:#f59e0b12;border:1px solid #f59e0b61;border-radius:10px;align-items:flex-start;gap:11px;margin:0 18px 18px;padding:13px;display:flex}.pay-automation-warning svg{color:#fbbf24;flex:none}.pay-automation-warning p{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px;line-height:1.45}.pay-automation-control-modal{width:min(760px,100%)}.pay-automation-review-grid{border:1px solid var(--color-border);background:var(--color-border);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.pay-automation-review-grid div{background:var(--color-surface);padding:14px}.pay-automation-review-grid span,.pay-automation-review-grid strong{display:block}.pay-automation-review-grid span{color:var(--color-text-secondary);font-size:11px}.pay-automation-review-grid strong{margin-top:4px}.pay-automation-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pay-automation-steps li{border:1px solid var(--color-border);border-radius:10px;padding:13px}.pay-automation-steps li.is-ready{border-color:#99cc0059}.pay-automation-steps li.is-locked{opacity:.65}.pay-automation-steps strong,.pay-automation-steps span{display:block}.pay-automation-steps strong{font-size:12px}.pay-automation-steps span{color:var(--color-text-secondary);margin-top:5px;font-size:11px;line-height:1.35}.pay-automation-confirmation{border:1px solid var(--color-border);background:var(--color-surface);border-radius:11px;gap:12px;padding:15px;display:grid}.pay-automation-confirmation small{color:var(--color-text-secondary)}.pay-automation-confirm-check{color:var(--color-text);cursor:pointer;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;display:flex}.pay-automation-confirm-check input{accent-color:var(--brand-primary);margin-top:2px}.pay-automation-result{border:1px solid;border-radius:11px;align-items:flex-start;gap:10px;padding:14px;display:flex}.pay-automation-result p{margin:4px 0 0;font-size:13px;line-height:1.45}.pay-automation-result small{color:var(--color-text-secondary);margin-top:7px;display:block}.pay-automation-result.is-success{background:#99cc0012;border-color:#99cc0061}.pay-automation-result.is-warning{background:#f59e0b12;border-color:#f59e0b61}.pay-automation-result.is-error{background:#ef444414;border-color:#ef444459}.pay-dashboard-schedule{border:1px solid var(--color-border,#333);background:var(--color-surface);border-radius:12px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.pay-dashboard-schedule svg{color:#9c0;flex:none}.pay-dashboard-schedule p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px;line-height:1.45}@media (width<=1000px){.pay-collection-dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-automation-status{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-automation-current{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-automation-controls-grid,.pay-automation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.pay-dashboard-header{flex-direction:column}.pay-dashboard-header .qa-button{justify-content:center;width:100%}.pay-collection-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-automation-status,.pay-automation-current,.pay-automation-controls-grid,.pay-automation-steps,.pay-automation-review-grid{grid-template-columns:1fr}.pay-dashboard-section-title,.pay-collection-detail-heading{flex-direction:column;gap:7px}.pay-collection-timeline header{flex-direction:column}.pay-collection-timeline dl{grid-template-columns:1fr}}.rep-container{flex-direction:column;gap:24px;display:flex}.rep-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.rep-header-title h1{color:var(--color-text);margin:0 0 6px;font-size:28px;font-weight:700}.rep-header-title p{color:var(--color-text-secondary);margin:0;font-size:15px}.rep-header-actions{align-items:center;gap:12px;display:flex}.rep-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.rep-btn:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);background:#ffffff08}.rep-btn:disabled{opacity:.6;cursor:wait}.rep-spin{animation:1s linear infinite rep-rotate}@keyframes rep-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rep-tabs{border-bottom:1px solid var(--color-border);gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.rep-tab-item{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.rep-tab-item:hover{color:var(--color-text);background:#ffffff0a}.rep-tab-item.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#ff5a1f1f}.rep-tab-badge{color:var(--color-text);background:#ffffff14;border-radius:12px;padding:2px 8px;font-size:12px}.rep-tab-item.active .rep-tab-badge{background:var(--brand-primary);color:#fff}.rep-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.rep-metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.rep-metric-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.rep-metric-value{color:var(--color-text);font-size:24px;font-weight:700}.rep-metric-subtext{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.rep-metric-card.success .rep-metric-value{color:#4ade80}.rep-metric-card.warning .rep-metric-value{color:#facc15}.rep-metric-card.danger .rep-metric-value{color:#f87171}.rep-filters-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.rep-search-box{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.rep-search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:12px}.rep-input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#0d0e12;border-radius:10px;outline:none;padding:10px 14px 10px 38px;font-size:14px;transition:border-color .2s}.rep-input:focus{border-color:var(--brand-primary)}.rep-select{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#0d0e12;border-radius:10px;outline:none;padding:10px 14px;font-size:14px}.rep-select:focus{border-color:var(--brand-primary)}.rep-toggle-group{border:1px solid var(--color-border);border-radius:10px;display:inline-flex;overflow:hidden}.rep-toggle-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.rep-toggle-btn.active{background:var(--brand-primary);color:#fff}.rep-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0003}.rep-table-wrap{width:100%;overflow-x:auto}.rep-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.rep-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;background:#ffffff05;padding:14px 18px;font-size:12px;font-weight:600}.rep-table td{color:var(--color-text);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 18px}.rep-table tbody tr:hover{background:#ffffff05}.rep-badge{border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.rep-badge.active,.rep-badge.paid,.rep-badge.presente{color:#4ade80;background:#4ade801f;border:1px solid #4ade804d}.rep-badge.atrasado,.rep-badge.pending{color:#facc15;background:#facc151f;border:1px solid #facc154d}.rep-badge.inactive,.rep-badge.overdue,.rep-badge.ausente{color:#f87171;background:#f871711f;border:1px solid #f871714d}.rep-badge.justificado,.rep-badge.exento{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.rep-badge.neutral,.rep-badge.missing,.rep-badge.sin_obligacion{color:var(--color-text-secondary);background:#ffffff14;border:1px solid #ffffff26}.rep-notice{color:#bae6fd;background:#38bdf814;border:1px solid #38bdf840;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.rep-notice.warning{color:#fef08a;background:#facc1514;border-color:#facc154d}.rep-notice-icon{flex-shrink:0;margin-top:1px}.rep-skeleton{flex-direction:column;gap:16px;padding:24px;display:flex}.rep-skeleton-line{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:6px;height:20px;animation:1.5s infinite rep-shimmer}@keyframes rep-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rep-empty{text-align:center;color:var(--color-text-secondary);padding:48px 24px}.rep-empty-icon{color:#fff3;margin-bottom:12px}.rep-empty h3{color:var(--color-text);margin:0 0 6px;font-size:16px}.rep-empty p{margin:0;font-size:14px}.rep-error{color:#fca5a5;background:#f8717117;border:1px solid #f8717173;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:14px;display:flex}.rep-btn-csv{color:var(--brand-primary);background:#ff5a1f14;border-color:#ff5a1f59;margin-left:auto}.rep-btn-csv:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}@media print{.shell-sidebar,.shell-sidebar__header,.shell-sidebar__nav,.shell-overlay,.shell-topbar,.shell-user-menu,.breadcrumb,.rep-header-actions,.rep-tabs,.rep-filters-bar,.rep-btn,.rep-btn-csv,.dash-refresh,button{display:none!important}html,body,#root,.shell-container,.shell-main-wrapper,.shell-main-content,.app-shell,.app-layout,.app-main,.page-section,.rep-container{color:#111827!important;width:100%!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important}.rep-header{border-bottom:1.5px solid #111827!important;margin-bottom:12px!important;padding-bottom:8px!important}.rep-header-title h1{color:#111827!important;font-size:20px!important}.rep-header-title p{color:#4b5563!important;font-size:12px!important}.rep-metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:14px!important}.rep-metric-card{box-shadow:none!important;background:#f9fafb!important;border:1px solid #d1d5db!important;border-radius:6px!important;padding:8px 10px!important}.rep-metric-label{color:#4b5563!important;font-size:10px!important}.rep-metric-value{color:#111827!important;font-size:16px!important}.rep-metric-subtext{color:#6b7280!important;font-size:9px!important}.rep-notice{color:#374151!important;background:#f3f4f6!important;border:1px solid #d1d5db!important;margin-bottom:10px!important;padding:8px 10px!important;font-size:10px!important}.rep-card{box-shadow:none!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important}.rep-table-wrap{overflow:visible!important}.rep-table{border-collapse:collapse!important;width:100%!important;font-size:10px!important}.rep-table th{color:#111827!important;background:#f3f4f6!important;border-bottom:1.5px solid #9ca3af!important;padding:6px 8px!important;font-size:9px!important}.rep-table td{color:#111827!important;border-bottom:1px solid #e5e7eb!important;padding:6px 8px!important}.rep-table tbody tr{page-break-inside:avoid!important;break-inside:avoid!important}.rep-badge{color:#111827!important;background:#f3f4f6!important;border:1px solid #9ca3af!important;padding:1px 6px!important;font-size:9px!important}}.prof-container{flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:flex}.prof-hero{align-items:center;gap:16px;margin-bottom:8px;display:flex}.prof-hero__icon{color:var(--brand-primary,#b7ff00);background:#b7ff001a;border:1px solid #b7ff0033;border-radius:12px;flex-shrink:0;padding:10px}.prof-hero__title{color:var(--color-text,#fff);letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:700}.prof-hero__subtitle{color:var(--color-text-secondary,#a0a0a0);margin:0;font-size:14px}.prof-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=900px){.prof-grid{grid-template-columns:1fr}}.prof-grid-full{grid-column:1/-1}.prof-card{background:var(--color-surface,#151515);border:1px solid var(--color-border,#2b2b2b);border-radius:16px;flex-direction:column;padding:24px;transition:border-color .2s;display:flex;box-shadow:0 4px 20px #00000040}.prof-card:hover{border-color:#ffffff26}.prof-card__header{border-bottom:1px solid var(--color-border,#2b2b2b);align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.prof-card__header-icon{color:var(--brand-primary,#b7ff00);background:#b7ff0014;border-radius:10px;flex-shrink:0;padding:8px}.prof-card__title{color:var(--color-text,#fff);margin:0 0 4px;font-size:18px;font-weight:600}.prof-card__description{color:var(--color-text-secondary,#a0a0a0);margin:0;font-size:13px;line-height:1.4}.prof-form{flex-direction:column;flex:1;gap:16px;display:flex}.prof-field{flex-direction:column;gap:6px;display:flex}.prof-label{color:var(--color-text,#fff);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.prof-label-tag{color:var(--color-text-secondary,#a0a0a0);font-size:11px;font-weight:400}.prof-input{border:1px solid var(--color-border,#2b2b2b);width:100%;color:var(--color-text,#fff);box-sizing:border-box;background:#0d0e12;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.prof-input:focus{border-color:var(--brand-primary,#b7ff00);box-shadow:0 0 0 2px #b7ff0026}.prof-input:disabled{color:var(--color-text-secondary,#a0a0a0);cursor:not-allowed;background:#ffffff08;border-color:#ffffff14}.prof-field-hint{color:var(--color-text-secondary,#a0a0a0);margin-top:2px;font-size:12px}.prof-badge{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.prof-badge--role{color:var(--brand-primary,#b7ff00);background:#b7ff001f;border:1px solid #b7ff004d}.prof-badge--status{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc714d}.prof-status-dot{background:#2ecc71;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #2ecc7199}.prof-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.prof-btn-primary{background:var(--brand-primary,#b7ff00);color:#0a0a0a}.prof-btn-primary:hover:not(:disabled){background:#c7ff33;transform:translateY(-1px);box-shadow:0 4px 12px #b7ff0040}.prof-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.prof-alert{border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:500;animation:.2s profFadeIn;display:flex}.prof-alert--success{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc714d}.prof-alert--error{color:#ff4d4d;background:#ff4d4d1f;border:1px solid #ff4d4d4d}@keyframes profFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prof-info-list{flex-direction:column;gap:12px;display:flex}.prof-info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.prof-info-row:last-child{border-bottom:none;padding-bottom:0}.prof-info-label{color:var(--color-text-secondary,#a0a0a0);font-size:13px}.prof-info-value{color:var(--color-text,#fff);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.prof-spin{animation:1s linear infinite profRotate}@keyframes profRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}