:root{--color-ink-black-50:#ebf2f9;--color-ink-black-100:#d8e5f3;--color-ink-black-200:#b1cbe7;--color-ink-black-300:#8ab1db;--color-ink-black-400:#6397cf;--color-ink-black-500:#3c7dc3;--color-ink-black-600:#30649c;--color-ink-black-700:#244b75;--color-ink-black-800:#18324e;--color-ink-black-900:#0c1927;--color-ink-black-950:#08121b;--color-prussian-blue-50:#eef1f7;--color-prussian-blue-100:#dce3ef;--color-prussian-blue-200:#b9c6df;--color-prussian-blue-300:#96aacf;--color-prussian-blue-400:#738ebf;--color-prussian-blue-500:#5071af;--color-prussian-blue-600:#405b8c;--color-prussian-blue-700:#304469;--color-prussian-blue-800:#202d46;--color-prussian-blue-900:#101723;--color-prussian-blue-950:#0b1018;--color-dusk-blue-50:#eff2f6;--color-dusk-blue-100:#dee5ed;--color-dusk-blue-200:#bdcbdb;--color-dusk-blue-300:#9cb1c9;--color-dusk-blue-400:#7b97b7;--color-dusk-blue-500:#5b7da4;--color-dusk-blue-600:#486484;--color-dusk-blue-700:#364b63;--color-dusk-blue-800:#243242;--color-dusk-blue-900:#121921;--color-dusk-blue-950:#0d1217;--color-dusty-denim-50:#eff2f5;--color-dusty-denim-100:#e0e5eb;--color-dusty-denim-200:#c0cad8;--color-dusty-denim-300:#a1b0c4;--color-dusty-denim-400:#8296b0;--color-dusty-denim-500:#627c9d;--color-dusty-denim-600:#4f637d;--color-dusty-denim-700:#3b4a5e;--color-dusty-denim-800:#27313f;--color-dusty-denim-900:#14191f;--color-dusty-denim-950:#0e1116;--color-alabaster-grey-50:#f3f3f1;--color-alabaster-grey-100:#e6e7e4;--color-alabaster-grey-200:#cecfc9;--color-alabaster-grey-300:#b5b7ae;--color-alabaster-grey-400:#9c9f93;--color-alabaster-grey-500:#838778;--color-alabaster-grey-600:#696c60;--color-alabaster-grey-700:#4f5148;--color-alabaster-grey-800:#353630;--color-alabaster-grey-900:#1a1b18;--color-alabaster-grey-950:#121311;--bg:var(--color-alabaster-grey-950);--bg-2:var(--color-dusty-denim-950);--panel:var(--color-alabaster-grey-900);--panel-2:var(--color-dusty-denim-900);--card:var(--color-dusty-denim-800);--line:#cecfc92b;--text:var(--color-alabaster-grey-50);--muted:var(--color-dusty-denim-300);--blue:var(--color-dusty-denim-500);--blue-strong:var(--color-dusty-denim-600);--purple:var(--color-alabaster-grey-500);--green:var(--color-dusk-blue-500);--green-strong:var(--color-dusk-blue-600);--yellow:var(--color-alabaster-grey-500);--red:var(--color-dusty-denim-400);--white:var(--color-alabaster-grey-50);--input-text:var(--color-ink-black-900);--shadow:0 20px 70px #08121b57;--radius-card:8px;--radius-control:12px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);width:100%;min-height:100%;overflow-x:hidden}body{background-color:#0000;background-image:radial-gradient(circle at 14% 18%,#83877833,#0000 28%),radial-gradient(circle at 86% 12%,#627c9d33,#0000 27%),radial-gradient(circle at 72% 88%,#4f51482e,#0000 30%),linear-gradient(145deg,#121311 0%,#14191f 52%,#0e1116 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:135% 135%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100%;min-width:320px;min-height:100vh;margin:0;animation:18s ease-in-out infinite alternate siteAmbientShift;position:relative;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.08}h2{font-size:1.1rem;line-height:1.2}h3{font-size:1rem;line-height:1.2}#root{z-index:1;width:100%;min-height:100vh;position:relative;overflow-x:hidden}img,video,iframe{max-width:100%}.entry-page,.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.entry-panel,.auth-card{border:1px solid var(--line);border-radius:var(--radius-card);width:min(100%,440px);box-shadow:var(--shadow);background:linear-gradient(145deg,#35363057,#0000 54%),#14191feb;padding:18px;animation:.52s cubic-bezier(.22,1,.36,1) both surfaceReveal}.auth-card--wide{width:min(100%,760px)}.confirm-email-card{text-align:center;gap:20px;display:grid}.confirm-email-card p{color:var(--muted)}.confirm-email-card strong{color:var(--text);overflow-wrap:anywhere}.confirm-email-icon{width:76px;height:76px;color:var(--green);background:#3c7dc31f;border:1px solid #3c7dc352;border-radius:50%;place-items:center;margin:0 auto;display:grid}.entry-logo{border-radius:var(--radius-card);width:min(58vw,190px);height:auto;margin:0 auto 22px;display:block}.auth-logo{width:min(100%,260px);height:auto;margin-bottom:22px}.eyebrow{color:#8ab1db;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.entry-subtitle,.page-heading p,.privacy-note,.empty-state,.empty-detail p{color:var(--muted)}.entry-actions,.auth-links,.actions-row{gap:12px;margin-top:22px;display:grid}.auth-links{align-items:center}.auth-links a,.auth-links button{color:#d8e5f3;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.button{border-radius:var(--radius-control);min-height:48px;color:var(--white);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex;position:relative;overflow:hidden}.button:after{content:"";background:linear-gradient(110deg,#0000 18%,#f3f3f129 48%,#0000 78%);transition:transform .48s;position:absolute;inset:0;transform:translate(-120%)}.button:hover:not(:disabled):after{transform:translate(120%)}.button span{overflow-wrap:anywhere;min-width:0}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #0e111652}.button:focus-visible{outline-offset:2px;outline:2px solid #8ab1db}.button:disabled{cursor:not-allowed;opacity:.56}.button--full{width:100%}.button--primary{background:linear-gradient(135deg, var(--color-alabaster-grey-600), var(--color-dusty-denim-500))}.button--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-alabaster-grey-500), var(--color-dusty-denim-600))}.button--secondary{background:linear-gradient(135deg,#4f514857,#627c9d40);border:1px solid #c0cad84d}.button--success{background:linear-gradient(135deg, var(--color-dusk-blue-600), var(--color-alabaster-grey-600))}.button--success:hover:not(:disabled){background:linear-gradient(135deg, var(--color-dusk-blue-500), var(--color-alabaster-grey-500))}.button--ghost{border:1px solid var(--line);background:0 0;min-height:40px}.button--danger{color:#e6e7e4;background:#8387782e}.form-grid{gap:16px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:#0c1927d1;padding:18px}.field,.checkbox-field{gap:8px;display:grid}.field span,.checkbox-field span{color:var(--text);font-size:.92rem;font-weight:700}.field input,.field select,.field textarea{border-radius:var(--radius-control);background:var(--white);width:100%;color:var(--input-text);border:1px solid #0000;outline:none;min-height:50px;padding:0 14px}.field textarea{resize:vertical;min-height:112px;padding-top:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3c7dc32e}.field strong,.checkbox-field strong{color:#cecfc9;font-size:.82rem}.checkbox-field{border:1px solid var(--line);border-radius:var(--radius-card);background:#f3f3f10a;grid-template-columns:22px 1fr;align-items:start;padding:12px}.checkbox-field input{width:18px;height:18px;accent-color:var(--green)}.checkbox-field strong{grid-column:2}.form-message{border-radius:var(--radius-card);grid-column:1/-1;padding:12px;font-weight:700}.form-message.error{color:#e6e7e4;background:#83877829}.form-message.success{color:#ebf2f9;background:#3c7dc329}.form-message.warning{color:#e6e7e4;background:#b5b7ae29}.onboarding-shell{background:radial-gradient(circle at 18% 12%,#8387782e,#0000 30%),linear-gradient(145deg,#121311 0%,#14191f 58%,#0e1116 100%);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.onboarding-shell__header{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.onboarding-shell__header img{width:min(48vw,210px);height:auto;display:block}.onboarding-shell__main{align-items:start;width:min(100%,1120px);margin:0 auto;padding:18px 16px 44px;display:grid}.portal-shell{min-height:100vh}.portal-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121311e0;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 14px;display:flex;position:sticky;top:0}.brand img{width:146px;max-width:38vw;height:auto;display:block}.menu-toggle{min-width:48px;display:inline-flex}.header-user{justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-user span{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;display:none;overflow:hidden}.portal-body{display:block}.sidebar{z-index:30;border-right:1px solid var(--line);width:min(86vw,320px);height:100dvh;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 18% 8%,#8387783d,#0000 32%),linear-gradient(165deg,#353630f5,#14191ffa 42%,#0e1116fa);transition:transform .18s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:20;background:#0b101894;border:0;position:fixed;inset:0}.sidebar nav{gap:8px;min-width:0;padding:18px 14px;display:grid}.nav-link{border-radius:var(--radius-control);color:#d8e5f3;border:1px solid #0000;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 12px;font-weight:800;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.nav-link:hover{background:#696c6042;border-color:#cecfc93d;transform:translate(3px)}.nav-link.active{color:var(--white);box-shadow:inset 3px 0 0 var(--color-alabaster-grey-300);background:linear-gradient(90deg,#8387787a,#627c9d3d);border-color:#cecfc961}.nav-section{display:contents}.nav-section>span{color:var(--muted);text-transform:uppercase;align-self:center;padding:0 8px;font-size:.72rem;font-weight:900}.portal-main{width:min(100%,1260px);min-width:0;margin:0 auto;padding:18px 16px 40px}.page-stack{gap:18px;display:grid}.page-stack>*{animation:.46s cubic-bezier(.22,1,.36,1) both contentReveal}.page-stack>:nth-child(2){animation-delay:55ms}.page-stack>:nth-child(3){animation-delay:.11s}.page-stack>:nth-child(4){animation-delay:.165s}.page-stack>:nth-child(n+5){animation-delay:.22s}.page-heading{gap:14px;display:grid}.page-heading>.button,.admin-filters .button{width:100%}.page-heading.compact{margin-bottom:16px}.page-heading h1{margin-top:6px}.summary-band{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(120deg, #4f514838, transparent 45%), var(--panel);gap:16px;padding:18px;display:grid}.summary-band>div,.progress-block>div{gap:5px;display:grid}.summary-band span,.progress-block span{color:var(--muted);font-size:.86rem}.summary-band strong,.progress-block strong{font-size:1.12rem}.bonus-hero{border-radius:var(--radius-card);background:linear-gradient(135deg, #5071af38, transparent 44%), linear-gradient(180deg, #3c7dc31f, #3c7dc314), var(--panel);border:1px solid #5071af57;gap:16px;padding:18px;display:grid}.bonus-hero>div,.bonus-kpi-grid article,.bonus-history,.section-heading{gap:8px;display:grid}.bonus-hero span,.bonus-kpi-grid span,.bonus-row span,.section-heading p{color:var(--muted);font-size:.86rem}.bonus-hero strong{font-size:clamp(1.7rem,5vw,3rem);line-height:1}.bonus-hero p{color:#d8e5f3}.bonus-kpi-grid{gap:14px;display:grid}.bonus-kpi-grid article{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(145deg, #9c9f931f, transparent 52%), var(--card);align-content:start;min-height:132px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s}.bonus-kpi-grid article:hover{border-color:#b5b7ae4d;transform:translateY(-4px);box-shadow:0 18px 38px #0e111647}.bonus-kpi-grid svg{color:#b1cbe7}.bonus-kpi-grid strong{font-size:1.25rem}.bonus-history{border:1px solid var(--line);border-radius:var(--radius-card);background:#0c1927b8;padding:16px}.section-heading{margin-bottom:4px}.bonus-list{gap:10px;display:grid}.bonus-row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);align-items:center;gap:12px;padding:14px;display:grid}.bonus-row>div{gap:4px;min-width:0;display:grid}.bonus-row strong,.bonus-row small{overflow-wrap:anywhere}.bonus-row small{color:var(--muted)}.bonus-row__actions{justify-content:flex-start;display:flex}.bonus-row__actions .button{min-height:40px}.progress-track,.processing-track{background:#f3f3f11a;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-track span,.processing-track span{border-radius:inherit;background:var(--green);height:100%;display:block}.stage-grid,.legal-grid,.feature-grid,.training-grid,.announcement-list,.admin-items{gap:14px;display:grid}.stage-card,.legal-card,.feature-card,.training-card,.announcement-card,.admin-item{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(145deg, #9c9f931a, transparent 48%), var(--card);gap:14px;padding:16px;display:grid}.feature-card{align-content:start;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.feature-card:after{content:"";background:radial-gradient(circle,#9c9f932e,#0000 68%);border-radius:50%;width:128px;height:128px;transition:transform .28s;position:absolute;bottom:-48px;right:-36px}.feature-card:hover{border-color:#b5b7ae57;transform:translateY(-5px);box-shadow:0 20px 42px #0e111652}.feature-card:hover:after{transform:scale(1.35)translate(-8px,-6px)}.feature-card svg,.training-card svg,.admin-item svg{color:#b1cbe7}.feature-card p,.training-card p,.announcement-card p,.admin-item span{color:var(--muted)}.training-card{min-height:230px}.announcement-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.announcement-card header span{color:var(--muted);font-size:.86rem}.stage-card{grid-template-columns:auto 1fr auto;align-items:center}.stage-number{color:#9cb1c9;font-weight:900}.stage-card svg{color:var(--green)}.status-badge{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.status-badge--positive,.status-badge--complete{color:#ebf2f9;background:#3c7dc32e}.status-badge--warning{color:#f3f3f1;background:#b5b7ae33}.status-badge--danger{color:#e6e7e4;background:#83877833}.status-badge--neutral{color:#d8e5f3;background:#f3f3f11a}.legal-card h2{min-height:2.6em}.legal-card span{color:var(--muted);font-size:.86rem}.legal-page{max-width:1040px;margin:0 auto}.onboarding-page{width:min(100%,860px);margin:0 auto}.onboarding-card{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg, #3c7dc314, transparent), var(--panel);box-shadow:var(--shadow);gap:18px;padding:18px;display:grid}.onboarding-icon{border-radius:var(--radius-card);color:#b1cbe7;background:#3c7dc324;border:1px solid #8ab1db57;place-items:center;width:58px;height:58px;display:grid}.video-upload-zone{border-radius:var(--radius-card);color:#d8e5f3;cursor:pointer;text-align:center;background:#3c7dc31a;border:1px dashed #8ab1db94;place-items:center;gap:10px;min-height:176px;padding:24px;transition:border-color .16s,background .16s,transform .16s;display:grid}.video-upload-zone:hover{background:#3c7dc329;border-color:#b1cbe7;transform:translateY(-1px)}.video-upload-zone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.video-upload-zone svg{color:#b1cbe7}.video-upload-zone strong{font-size:1rem}.video-upload-zone span,.video-upload-summary span{color:var(--muted);font-size:.9rem}.video-upload-summary{border-radius:var(--radius-card);background:#3c7dc31a;border:1px solid #3c7dc347;grid-template-columns:48px 1fr 28px;align-items:center;gap:12px;padding:12px;display:grid}.video-upload-summary__icon{border-radius:var(--radius-control);width:48px;height:48px;color:var(--green);background:#3c7dc324;place-items:center;display:grid}.video-upload-summary strong{overflow-wrap:anywhere;display:block}.video-upload-summary>svg{color:var(--green)}.video-upload-preview{border:1px solid var(--line);border-radius:var(--radius-card);background:#0b1018;width:100%;max-height:360px}.legal-page-heading{text-align:center;justify-items:center;gap:10px;display:grid}.legal-page-heading h1{font-size:clamp(2rem,5vw,3.8rem)}.legal-page-heading p:not(.eyebrow){max-width:620px;color:var(--muted)}.legal-grid--large{gap:16px}.legal-card--large{background:linear-gradient(180deg, #3c7dc314, transparent), var(--card);align-content:start;min-height:220px;padding:20px}.legal-card--large h2{min-height:auto;font-size:1.2rem}.legal-card--large .button{min-height:52px}.legal-card--large .checkbox-field{grid-template-columns:30px 1fr;align-items:center;margin-top:auto;padding:14px}.legal-card--large .checkbox-field input{width:24px;height:24px}.legal-card--large .checkbox-field:has(input:disabled){opacity:.68}.legal-card--large small{color:var(--muted)}.legal-footer-action{z-index:5;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08121be0;padding:12px;display:grid;position:sticky;bottom:12px}.modal-backdrop{z-index:40;background:#0b1018ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);width:min(100%,100vw - 24px,680px);max-height:min(88dvh,720px);box-shadow:var(--shadow);overflow:auto}.modal header,.detail-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:16px;display:grid}.modal-body{color:#d8e5f3;gap:14px;padding:16px;display:grid}.video-placeholder div{gap:4px;display:grid}.detail-header span,.notes-list span{color:var(--muted)}.processing-screen,.status-screen,.screen-center{text-align:center;place-items:center;gap:18px;min-height:60vh;display:grid}.processing-screen{width:min(100%,760px);margin:0 auto}.processing-screen h1,.status-screen h1{max-width:760px}.processing-screen strong{font-size:1.2rem}.processing-track span{width:100%}.processing-screen ul{gap:10px;width:min(100%,520px);margin:0;padding:0;list-style:none;display:grid}.processing-screen li{border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;background:#f3f3f10d;align-items:center;gap:10px;padding:12px;display:flex}.processing-screen li svg,.status-screen>svg{color:var(--green)}.processing-screen li.is-active{background:#3c7dc31f;border-color:#8ab1db5c}.status-screen{max-width:720px;margin:0 auto}.status-screen p{color:var(--muted)}.lesson-layout{gap:18px;display:grid}.video-placeholder{border-radius:var(--radius-card);text-align:center;background:linear-gradient(135deg,#3c7dc32e,#5071af1f);border:1px solid #8ab1db66;place-items:center;gap:10px;min-height:260px;display:grid}.video-placeholder iframe{border-radius:var(--radius-card);border:0;width:100%;min-height:320px}.video-placeholder svg{color:#b1cbe7}.lesson-content{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);gap:10px;padding:18px;display:grid}.lesson-content p{color:#d8e5f3;white-space:pre-line}.lesson-actions{gap:12px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{gap:18px;display:grid}.admin-metric-grid{gap:14px;display:grid}.admin-metric-grid article,.admin-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:#0c1927b8;padding:16px}.admin-metric-grid article{align-content:start;gap:8px;min-height:132px;display:grid}.admin-metric-grid svg{color:#b1cbe7}.admin-metric-grid span,.admin-table-row span{color:var(--muted);font-size:.86rem}.admin-metric-grid strong{font-size:1.8rem}.admin-panel{gap:14px;display:grid}.admin-table{gap:10px;display:grid}.admin-table-row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);align-items:center;gap:12px;padding:14px;display:grid}.admin-table-row>div{gap:4px;min-width:0;display:grid}.admin-table-row strong,.admin-table-row span{overflow-wrap:anywhere}.admin-tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tabs button{border:1px solid var(--line);border-radius:var(--radius-control);color:#d8e5f3;cursor:pointer;background:#f3f3f10d;min-width:max-content;min-height:42px;padding:0 14px;font-weight:800}.admin-tabs button.active{color:var(--white);background:#5071af2e;border-color:#5071af73}.admin-crud{gap:16px;display:grid}.admin-item{background:var(--panel-2)}.legal-acceptance-list{gap:14px;display:grid}.legal-acceptance-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);gap:14px;padding:16px;display:grid}.legal-acceptance-card header{gap:12px;display:grid}.legal-acceptance-card header div,.acceptance-doc-list{gap:6px;display:grid}.legal-acceptance-card span,.acceptance-doc-row span{color:var(--muted)}.acceptance-doc-list{gap:10px}.acceptance-doc-row{border-radius:var(--radius-card);background:#f3f3f10d;gap:5px;padding:10px;display:grid}.inline-actions{gap:10px;display:grid}.inline-actions .button,.inline-actions .download-link{width:100%}.admin-list,.admin-detail{border:1px solid var(--line);border-radius:var(--radius-card);background:#0c1927b8;padding:16px}.admin-filters{gap:12px;display:grid}.user-table{gap:10px;margin-top:16px;display:grid}.user-row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);align-items:center;gap:12px;padding:14px;display:grid}.user-row div{gap:4px;min-width:0;display:grid}.user-row strong,.user-row span,.user-row small{overflow-wrap:anywhere}.user-row span,.user-row small{color:var(--muted)}.empty-detail{text-align:center;place-items:center;gap:12px;min-height:280px;display:grid}.detail-stack{gap:16px;display:grid}.detail-section{border-bottom:1px solid var(--line);gap:12px;padding-bottom:16px;display:grid}.detail-section:last-child{border-bottom:0;padding-bottom:0}.info-grid{gap:10px;display:grid}.info-item{border-radius:var(--radius-card);background:#f3f3f10d;gap:4px;min-width:0;padding:10px;display:grid}.info-item span{color:var(--muted);font-size:.82rem}.info-item strong{overflow-wrap:anywhere;color:var(--text);font-size:.94rem}.download-link{color:#b1cbe7;align-items:center;gap:8px;font-weight:800;display:inline-flex}.review-box{border-radius:var(--radius-card);background:#3c7dc314;border:1px solid #3c7dc347;padding:14px}.notes-list{gap:10px;display:grid}.notes-list article{border-radius:var(--radius-card);background:#f3f3f10d;gap:6px;padding:12px;display:grid}.team-production-actions{gap:10px;display:grid}.team-production-actions .button{width:100%}.team-production-filters{margin-top:4px}.payroll-summary-grid,.production-agent-table,.production-bonus-table,.production-detail-list{gap:10px;display:grid}.payroll-summary-grid article{border:1px solid var(--line);border-radius:var(--radius-card);background:#f3f3f10d;gap:6px;min-height:96px;padding:14px;display:grid}.payroll-summary-grid span,.production-agent-row span,.production-bonus-row span,.production-detail-card span{color:var(--muted);font-size:.84rem}.payroll-summary-grid strong{font-size:1.18rem}.payroll-summary-grid__featured{background:#3c7dc31a!important;border-color:#3c7dc357!important}.payroll-summary-grid__featured strong{color:#ebf2f9;font-size:1.45rem}.section-heading--row{gap:12px;display:grid}.production-agent-row,.production-bonus-row,.production-detail-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);align-items:center;gap:12px;padding:14px;display:grid}.production-agent-row>div,.production-bonus-row>div,.production-agent-row__identity,.production-detail-card header,.production-detail-card header div{gap:4px;min-width:0;display:grid}.production-agent-row strong,.production-bonus-row strong,.production-detail-card strong{overflow-wrap:anywhere}.production-agent-row .button,.production-bonus-row .button{width:100%}.production-bonus-row .field{min-width:0}.production-bonus-row .field span,.production-detail-card .field span{font-size:.8rem}.production-bonus-row .field select,.production-detail-card .field select{min-height:42px}.table-checkbox{min-height:34px;color:var(--muted);align-items:center;gap:8px;font-size:.84rem;font-weight:800;display:inline-flex}.table-checkbox input{width:18px;height:18px;accent-color:var(--green)}.production-detail-card{background:#f3f3f10a}.production-detail-card header{align-items:start}.production-note{color:#d8e5f3;border-left:3px solid #5071afa8;padding-left:10px}.rankings-page{align-content:start}.ranking-role-card{border-radius:var(--radius-card);background:#3c7dc31a;border:1px solid #3c7dc347;gap:5px;min-width:min(100%,220px);padding:14px;display:grid}.ranking-role-card span,.ranking-highlight-grid span,.ranking-highlight-grid small,.ranking-summary-strip span,.ranking-row span{color:var(--muted);font-size:.84rem}.ranking-role-card strong{color:#ebf2f9}.ranking-highlight-grid{gap:14px;display:grid}.ranking-highlight-grid article,.ranking-summary-strip article{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(135deg, #5071af24, transparent 48%), var(--card);align-content:start;gap:8px;min-height:132px;padding:16px;display:grid}.ranking-highlight-grid svg,.ranking-summary-strip svg{color:#b1cbe7}.ranking-highlight-grid strong{overflow-wrap:anywhere;font-size:1.18rem}.ranking-tabs{margin:-2px 0}.ranking-panel{gap:16px}.ranking-filter-inline{min-width:min(100%,360px)}.ranking-filters{margin-bottom:2px}.ranking-summary-strip{gap:12px;display:grid}.ranking-summary-strip article{background:#f3f3f10d;min-height:96px}.ranking-summary-strip strong{font-size:1.35rem}.ranking-list,.ranking-split{gap:10px;display:grid}.ranking-split>div{align-content:start;gap:12px;display:grid}.ranking-row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);align-items:center;gap:12px;padding:14px;display:grid}.ranking-row--gold{background:linear-gradient(135deg, #b5b7ae24, transparent 52%), var(--panel-2);border-color:#b5b7ae7a}.ranking-row--silver{border-color:#d8e5f35c}.ranking-row--bronze{border-color:#5071af6b}.ranking-row>div,.ranking-identity{gap:4px;min-width:0;display:grid}.ranking-row strong,.ranking-row span{overflow-wrap:anywhere}.ranking-position{color:#d8e5f3;background:#f3f3f117;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-width:48px;min-height:34px;font-weight:900;display:inline-flex}.ranking-position--1{color:#f3f3f1;background:#b5b7ae38}.ranking-position--2{color:#ebf2f9;background:#d8e5f32e}.ranking-position--3{color:#e0e5eb;background:#5071af33}.ranking-identity strong{font-size:1.02rem}@media (width<=480px){h1{font-size:1.55rem}h2{font-size:1rem}.entry-panel,.auth-card,.onboarding-card,.admin-panel,.admin-list,.admin-detail,.bonus-history,.lesson-content{padding:14px}.portal-header{gap:10px}.brand img{width:124px;max-width:34vw}.header-user .button{min-width:48px;padding:0 12px}.onboarding-shell__header{padding:12px}.onboarding-shell__header img{width:min(58vw,180px)}.onboarding-shell__main,.portal-main{padding-left:12px;padding-right:12px}.page-stack{gap:14px}.summary-band,.bonus-hero,.bonus-kpi-grid article,.admin-metric-grid article,.ranking-highlight-grid article,.feature-card,.training-card,.announcement-card,.legal-card,.admin-table-row,.bonus-row,.user-row{padding:14px}.legal-page-heading h1{font-size:1.8rem}.legal-card--large{min-height:auto}.legal-footer-action{bottom:8px;left:12px;right:12px}.modal-backdrop{padding:10px}.modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.modal header,.modal-body{padding:14px}.video-upload-zone{min-height:158px;padding:18px}.video-upload-preview{max-height:260px}}@media (width>=680px){.form-grid,.admin-filters,.info-grid,.admin-metric-grid,.ranking-highlight-grid,.ranking-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.field--wide,.form-message,.form-grid .button,.admin-filters .button{grid-column:1/-1}.entry-actions,.stage-grid,.legal-grid,.feature-grid,.training-grid,.bonus-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-band{grid-template-columns:1fr 1.2fr auto;align-items:center}.bonus-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end}.lesson-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal header,.detail-header{justify-content:space-between;display:flex}.inline-actions{flex-wrap:wrap;display:flex}.inline-actions .button,.inline-actions .download-link{width:auto}.user-row{grid-template-columns:minmax(0,1fr) auto auto}.admin-table-row{grid-template-columns:minmax(0,1.35fr) auto auto auto}.bonus-row{grid-template-columns:minmax(0,1.4fr) .65fr .7fr .8fr auto auto}.legal-acceptance-card header,.section-heading--row,.production-detail-card header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.team-production-actions,.payroll-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-summary-grid__featured{grid-column:1/-1}.ranking-row{grid-template-columns:auto minmax(0,1fr) repeat(2,minmax(96px,.5fr))}.ranking-list--teams .ranking-row{grid-template-columns:auto minmax(0,1fr) repeat(2,minmax(90px,.5fr))}}@media (width>=960px){.menu-toggle,.sidebar-backdrop{display:none}.header-user span{display:block}.portal-body{grid-template-columns:238px minmax(0,1fr);display:grid}.sidebar{z-index:5;border-right:1px solid var(--line);width:auto;height:calc(100vh - 73px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;position:sticky;top:73px;overflow-x:hidden;transform:none}.sidebar nav{min-width:0;padding:16px;display:grid}.portal-main{padding:30px 24px 48px}.page-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.page-heading>.button,.admin-filters .button{width:auto}.stage-grid,.training-grid,.bonus-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ranking-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.team-production-actions{grid-template-columns:none;justify-items:end}.team-production-actions .button{width:auto}.payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.production-agent-row{grid-template-columns:minmax(180px,1.35fr) minmax(92px,.58fr) minmax(76px,.48fr) minmax(100px,.66fr) minmax(100px,.66fr) minmax(100px,.66fr) minmax(124px,.78fr) auto}.production-agent-row .button{width:auto}.production-bonus-row{grid-template-columns:118px minmax(180px,1.4fr) minmax(104px,.7fr) minmax(112px,.7fr) auto minmax(154px,.7fr)}.ranking-row{grid-template-columns:64px minmax(180px,1.3fr) minmax(86px,.52fr) minmax(116px,.72fr) minmax(116px,.72fr) minmax(96px,.56fr) minmax(116px,.66fr)}.ranking-list--teams .ranking-row{grid-template-columns:64px minmax(180px,1.3fr) minmax(86px,.48fr) minmax(86px,.48fr) minmax(116px,.72fr) minmax(116px,.72fr) minmax(110px,.62fr)}.ranking-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-layout{grid-template-columns:minmax(360px,.95fr) minmax(0,1.25fr);align-items:start}.admin-detail{max-height:calc(100vh - 112px);position:sticky;top:92px;overflow:auto}}.bonus-page .bonus-hero--premium{padding:22px}.bonus-hero__main{gap:20px;display:grid}.bonus-hero__level{align-items:flex-start;gap:16px;display:flex}.bonus-hero__level svg{color:#b9c6df;flex-shrink:0}.bonus-hero__level-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bonus-hero__total strong{font-size:clamp(2rem,6vw,3.2rem)}.bonus-kpi-grid--premium{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.bonus-kpi-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);align-content:start;gap:8px;min-height:140px;padding:16px;transition:transform .2s,box-shadow .2s;display:grid}.bonus-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b10182e}.bonus-kpi-card--purple{background:linear-gradient(135deg, #5071af1f, transparent 55%), var(--card);border-color:#5071af59}.bonus-kpi-card--green{background:linear-gradient(135deg, #3c7dc31a, transparent 55%), var(--card);border-color:#3c7dc359}.bonus-kpi-card--gold{background:linear-gradient(135deg, #b5b7ae1f, transparent 55%), var(--card);border-color:#b5b7ae59}.bonus-kpi-card--blue{background:linear-gradient(135deg, #3c7dc31f, transparent 55%), var(--card);border-color:#3c7dc359}.bonus-kpi-card__icon{color:#b1cbe7}.bonus-kpi-card__label,.bonus-kpi-card__detail{color:var(--muted);font-size:.84rem}.bonus-kpi-card__value{font-size:1.35rem;line-height:1.1}.bonus-summary-strip{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;display:grid}.bonus-summary-strip article{border:1px solid var(--line);border-radius:var(--radius-card);background:#f3f3f10a;gap:6px;padding:14px;display:grid}.bonus-summary-strip span{color:var(--muted);font-size:.84rem}.bonus-summary-strip strong{font-size:1.1rem}.bonus-history--premium{overflow:hidden}.bonus-table-wrap{overflow-x:auto}.bonus-table{border-collapse:collapse;width:100%;font-size:.92rem}.bonus-table th,.bonus-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px}.bonus-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.bonus-table__student{align-items:center;gap:10px;display:flex}.bonus-table__avatar{color:#dce3ef;background:#5071af33;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:inline-flex}.bonus-table__student small,.bonus-table td small{color:var(--muted);font-size:.78rem;display:block}.enrollment-page{gap:22px}.enrollment-heading{align-items:start}.enrollment-layout{align-items:start;gap:18px;display:grid}.enrollment-form-panel,.enrollment-side-panel,.enrollment-success-panel{border-radius:var(--radius-card);background:linear-gradient(#f3f3f10e,#f3f3f105),#0c1927f0;border:1px solid #8ab1db33;box-shadow:0 22px 60px #0b101838}.enrollment-form-panel{gap:18px;padding:clamp(16px,3vw,24px);display:grid}.enrollment-form-panel .section-heading{grid-template-columns:auto minmax(0,1fr);align-items:center}.enrollment-section-icon,.enrollment-success-panel__icon,.enrollment-side-panel__icon{border-radius:var(--radius-card);color:#b1cbe7;background:#3c7dc324;border:1px solid #8ab1db47;place-items:center;display:grid}.enrollment-section-icon{width:48px;height:48px}.enrollment-form-grid{gap:14px;display:grid}.enrollment-form-grid .field--wide{grid-column:1/-1}.enrollment-side-panel span,.enrollment-success-summary span{color:var(--muted);font-size:.82rem;font-weight:800}.enrollment-side-panel{gap:12px;padding:14px;display:grid}.enrollment-side-panel article{border-radius:var(--radius-card);background:#f3f3f109;border:1px solid #f3f3f114;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;display:grid}.enrollment-side-panel article:not(:has(.status-badge)){grid-template-columns:auto minmax(0,1fr)}.enrollment-side-panel__icon{width:42px;height:42px}.enrollment-side-panel strong{overflow-wrap:anywhere;margin-top:4px;display:block}.enrollment-side-panel__featured{background:linear-gradient(135deg,#5071af24,#0000 52%),#f3f3f10a!important;border-color:#5071af47!important}.enrollment-side-panel__featured>svg{color:#b9c6df}.enrollment-success-panel{background:linear-gradient(135deg,#3c7dc329,#0000 42%),linear-gradient(#f3f3f10f,#f3f3f105),#0c1927f5;border-color:#3c7dc357;align-items:start;gap:18px;padding:clamp(18px,4vw,28px);display:grid}.enrollment-success-panel__icon{color:#b1cbe7;background:#3c7dc324;border-color:#3c7dc352;width:68px;height:68px}.enrollment-success-panel__content{gap:18px;display:grid}.enrollment-success-panel h2{font-size:clamp(1.45rem,4vw,2.35rem)}.enrollment-success-summary{gap:12px;display:grid}.enrollment-success-summary article{border-radius:var(--radius-card);background:#f3f3f10a;border:1px solid #f3f3f11a;gap:5px;min-height:78px;padding:12px;display:grid}.enrollment-success-summary strong{overflow-wrap:anywhere}.enrollment-success-actions{flex-wrap:wrap;gap:10px;display:flex}.enrollment-success-actions .button{flex:190px}@media (width>=820px){.enrollment-heading{grid-template-columns:minmax(0,1fr) auto}.enrollment-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.enrollment-form-grid,.enrollment-success-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.enrollment-success-panel{grid-template-columns:auto minmax(0,1fr)}}@media (width<=560px){:is(.enrollment-side-panel article,.enrollment-side-panel article:not(:has(.status-badge))){grid-template-columns:minmax(0,1fr)}.enrollment-side-panel__icon{width:38px;height:38px}.enrollment-success-actions .button{flex-basis:100%}}.ranking-highlight-card{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(135deg, #5071af24, transparent 48%), var(--card);align-content:start;gap:8px;min-height:132px;padding:16px;display:grid}.ranking-highlight-card svg{color:#b1cbe7}.ranking-highlight-card span,.ranking-highlight-card small{color:var(--muted);font-size:.84rem}.ranking-highlight-card strong{overflow-wrap:anywhere;font-size:1.18rem}.ranking-podium{align-items:end;gap:14px;margin-bottom:8px;display:grid}.ranking-podium__slot{text-align:center;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);justify-items:center;gap:8px;padding:16px 12px;animation:.4s both rankingFadeIn;display:grid}.ranking-podium__slot--1{background:linear-gradient(180deg, #b5b7ae2e, transparent 60%), var(--panel-2);border-color:#b5b7ae80;order:2;min-height:220px}.ranking-podium__slot--2{border-color:#d8e5f35c;order:1;min-height:180px}.ranking-podium__slot--3{border-color:#5071af6b;order:3;min-height:160px}.ranking-podium__slot--me{box-shadow:0 0 0 2px #3c7dc373}.ranking-podium__medal{background:#f3f3f114;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:900;display:inline-flex}.ranking-podium__avatar{color:#eef1f7;background:#5071af38;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1rem;font-weight:900;display:inline-flex}.ranking-podium__slot--1 .ranking-podium__avatar{width:72px;height:72px;font-size:1.2rem}.ranking-podium__team{color:var(--muted);font-size:.84rem}.ranking-podium__stats{gap:4px;display:grid}.ranking-podium__stats span{color:var(--muted);font-size:.82rem}.ranking-agent-row,.ranking-team-row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);align-items:center;gap:12px;padding:14px;animation:.35s both rankingFadeIn;display:grid}.ranking-agent-row--gold,.ranking-team-row--gold{background:linear-gradient(135deg, #b5b7ae1f, transparent 52%), var(--panel-2);border-color:#b5b7ae7a}.ranking-agent-row--silver,.ranking-team-row--silver{border-color:#d8e5f35c}.ranking-agent-row--bronze,.ranking-team-row--bronze{border-color:#5071af6b}.ranking-agent-row--me,.ranking-team-row--champion{box-shadow:0 0 0 2px #3c7dc359}.ranking-agent-row__identity,.ranking-team-row__identity{align-items:center;gap:12px;min-width:0;display:flex}.ranking-agent-row__avatar{color:#d8e5f3;background:#3c7dc32e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.86rem;font-weight:800;display:inline-flex}.ranking-agent-row__identity span,.ranking-team-row__identity span{color:var(--muted);font-size:.84rem}.ranking-agent-row__metric,.ranking-team-row__metric{gap:4px;display:grid}.ranking-agent-row__metric span,.ranking-team-row__metric span{color:var(--muted);font-size:.82rem}.ranking-agent-row__evolution{align-items:center;gap:6px;font-size:.84rem;font-weight:700;display:inline-flex}.ranking-agent-row__evolution--up{color:#b1cbe7}.ranking-agent-row__evolution--down{color:#b5b7ae}.level-badge{color:#dce3ef;text-transform:uppercase;letter-spacing:.04em;background:#5071af2e;border-radius:999px;align-items:center;width:fit-content;padding:3px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.level-badge--spark{color:#f3f3f1;background:#b5b7ae2e}.ranking-progress{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.ranking-progress__label{color:var(--muted);font-size:.78rem}.ranking-progress__track{background:#f3f3f114;border-radius:999px;height:8px;overflow:hidden}.ranking-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#5071af,#3c7dc3);height:100%;transition:width .5s;display:block}.ranking-progress__value{color:var(--muted);font-size:.78rem;font-weight:700}.user-position-card,.team-champion-banner,.monthly-champion-banner{border-radius:var(--radius-card);background:linear-gradient(135deg, #3c7dc31f, transparent 55%), var(--card);border:1px solid #3c7dc359;gap:12px;padding:16px;display:grid}.user-position-card span,.team-champion-banner span,.monthly-champion-banner span{color:var(--muted);font-size:.84rem}.user-position-card__stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.user-position-card__stats div{gap:4px;display:grid}.ranking-team-row__badge{color:#f3f3f1;background:#b5b7ae33;border-radius:999px;width:fit-content;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.monthly-champion-banner{background:linear-gradient(135deg, #b5b7ae24, transparent 55%), var(--card);border-color:#b5b7ae73;align-items:center;gap:16px;display:flex}.monthly-champion-banner svg{color:#b5b7ae;flex-shrink:0}.ranking-outside-top-note{color:var(--muted);text-align:center;font-size:.88rem}.ranking-list-section{gap:16px;display:grid}.empty-state-card{border-radius:var(--radius-card);text-align:center;background:#f3f3f108;border:1px dashed #f3f3f129;gap:8px;padding:24px;display:grid}.empty-state-card p{color:var(--muted);margin:0}.skeleton-block{border-radius:var(--radius-card);background:linear-gradient(90deg,#f3f3f10f 25%,#f3f3f11f 50%,#f3f3f10f 75%) 0 0/200% 100%;animation:1.4s infinite skeletonShimmer}.skeleton-block--heading{height:88px}.skeleton-block--card{min-height:140px}.skeleton-block--panel{height:320px}.skeleton-block--tabs{height:48px}.skeleton-block--podium{height:240px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rankingFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.bonus-hero__main{grid-template-columns:1.2fr 1fr;align-items:center}.ranking-podium{grid-template-columns:1fr 1.15fr 1fr}.ranking-agent-row,.ranking-team-row{grid-template-columns:auto minmax(160px,1.2fr) auto repeat(3,minmax(90px,.8fr)) minmax(140px,1fr)}.ranking-list--teams .ranking-team-row{grid-template-columns:auto minmax(160px,1.2fr) repeat(4,minmax(90px,.8fr)) minmax(140px,1fr)}}@media (width<=768px){.bonus-table thead{display:none}.bonus-table tr{gap:8px;padding:14px 0;display:grid}.bonus-table td{border:none;grid-template-columns:110px 1fr;gap:8px;padding:4px 0;display:grid}.bonus-table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:700}.bonus-table td:last-child:before{content:""}}.user-avatar{color:#d8e5f3;background:#3c7dc32e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.user-avatar--sm{width:42px;height:42px;font-size:.86rem}.user-avatar--md{width:48px;height:48px;font-size:.92rem}.user-avatar--lg{width:72px;height:72px;font-size:1.1rem}.user-avatar--podium{color:#eef1f7;background:#5071af38;width:56px;height:56px;font-size:1rem}.user-avatar--podium-first{color:#eef1f7;background:#5071af38;width:72px;height:72px;font-size:1.2rem}.user-avatar__image{object-fit:cover;width:100%;height:100%}.avatar-upload-preview{border:1px solid var(--line);border-radius:var(--radius-card);background:#f3f3f105;align-items:center;gap:16px;padding:16px;display:flex}.avatar-upload-preview span{color:var(--muted);font-size:.86rem;display:block}.avatar-upload-zone--compact{min-height:120px;padding:18px}.profile-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-2);gap:18px;padding:18px;display:grid}.profile-card__avatar-section{align-items:center;gap:16px;display:flex}.profile-card__avatar-section span{color:var(--muted);font-size:.86rem;display:block}.profile-card__avatar-actions{gap:12px;display:grid}.profile-card__avatar-buttons{flex-wrap:wrap;gap:10px;display:flex}.profile-card__section-heading{align-items:flex-start;gap:12px;display:flex}.profile-card__section-heading h2{margin:0;font-size:1.05rem}.profile-card__section-heading p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.profile-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-readonly-grid span{color:var(--muted);font-size:.82rem;display:block}.profile-readonly-grid strong{margin-top:4px;display:block}.monthly-champion-banner .user-avatar{box-shadow:0 0 0 2px #b5b7ae59}@media (width<=720px){.profile-readonly-grid{grid-template-columns:1fr}.avatar-upload-preview,.profile-card__avatar-section{text-align:center;flex-direction:column}.profile-card__avatar-buttons{flex-direction:column}.profile-card__avatar-buttons .button{width:100%}}.rankings-premium-page{gap:22px}.ranking-premium-header{border-radius:var(--radius-card);background:linear-gradient(135deg,#3c7dc338,#0000 38%),linear-gradient(160deg,#5071af2e,#0000 48%),linear-gradient(#f3f3f112,#f3f3f105),#0c1927;border:1px solid #8ab1db38;gap:18px;padding:clamp(22px,4vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0b101847}.ranking-premium-header:before{content:"";pointer-events:none;background-image:linear-gradient(#f3f3f10b 1px,#0000 1px),linear-gradient(90deg,#f3f3f10a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0b1018bf,#0000 74%);mask-image:linear-gradient(90deg,#0b1018bf,#0000 74%)}.ranking-premium-header__content,.ranking-premium-header__status{z-index:1;position:relative}.ranking-premium-header h1{letter-spacing:0;margin-top:8px;font-size:clamp(2.35rem,8vw,5.2rem)}.ranking-premium-header p:not(.eyebrow){color:#bdcbdb;max-width:760px;margin-top:12px;font-size:clamp(.96rem,2vw,1.08rem);line-height:1.6}.ranking-premium-header__status{border-radius:var(--radius-card);color:#e6e7e4;background:#0c1927ad;border:1px solid #b5b7ae57;align-content:start;gap:7px;width:min(100%,240px);padding:16px;display:grid}.ranking-premium-header__status span{color:#bdcbdb;font-size:.82rem;font-weight:800}.ranking-premium-header__status strong{color:var(--text);font-size:1.25rem}.ranking-premium-highlights{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;display:grid}.ranking-metric-card{border-radius:var(--radius-card);background:linear-gradient(#f3f3f112,#f3f3f106),#0c1927eb;border:1px solid #f3f3f11f;gap:16px;min-height:188px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.ranking-metric-card:hover{transform:translateY(-3px)}.ranking-metric-card:after{content:"";background:#8ab1db8c;border-radius:999px;height:2px;position:absolute;inset:auto 18px 0}.ranking-metric-card--gold{border-color:#b5b7ae5c;box-shadow:inset 0 0 38px #b5b7ae14}.ranking-metric-card--violet{border-color:#5071af57;box-shadow:inset 0 0 38px #5071af14}.ranking-metric-card--cyan{border-color:#8ab1db52;box-shadow:inset 0 0 38px #8ab1db12}.ranking-metric-card--green{border-color:#3c7dc357;box-shadow:inset 0 0 38px #3c7dc314}.ranking-metric-card--orange{border-color:#9c9f935c;box-shadow:inset 0 0 38px #9c9f9314}.ranking-metric-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ranking-metric-card__icon,.ranking-current-user__icon{border-radius:var(--radius-card);color:#b1cbe7;background:#3c7dc324;border:1px solid #8ab1db42;place-items:center;width:46px;height:46px;display:grid}.ranking-metric-card__trend{color:#b1cbe7;background:#3c7dc324;border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.ranking-metric-card span:not(.ranking-metric-card__trend):not(.ranking-metric-card__icon){color:#9cb1c9;font-size:.84rem;font-weight:800}.ranking-metric-card strong{overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.15;display:block}.ranking-metric-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.ranking-metric-card__stats div{gap:4px;min-width:0;display:grid}.ranking-metric-card__stats dt{color:#8296b0;font-size:.72rem;font-weight:800}.ranking-metric-card__stats dd{color:var(--text);margin:0;font-size:1rem;font-weight:900}.ranking-controls-bar{align-items:center;gap:14px;display:grid}.ranking-premium-tabs{border-radius:var(--radius-card);background:#0c1927c2;border:1px solid #f3f3f11a;gap:8px;padding:7px;display:flex;overflow-x:auto}.ranking-premium-tabs button{color:#b9c6df;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:max-content;min-height:42px;padding:0 13px;font-weight:900;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.ranking-premium-tabs button:hover,.ranking-premium-tabs button.is-active{color:var(--white);background:#3c7dc32e;border-color:#8ab1db4d}.ranking-period-filter{gap:8px;min-width:min(100%,310px);display:grid}.ranking-period-filter>span{color:#9cb1c9;font-size:.82rem;font-weight:900}.ranking-period-filter>div{border-radius:var(--radius-card);color:#b1cbe7;background:#0c1927d6;border:1px solid #8ab1db3d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:0 12px;display:grid}.ranking-period-filter select{appearance:none;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-weight:800}.ranking-period-filter option{color:var(--text);background:#0c1927}.ranking-competition-panel{gap:18px;display:grid}.ranking-competition-panel__heading{align-items:start;gap:12px;display:grid}.ranking-competition-panel__heading h2{margin-top:4px;font-size:clamp(1.5rem,4vw,2.35rem)}.ranking-competition-panel__heading span{color:#9cb1c9;margin-top:6px;display:block}.ranking-competition-panel__chip{color:#d8e5f3;background:#3c7dc31c;border:1px solid #3c7dc347;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:38px;padding:0 12px;font-size:.84rem;font-weight:900;display:inline-flex}.ranking-premium-podium{align-items:end;gap:14px;display:grid}.ranking-podium-card{border-radius:var(--radius-card);text-align:center;background:linear-gradient(#f3f3f114,#f3f3f108),#0c1927;border:1px solid #f3f3f11f;justify-items:center;gap:10px;min-height:228px;padding:18px 14px;animation:.36s both rankingFadeIn;display:grid;position:relative;overflow:hidden}.ranking-podium-card__halo{pointer-events:none;background:linear-gradient(#b5b7ae1a,#0000 44%);position:absolute;inset:0}.ranking-podium-card>:not(.ranking-podium-card__halo){z-index:1;position:relative}.ranking-podium-card--1{border-color:#b5b7ae8a;min-height:282px;box-shadow:0 20px 54px #b5b7ae17,inset 0 0 48px #b5b7ae14}.ranking-podium-card--2{border-color:#d8e5f361}.ranking-podium-card--3{border-color:#9c9f935c}.ranking-podium-card__medal,.ranking-podium-card__badge{background:#f3f3f114;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-height:30px;padding:0 11px;font-size:.82rem;font-weight:900;display:inline-flex}.ranking-podium-card__medal{color:#e6e7e4}.ranking-podium-card__badge{color:#d8e5f3;font-size:.78rem}.ranking-podium-card strong{font-size:1.08rem}.ranking-podium-card__stats{gap:4px;display:grid}.ranking-podium-card__stats span{color:#9cb1c9;font-size:.84rem}.ranking-podium-card__stats strong{color:var(--text);font-size:1.18rem}.ranking-current-user{border-radius:var(--radius-card);background:linear-gradient(135deg,#3c7dc324,#0000 45%),linear-gradient(#f3f3f10f,#f3f3f105),#0c1927f0;border:1px solid #3c7dc357;align-items:center;gap:16px;padding:16px;display:grid}.ranking-current-user__identity{align-items:center;gap:12px;min-width:0;display:flex}.ranking-current-user__identity span:not(.ranking-current-user__icon),.ranking-current-user__stats span{color:#9cb1c9;font-size:.82rem;font-weight:800}.ranking-current-user__identity strong{margin-top:4px;font-size:1.2rem;display:block}.ranking-current-user__stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.ranking-current-user__stats div{border-radius:var(--radius-card);background:#f3f3f10a;border:1px solid #f3f3f114;gap:5px;min-width:0;padding:12px;display:grid}.ranking-current-user__stats strong{align-items:center;gap:6px;font-size:1.08rem;display:inline-flex}.ranking-table-panel{gap:10px;display:grid}.ranking-table-header,.ranking-table-row{grid-template-columns:72px minmax(180px,1.35fr) minmax(96px,.55fr) minmax(112px,.72fr) minmax(138px,.78fr);align-items:center;gap:12px;display:grid}.ranking-table-header{color:#8296b0;text-transform:uppercase;padding:0 16px;font-size:.72rem;font-weight:900}.ranking-table-list{gap:10px;display:grid}.ranking-table-row{border-radius:var(--radius-card);background:linear-gradient(#f3f3f10e,#f3f3f106),#0c1927f0;border:1px solid #f3f3f11a;min-height:82px;padding:14px 16px;transition:transform .16s,border-color .16s,background .16s}.ranking-table-row:hover{border-color:#8ab1db47;transform:translateY(-2px)}.ranking-table-row.is-current-user{border-color:#3c7dc36b;box-shadow:inset 0 0 30px #3c7dc314}.ranking-table-row__position{background:#f3f3f114;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:52px;min-height:36px;font-weight:900;display:inline-flex}.ranking-table-row__position--1{color:#e6e7e4;background:#b5b7ae2b}.ranking-table-row__position--2{color:#ebf2f9;background:#d8e5f321}.ranking-table-row__position--3{color:#cecfc9;background:#9c9f9324}.ranking-table-row__agent{align-items:center;gap:12px;min-width:0;display:flex}.ranking-table-row__agent>div{min-width:0}.ranking-table-row__agent strong,.ranking-table-row__agent span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ranking-table-row__agent span,.ranking-table-row__metric span{color:#9cb1c9;font-size:.82rem}.ranking-table-row__metric{gap:4px;min-width:0;display:grid}.ranking-table-row__metric strong{font-size:1.02rem}.ranking-table-row__progress{gap:7px;min-width:0;display:grid}.ranking-table-row__progress div{background:#f3f3f117;border-radius:999px;height:8px;overflow:hidden}.ranking-table-row__progress div span{border-radius:inherit;background:linear-gradient(90deg,#3c7dc3,#3c7dc3,#b5b7ae);height:100%;display:block}.ranking-table-row__progress strong{color:#bdcbdb;font-size:.84rem}.ranking-status-badge{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.ranking-status-badge--em-alta,.ranking-status-badge--estavel{color:#d8e5f3;background:#3c7dc329}.ranking-status-badge--atencao{color:#e6e7e4;background:#b5b7ae2b}.ranking-status-badge--novo{color:#dce3ef;background:#5071af29}.ranking-empty-state{border-radius:var(--radius-card);color:#b1cbe7;text-align:center;background:#f3f3f109;border:1px dashed #8ab1db42;justify-items:center;gap:10px;padding:28px;display:grid}.ranking-empty-state p{color:#9cb1c9;max-width:420px}.ranking-skeleton-card{border-radius:var(--radius-card);background:linear-gradient(90deg,#f3f3f10f 25%,#f3f3f121 50%,#f3f3f10f 75%) 0 0/200% 100%;animation:1.4s infinite skeletonShimmer;overflow:hidden}.ranking-skeleton-card--hero{min-height:220px}.ranking-skeleton-card--metric{min-height:180px}.ranking-skeleton-card--panel{min-height:520px}@media (width>=760px){.ranking-premium-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.ranking-controls-bar,.ranking-competition-panel__heading{grid-template-columns:minmax(0,1fr) auto}.ranking-premium-podium{grid-template-columns:1fr 1.16fr 1fr}.ranking-podium-card--1{order:2}.ranking-podium-card--2{order:1;min-height:244px}.ranking-podium-card--3{order:3;min-height:230px}.ranking-current-user{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)}}@media (width<=900px){.ranking-table-header{display:none}.ranking-table-row{grid-template-columns:auto minmax(0,1fr);gap:12px}.ranking-table-row__metric,.ranking-table-row__progress,.ranking-status-badge{grid-column:2}.ranking-table-row__metric{grid-template-columns:94px minmax(0,1fr);align-items:center}.ranking-table-row__metric:before,.ranking-table-row__progress:before{content:attr(data-label);color:#8296b0;font-size:.76rem;font-weight:900}.ranking-table-row__progress{grid-template-columns:94px minmax(0,1fr);align-items:center}}@media (width<=560px){.rankings-premium-page{gap:16px}.ranking-premium-header,.ranking-metric-card,.ranking-current-user,.ranking-table-row{padding:14px}.ranking-premium-header__status{width:100%}.ranking-premium-tabs button{min-height:40px;padding:0 11px}.ranking-current-user__stats{grid-template-columns:1fr}.ranking-table-row{grid-template-columns:56px minmax(0,1fr)}.ranking-table-row__position{width:46px}}.sales-ranking-page{gap:16px;min-width:0}.sales-ranking-header{border-radius:var(--radius-card);background:linear-gradient(120deg,#3c7dc32b,#0000 46%),#0c1927f5;border:1px solid #8ab1db33;gap:16px;padding:clamp(18px,3vw,24px);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 44px #0b101833}.sales-ranking-header:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#8ab1db1f 0 1px,#0000 1.5px);background-size:18px 18px;width:36%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#0b1018);mask-image:linear-gradient(90deg,#0000,#0b1018)}.sales-ranking-header__copy{z-index:1;align-content:center;gap:6px;display:grid;position:relative}.sales-ranking-header h1{letter-spacing:-.035em;font-size:clamp(1.8rem,4vw,2.7rem)}.sales-ranking-header__copy>strong{color:#d8e5f3;font-size:.9rem}.sales-ranking-header__copy>p:last-child{color:var(--muted);font-size:.88rem;line-height:1.5}.cruise-showcase{isolation:isolate;background:var(--color-dusty-denim-950);aspect-ratio:16/9;border:1px solid #cecfc952;border-radius:20px;min-height:260px;transition:border-color .22s,box-shadow .22s,transform .22s;position:relative;overflow:hidden;box-shadow:0 30px 82px #08121b8f,0 0 0 5px #f3f3f106,inset 0 1px #f3f3f114}.cruise-showcase:before{z-index:4;content:"";filter:drop-shadow(0 0 8px #8ab1dbb3);background:linear-gradient(90deg,#0000,#ebf2f9e6,#0000);width:42%;height:2px;animation:7s ease-in-out infinite cruiseShowcaseSweep;position:absolute;top:0;left:-45%}.cruise-showcase:after{z-index:4;content:"";pointer-events:none;border:1px solid #f3f3f117;border-radius:13px;position:absolute;inset:8px}.cruise-showcase:hover{border-color:#d8e5f380;transform:translateY(-3px);box-shadow:0 36px 96px #08121ba8,0 0 48px #6397cf1f,0 0 0 5px #f3f3f109,inset 0 1px #f3f3f11a}.cruise-showcase__content{z-index:3;align-items:center;gap:14px;padding:clamp(20px,4vw,44px);display:flex;position:absolute;bottom:0;left:0;right:0}.cruise-showcase__icon{width:clamp(44px,5vw,58px);height:clamp(44px,5vw,58px);color:var(--color-ink-black-100);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 32% 26%,#f3f3f138,#0000 42%),#0c1927ad;border:1px solid #d8e5f34d;border-radius:50%;flex:none;place-items:center;animation:4.5s ease-in-out infinite cruiseWheelFloat;display:grid;box-shadow:0 14px 30px #08121b6b,inset 0 0 20px #6397cf24}.cruise-showcase h2{color:var(--color-alabaster-grey-50);letter-spacing:-.05em;text-shadow:0 8px 32px #08121bcc;font-size:clamp(1.55rem,4vw,3.1rem);line-height:.98}.cruise-showcase__video{z-index:0;border-radius:inherit;background:var(--color-dusty-denim-950);position:absolute;inset:0;overflow:hidden}.cruise-showcase__overlay{z-index:1;pointer-events:none;background:linear-gradient(#08121b14 28%,#08121b6b 68%,#08121beb 100%),linear-gradient(90deg,#08121b33,#0000 55%);position:absolute;inset:0}.cruise-showcase__poster{z-index:0;object-fit:cover;filter:saturate(.84)contrast(1.08)brightness(.86);width:100%;height:100%;position:absolute;inset:0}.cruise-showcase__video iframe{z-index:1;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.16)}.cruise-campaign{isolation:isolate;border-radius:var(--radius-card);background:#0c1927;border:1px solid #8ab1db42;min-height:clamp(310px,31vw,360px);position:relative;overflow:hidden;box-shadow:0 24px 64px #0b10184d,inset 0 0 0 1px #5071af14}.cruise-campaign__media,.cruise-campaign__overlay,.cruise-campaign__glow{position:absolute;inset:0}.cruise-campaign__media{z-index:-3;background:#0c1927;overflow:hidden}.cruise-campaign__poster{object-fit:cover;object-position:center 62%;filter:saturate(.78)contrast(1.08);width:100%;height:100%}.cruise-campaign__background-video{aspect-ratio:16/9;pointer-events:none;border:0;width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.08)}.cruise-campaign__overlay{z-index:-2;background:linear-gradient(90deg,#08121bf7 0%,#08121bde 38%,#08121b99 68%,#08121bc7 100%),linear-gradient(#0000 38%,#0b1018f0)}.cruise-campaign__glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 22%,#6397cf33,#0000 30%),radial-gradient(circle at 84% 18%,#5071af36,#0000 28%),radial-gradient(circle at 69% 100%,#b5b7ae1f,#0000 30%)}.cruise-campaign__content{z-index:2;min-height:inherit;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-content:space-between;gap:18px clamp(24px,4vw,54px);padding:clamp(21px,3vw,30px);display:grid;position:relative}.cruise-campaign__copy{align-content:center;gap:8px;max-width:620px;display:grid}.cruise-campaign__eyebrow,.cruise-campaign__period,.cruise-campaign__goal,.cruise-campaign__mark{align-items:center;gap:7px;display:inline-flex}.cruise-campaign__eyebrow{color:#b1cbe7;letter-spacing:.08em;text-transform:uppercase;width:fit-content;font-size:.72rem;font-weight:900}.cruise-campaign h2{letter-spacing:-.055em;text-shadow:0 8px 32px #0b101866;max-width:640px;font-size:clamp(2.05rem,4.4vw,3.45rem);line-height:.96}.cruise-campaign__copy>p{color:#d8e5f3;max-width:560px;font-size:clamp(.9rem,1.4vw,1.03rem);line-height:1.5}.cruise-campaign__period{color:#bdcbdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08121b8c;border:1px solid #f3f3f126;border-radius:999px;width:fit-content;min-height:30px;margin-top:2px;padding:0 11px;font-size:.73rem;font-weight:800}.cruise-campaign__journey{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08121bb3;border:1px solid #b1cbe73b;align-self:center;gap:9px;min-width:0;margin-top:24px;padding:15px;display:grid;box-shadow:inset 0 1px #f3f3f10d}.cruise-campaign__journey-heading,.cruise-campaign__progress-labels{justify-content:space-between;align-items:center;gap:12px;display:flex}.cruise-campaign__journey-heading>div{gap:2px;display:grid}.cruise-campaign__journey-heading>div span,.cruise-campaign__progress-labels span{color:#9cb1c9;font-size:.69rem}.cruise-campaign__journey-heading>div strong{font-size:1.08rem}.cruise-campaign__goal{color:#e6e7e4;background:#b5b7ae1f;border-radius:999px;flex:none;min-height:27px;padding:0 9px;font-size:.68rem;font-weight:850}.cruise-campaign__progress{background:#f3f3f11a;border-radius:999px;height:9px;overflow:hidden}.cruise-campaign__progress>span{border-radius:inherit;background:linear-gradient(90deg,#6397cf,#5071af 68%,#b5b7ae);min-width:4px;height:100%;animation:.8s both cruiseCampaignProgress;display:block;box-shadow:0 0 14px #8ab1db66}.cruise-campaign__progress-labels strong{color:#cecfc9;font-size:.72rem}.cruise-campaign__metrics{grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:7px;display:grid}.cruise-campaign__metrics>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1927ad;border:1px solid #f3f3f11a;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 7px;min-width:0;min-height:52px;padding:8px 9px;display:grid}.cruise-campaign__metrics svg{color:#b1cbe7;grid-row:1/span 2}.cruise-campaign__metrics span{color:#96aacf;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.cruise-campaign__metrics strong{font-size:.88rem}.cruise-campaign__actions{flex-wrap:wrap;justify-content:flex-end;align-self:end;gap:8px;display:flex}.cruise-campaign__actions .button{min-height:42px;padding:0 14px;font-size:.78rem;box-shadow:0 10px 24px #0b101833}.cruise-campaign__actions .button--primary{background:linear-gradient(135deg,#3c7dc3,#405b8c)}.cruise-campaign__actions .button--secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1927a3;border-color:#b1cbe74d}.cruise-campaign .button:focus-visible{outline-offset:3px;outline:2px solid #b1cbe7}.cruise-campaign__mark{z-index:3;color:#cecfc9;font-size:.67rem;font-weight:850;position:absolute;top:18px;right:22px}.cruise-campaign-modal__intro{align-items:flex-start;gap:12px;display:flex}.cruise-campaign-modal__intro>span{color:#b1cbe7;background:linear-gradient(135deg,#6397cf2e,#5071af33);border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.cruise-campaign-modal__intro>div{gap:5px;display:grid}.cruise-campaign-modal__intro p,.cruise-campaign-modal__note,.cruise-campaign-video__caption{color:var(--muted);font-size:.84rem;line-height:1.55}.cruise-campaign-modal__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;display:grid}.cruise-campaign-modal__facts>div{border:1px solid var(--line);background:#f3f3f109;border-radius:8px;gap:4px;padding:11px;display:grid}.cruise-campaign-modal__facts dt{color:var(--muted);font-size:.7rem}.cruise-campaign-modal__facts dd{color:var(--text);margin:0;font-size:.9rem;font-weight:850}.cruise-campaign-modal__progress{background:#3c7dc312;border:1px solid #8ab1db33;border-radius:9px;gap:8px;padding:13px;display:grid}.cruise-campaign-modal__progress>div:first-child{justify-content:space-between;display:flex}.cruise-campaign-modal__progress>div:nth-child(2){background:#f3f3f117;border-radius:999px;height:10px;overflow:hidden}.cruise-campaign-modal__progress>div:nth-child(2) span{border-radius:inherit;background:linear-gradient(90deg,#6397cf,#5071af,#b5b7ae);min-width:4px;height:100%;display:block}.cruise-campaign-modal__progress p{color:#b9c6df;font-size:.78rem}.cruise-campaign-modal__note{background:#b5b7ae0f;border-left:3px solid #b5b7aea6;padding:10px 12px}.cruise-campaign-video{aspect-ratio:16/9;background:#0b1018;border:1px solid #8ab1db33;border-radius:9px;width:100%;position:relative;overflow:hidden}.cruise-campaign-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.sales-ranking-filters{border-radius:var(--radius-card);background:#0c1927cc;border:1px solid #f3f3f11a;gap:10px;min-width:0;padding:8px;display:grid}.sales-ranking-filters__tabs{scrollbar-width:thin;gap:6px;min-width:0;display:flex;overflow-x:auto}.sales-ranking-filters__tabs::-webkit-scrollbar{height:5px}.sales-ranking-filters__tabs::-webkit-scrollbar-thumb{background:#8ab1db47;border-radius:999px}.sales-ranking-filters__tabs button{color:#b9c6df;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:.84rem;font-weight:850;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.sales-ranking-filters__tabs button:hover,.sales-ranking-filters__tabs button.is-active{color:var(--white);background:#3c7dc32b;border-color:#6397cf57}.sales-ranking-filters__tabs button:focus-visible,.sales-ranking-state button:focus-visible,.sales-ranking-filters__period select:focus-visible{outline-offset:2px;outline:2px solid #8ab1db}.sales-ranking-filters__period{gap:4px;min-width:0;display:grid}.sales-ranking-filters__period>span{color:#96aacf;text-transform:uppercase;padding-left:4px;font-size:.7rem;font-weight:800}.sales-ranking-filters__period>div{color:#b1cbe7;background:#0c1927b8;border:1px solid #8ab1db33;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:0 10px;display:grid}.sales-ranking-filters__period select{appearance:none;width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:.82rem;font-weight:800}.sales-ranking-filters__period option{background:#0c1927}.sales-ranking-summary{gap:10px;display:grid}.sales-ranking-summary article{border-radius:var(--radius-card);background:#0c1927d1;border:1px solid #f3f3f11a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;min-width:0;padding:12px 14px;animation:.3s both salesRankingEnter;display:grid}.sales-ranking-summary article:nth-child(2){animation-delay:50ms}.sales-ranking-summary article:nth-child(3){animation-delay:.1s}.sales-ranking-summary__icon{color:#b1cbe7;background:#3c7dc326;border-radius:8px;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.sales-ranking-summary article>div{justify-content:space-between;align-items:baseline;gap:7px;min-width:0;display:flex}.sales-ranking-summary article>div span,.sales-ranking-summary small{color:#96aacf;font-size:.72rem}.sales-ranking-summary article>div strong{font-size:1rem}.sales-ranking-summary small{grid-column:2}.sales-ranking-main{align-items:start;gap:14px;min-width:0;display:grid}.sales-ranking-panel{border-radius:var(--radius-card);background:#0c1927db;border:1px solid #f3f3f11a;min-width:0;animation:.32s both salesRankingEnter;overflow:hidden;box-shadow:0 14px 38px #0b101829}.sales-ranking-list-panel{animation-delay:70ms}.sales-ranking-panel__heading{border-bottom:1px solid #f3f3f114;justify-content:space-between;align-items:flex-end;gap:12px;min-height:72px;padding:14px 16px;display:flex}.sales-ranking-panel__heading h2{margin-top:3px;font-size:1.2rem}.sales-ranking-panel__heading>span{color:#96aacf;white-space:nowrap;font-size:.72rem}.sales-ranking-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;min-height:420px;padding:22px 12px 16px;display:grid}.sales-ranking-podium__position{border-radius:var(--radius-card) var(--radius-card) 4px 4px;text-align:center;background:#18324edb;border:1px solid #f3f3f11f;justify-items:center;gap:8px;min-width:0;min-height:280px;padding:14px 8px;display:grid;position:relative}.sales-ranking-podium__position--1{background:linear-gradient(#b5b7ae21,#18324ee6 42%);border-color:#b5b7ae9e;grid-area:1/2;min-height:344px;box-shadow:0 14px 34px #b5b7ae1a}.sales-ranking-podium__position--2{border-color:#d8e5f36b;grid-area:1/1}.sales-ranking-podium__position--3{border-color:#83877885;grid-area:1/3;min-height:260px}.sales-ranking-podium--count-1 .sales-ranking-podium__position--1{grid-column:1/-1;justify-self:center;width:min(100%,190px)}.sales-ranking-podium__position.is-current-user{outline-offset:2px;outline:2px solid #8ab1db9e}.sales-ranking-podium__medal{color:#d8e5f3;background:#f3f3f114;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:0 9px;font-size:.78rem;font-weight:900;display:inline-flex}.sales-ranking-podium__position--1 .sales-ranking-podium__medal{color:#e6e7e4;animation:2.4s ease-in-out infinite salesRankingCrown}.sales-ranking-podium__position--2 .sales-ranking-podium__medal{color:#ebf2f9}.sales-ranking-podium__position--3 .sales-ranking-podium__medal{color:#b5b7ae}.sales-ranking-podium__identity{gap:3px;width:100%;min-width:0;display:grid}.sales-ranking-podium__identity strong,.sales-ranking-podium__identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sales-ranking-podium__identity strong{font-size:.9rem}.sales-ranking-podium__identity span{color:#a1b0c4;font-size:.7rem}.sales-ranking-podium dl{gap:6px;width:100%;margin:auto 0 0;display:grid}.sales-ranking-podium dl div{gap:2px;display:grid}.sales-ranking-podium dt{color:#96aacf;font-size:.65rem}.sales-ranking-podium dd{margin:0;font-size:.88rem;font-weight:900}.sales-ranking-achievement{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:4px;max-width:100%;min-height:24px;padding:0 7px;font-size:.64rem;font-weight:850;display:inline-flex;overflow:hidden}.sales-ranking-achievement--gold{color:#e6e7e4;background:#b5b7ae21;border:1px solid #b5b7ae4d}.sales-ranking-achievement--blue{color:#b1cbe7;background:#3c7dc321;border:1px solid #6397cf4d}.sales-ranking-list__columns,.sales-ranking-list__item{grid-template-columns:46px minmax(118px,1fr) 72px 78px 42px;align-items:center;gap:8px;display:grid}.sales-ranking-list__columns{color:#8296b0;text-transform:uppercase;padding:9px 12px;font-size:.64rem;font-weight:850}.sales-ranking-list{scrollbar-color:#8ab1db59 transparent;scrollbar-width:thin;gap:6px;max-height:500px;margin:0;padding:0 8px 8px;list-style:none;display:grid;overflow-y:auto}.sales-ranking-list__item{background:#f3f3f109;border:1px solid #f3f3f114;border-radius:7px;min-height:62px;padding:8px 10px;transition:border-color .15s,background .15s,transform .15s}.sales-ranking-list__item:hover{background:#f3f3f10e;border-color:#8ab1db3d;transform:translate(2px)}.sales-ranking-list__item.is-current-user{background:#3c7dc317;border-color:#8ab1db6b;box-shadow:inset 3px 0 #8ab1db}.sales-ranking-list__position{background:#f3f3f112;border-radius:999px;justify-content:center;align-items:center;width:40px;min-height:29px;font-size:.76rem;font-weight:900;display:inline-flex}.sales-ranking-list__position--1{color:#e6e7e4;background:#b5b7ae21}.sales-ranking-list__position--2{color:#ebf2f9;background:#d8e5f31c}.sales-ranking-list__position--3{color:#b5b7ae;background:#8387781f}.sales-ranking-list__identity{align-items:center;gap:8px;min-width:0;display:flex}.sales-ranking-list__identity>div{min-width:0}.sales-ranking-list__identity>div strong,.sales-ranking-list__identity>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sales-ranking-list__identity>div strong{font-size:.78rem}.sales-ranking-list__identity>div span,.sales-ranking-list__metric span{color:#96aacf;font-size:.65rem}.sales-ranking-list__metric{gap:2px;min-width:0;display:grid}.sales-ranking-list__metric strong{text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.sales-ranking-movement{border-radius:999px;justify-content:center;align-items:center;gap:2px;min-height:25px;font-size:.68rem;font-weight:900;transition:transform .15s;display:inline-flex}.sales-ranking-movement.is-up{color:#b1cbe7;background:#3c7dc321}.sales-ranking-movement.is-down{color:#cecfc9;background:#8387781c}.sales-ranking-movement.is-new{color:#b1cbe7;font-size:.62rem}.sales-ranking-movement.is-stable{color:#96aacf}.sales-ranking-list__item:hover .sales-ranking-movement{transform:scale(1.06)}.sales-ranking-list__pinned{background:#0c1927f5;border-top:1px solid #8ab1db3d;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:11px 14px;display:grid}.sales-ranking-list__pinned span,.sales-ranking-list__pinned small{color:#9cb1c9;font-size:.72rem}.sales-ranking-list__pinned strong{color:#b1cbe7;font-size:.86rem}.sales-ranking-list__pinned small{justify-self:end}.sales-ranking-user-progress{border-radius:var(--radius-card);background:#0c1927e0;border:1px solid #6397cf47;align-items:flex-start;gap:13px;min-width:0;padding:16px;animation:.36s both salesRankingEnter;display:flex}.sales-ranking-user-progress.is-leading{border-color:#b5b7ae57}.sales-ranking-user-progress.is-empty{border-style:dashed}.sales-ranking-user-progress__icon{color:#b1cbe7;background:#3c7dc326;border-radius:9px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sales-ranking-user-progress.is-leading .sales-ranking-user-progress__icon{color:#e6e7e4;background:#b5b7ae21}.sales-ranking-user-progress__content{gap:15px;width:100%;min-width:0;display:grid}.sales-ranking-user-progress h2{margin-top:3px;font-size:1.08rem}.sales-ranking-user-progress p:not(.eyebrow){color:#a1b0c4;margin-top:4px;font-size:.8rem;line-height:1.45}.sales-ranking-user-progress__bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-width:0;display:grid}.sales-ranking-user-progress__bar>div{background:#f3f3f117;border-radius:999px;grid-column:1/-1;height:9px;overflow:hidden}.sales-ranking-user-progress__bar>div span{border-radius:inherit;background:linear-gradient(90deg,#3c7dc3,#8ab1db);height:100%;animation:.7s both salesRankingProgress;display:block}.sales-ranking-user-progress__bar small{color:#a1b0c4;font-size:.72rem}.sales-ranking-user-progress__bar strong{font-size:.74rem}.sales-ranking-state{border-radius:var(--radius-card);color:#b1cbe7;text-align:center;background:#f3f3f106;border:1px dashed #8ab1db47;place-content:center;justify-items:center;gap:8px;min-height:220px;padding:24px;display:grid}.sales-ranking-state.is-error{color:#cecfc9;border-color:#83877847}.sales-ranking-state p{color:#a1b0c4;max-width:480px;font-size:.86rem;line-height:1.5}.sales-ranking-state button{background:var(--blue);color:#fff;cursor:pointer;border-radius:7px;align-items:center;gap:7px;min-height:38px;margin-top:5px;padding:0 13px;font-weight:850;display:inline-flex}.sales-ranking-skeleton__block{border-radius:var(--radius-card);background:linear-gradient(90deg,#f3f3f10d 25%,#f3f3f11f 50%,#f3f3f10d 75%) 0 0/200% 100%;min-height:110px;animation:1.35s infinite skeletonShimmer;overflow:hidden}.sales-ranking-skeleton__block.is-header{min-height:150px}.sales-ranking-skeleton__block.is-campaign{min-height:330px}.sales-ranking-skeleton__block.is-filters{min-height:58px}.sales-ranking-skeleton__summary,.sales-ranking-skeleton__main{gap:10px;display:grid}.sales-ranking-skeleton__main .sales-ranking-skeleton__block{min-height:480px}@keyframes salesRankingEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes siteAmbientShift{0%{background-position:0 25%}to{background-position:100% 72%}}@keyframes surfaceReveal{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes contentReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cruiseShowcaseSweep{0%,14%{opacity:0;left:-45%}34%,58%{opacity:1}78%,to{opacity:0;left:104%}}@keyframes cruiseWheelFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-3px)rotate(3deg)}}@keyframes salesRankingCrown{0%,to{filter:drop-shadow(0 0 #b5b7ae00)}50%{filter:drop-shadow(0 0 6px #b5b7ae8c)}}@keyframes salesRankingProgress{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes cruiseCampaignProgress{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@media (width>=680px){.sales-ranking-summary,.sales-ranking-skeleton__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-ranking-user-progress__content{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:center}}@media (width>=820px){.sales-ranking-filters{grid-template-columns:minmax(0,1fr) minmax(220px,275px);align-items:end}}@media (width>=1100px){.sales-ranking-main,.sales-ranking-skeleton__main{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr)}}@media (width<=720px){.cruise-campaign{min-height:580px}.cruise-campaign__background-video{aspect-ratio:auto;width:185%;height:100%}.cruise-campaign__overlay{background:linear-gradient(#08121bc2,#08121bf0 60%,#08121bfa),linear-gradient(90deg,#08121bbf,#0000)}.cruise-campaign__content{grid-template-columns:1fr;align-content:start}.cruise-campaign__journey{margin-top:0}.cruise-campaign__actions{justify-content:flex-start}.cruise-campaign__mark,.sales-ranking-list__columns{display:none}.sales-ranking-list{max-height:none;padding-top:8px}.sales-ranking-list__item{grid-template-columns:42px minmax(0,1fr) auto;gap:7px}.sales-ranking-list__metric{grid-row:2}.sales-ranking-list__metric:nth-of-type(2){grid-column:2}.sales-ranking-list__metric:nth-of-type(3){grid-column:3}.sales-ranking-movement{grid-area:1/3;min-width:38px}.sales-ranking-list__position{grid-row:1/span 2}.sales-ranking-list__pinned{grid-template-columns:auto auto}.sales-ranking-list__pinned small{grid-column:1/-1;justify-self:start}}@media (width<=560px){.cruise-showcase{border-radius:14px;min-height:0}.cruise-showcase:after{border-radius:10px;inset:5px}.cruise-showcase__content{gap:10px;padding:16px}.cruise-showcase__icon{width:40px;height:40px}.cruise-showcase h2{font-size:clamp(1.28rem,6vw,1.65rem)}.sales-ranking-page{gap:13px}.sales-ranking-header,.sales-ranking-user-progress{padding:14px}.cruise-campaign{min-height:0}.cruise-campaign__content{gap:15px;padding:18px 14px}.cruise-campaign h2{font-size:2.22rem}.cruise-campaign__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cruise-campaign__actions,.cruise-campaign__actions .button{width:100%}.cruise-campaign-modal__facts{grid-template-columns:1fr}.sales-ranking-filters__tabs button{min-height:38px;padding:0 10px}.sales-ranking-filters__tabs{scrollbar-width:none}.sales-ranking-filters__tabs::-webkit-scrollbar{display:none}.sales-ranking-podium{grid-template-columns:1fr;min-height:0;padding:12px}.sales-ranking-podium__position,.sales-ranking-podium__position--1,.sales-ranking-podium__position--2,.sales-ranking-podium__position--3,.sales-ranking-podium--count-1 .sales-ranking-podium__position--1{text-align:left;grid-area:auto/1;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;width:100%;min-height:0;padding:12px}.sales-ranking-podium__position .user-avatar{grid-row:1/span 2}.sales-ranking-podium__medal{grid-area:1/3}.sales-ranking-podium__identity{grid-area:1/2}.sales-ranking-achievement{grid-area:2/2}.sales-ranking-podium dl{text-align:center;grid-area:3/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-ranking-summary article>div{gap:2px;display:grid}.sales-ranking-user-progress{display:grid}}@media (prefers-reduced-motion:reduce){body,.entry-panel,.auth-card,.page-stack>*,.cruise-showcase:before,.cruise-showcase__icon{animation:none}.button:after{display:none}.button,.nav-link,.feature-card,.feature-card:after,.bonus-kpi-grid article,.cruise-showcase,.cruise-showcase__video{transition:none}.nav-link:hover,.feature-card:hover,.bonus-kpi-grid article:hover,.cruise-showcase:hover{transform:none}.sales-ranking-summary article,.sales-ranking-panel,.sales-ranking-user-progress,.sales-ranking-podium__position--1 .sales-ranking-podium__medal,.sales-ranking-user-progress__bar>div span,.sales-ranking-skeleton__block,.cruise-campaign__progress>span{animation:none}.sales-ranking-list__item,.sales-ranking-movement,.sales-ranking-filters__tabs button{transition:none}}.ecosystem-principle-section{touch-action:pan-y;gap:14px;min-width:0;display:grid}.ecosystem-principle-section:focus-visible{border-radius:var(--radius-card);outline-offset:4px;outline:2px solid #8ab1db}.ecosystem-principle-section__heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.ecosystem-principle-section__heading>div{gap:4px;display:grid}.ecosystem-principle-section__heading h2{font-size:clamp(1.25rem,2.4vw,1.72rem)}.ecosystem-principle-section__heading>span{color:var(--muted);flex:none;font-size:.76rem;font-weight:800}.ecosystem-principle-section__slide{min-width:0}.ecosystem-principle-card{isolation:isolate;border-radius:var(--radius-card);background:#0c1927;border:1px solid #8ab1db40;min-width:0;min-height:250px;transition:border-color .22s,box-shadow .22s,transform .22s;animation:.28s both ecosystemPrincipleEnter;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #0b101840}.ecosystem-principle-card:hover{border-color:#b1cbe77a;transform:translateY(-3px);box-shadow:0 23px 52px #0b10184f}.ecosystem-principle-card__media,.ecosystem-principle-card__overlay{position:absolute;inset:0}.ecosystem-principle-card__media{z-index:-2;background:#0c1927;overflow:hidden}.ecosystem-principle-card__media picture,.ecosystem-principle-card__media img,.ecosystem-principle-card__media video{width:100%;height:100%;display:block}.ecosystem-principle-card__media picture{z-index:1;position:absolute;inset:0}.ecosystem-principle-card__media img,.ecosystem-principle-card__media video{object-fit:cover;filter:saturate(.86)contrast(1.03);transition:transform .3s}.ecosystem-principle-card:hover .ecosystem-principle-card__media img{transform:scale(1.02)}.ecosystem-principle-media__fallback{z-index:0;color:#d8e5f3c7;background:radial-gradient(circle at 76% 22%,#8ab1db38,#0000 28%),radial-gradient(circle at 24% 78%,#5071af57,#0000 34%),linear-gradient(135deg,#0c1927,#101723 58%,#18324e);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ecosystem-principle-media__fallback:before,.ecosystem-principle-media__fallback:after{content:"";border:1px solid #f3f3f114;border-radius:999px;position:absolute}.ecosystem-principle-media__fallback:before{aspect-ratio:1;width:min(34vw,360px);transform:translate(40%,-25%)}.ecosystem-principle-media__fallback:after{aspect-ratio:1;width:min(20vw,210px);transform:translate(-120%,70%)}.ecosystem-principle-media__fallback svg{z-index:1;filter:drop-shadow(0 8px 20px #0b101859);position:relative}.ecosystem-principle-card__overlay{z-index:-1;background:linear-gradient(90deg,#08121bfa 0%,#08121bf0 38%,#08121b94 68%,#08121b33),linear-gradient(#0000 42%,#0b10188f)}.ecosystem-principle-card--accent-purple{border-color:#738ebf57}.ecosystem-principle-card--accent-purple .ecosystem-principle-card__overlay{background:linear-gradient(90deg,#0b1018fa 0%,#101723eb 40%,#1017237a 70%,#08121b1f),linear-gradient(#0000 42%,#0b10189e)}.ecosystem-principle-card__content{z-index:1;align-content:center;gap:10px;width:min(64%,700px);padding:clamp(22px,4vw,42px);display:grid;position:relative}.ecosystem-principle-card__eyebrow{color:#d8e5f3;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;width:fit-content;font-size:.7rem;font-weight:900;display:inline-flex}.ecosystem-principle-card__eyebrow svg{color:#cecfc9}.ecosystem-principle-card h2{color:#f3f3f1;letter-spacing:-.035em;text-shadow:0 6px 24px #0b101852;max-width:620px;font-size:clamp(1.52rem,3.4vw,2.6rem);line-height:1.02}.ecosystem-principle-card__content>p{color:#ebf2f9;text-wrap:pretty;text-shadow:0 3px 18px #0b10188c;white-space:pre-wrap;max-width:700px;font-size:clamp(.94rem,1.55vw,1.12rem);line-height:1.58}.ecosystem-principle-card__content .button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1927ad;border-color:#d8e5f352;width:fit-content;margin-top:3px}.ecosystem-principle-card--hero{min-height:clamp(280px,30vw,340px)}.ecosystem-principle-card--hero .ecosystem-principle-card__content{width:min(61%,720px)}.ecosystem-principle-card--horizontal,.ecosystem-principle-card--carousel{min-height:clamp(250px,28vw,310px)}.ecosystem-principle-card--compact{min-height:205px}.ecosystem-principle-card--compact .ecosystem-principle-card__content{gap:7px;width:min(72%,760px);padding:clamp(18px,3vw,28px)}.ecosystem-principle-card--compact h2{font-size:clamp(1.3rem,2.5vw,1.85rem)}.ecosystem-principle-card--compact .ecosystem-principle-card__content>p{font-size:clamp(.88rem,1.35vw,1rem)}.ecosystem-principle-card--compact .button{min-height:38px}.ecosystem-principle-card--sidebar{min-height:330px}.ecosystem-principle-card--sidebar .ecosystem-principle-card__overlay{background:linear-gradient(#08121b2e,#101723f0 46%,#08121bfc 97%)}.ecosystem-principle-card--sidebar .ecosystem-principle-card__content{align-content:end;width:100%;padding:20px}.ecosystem-principle-card--sidebar h2{font-size:1.45rem}.ecosystem-principle-card--sidebar .ecosystem-principle-card__content>p{font-size:.9rem;line-height:1.5}.ecosystem-principle-card--sidebar .button{width:100%}.ecosystem-principle-carousel__controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.ecosystem-principle-carousel__indicators{justify-content:center;align-items:center;gap:7px;display:flex}.ecosystem-principle-carousel__indicators button{cursor:pointer;background:#f3f3f114;border:1px solid #b1cbe780;border-radius:999px;width:10px;height:10px;transition:background .18s,transform .18s,width .18s}.ecosystem-principle-carousel__indicators button:hover{background:#d8e5f370}.ecosystem-principle-carousel__indicators button.is-active{background:linear-gradient(90deg,#8ab1db,#738ebf);border-color:#d8e5f3;width:26px}.ecosystem-principle-carousel__indicators button:focus-visible{outline-offset:3px;outline:2px solid #8ab1db}.ecosystem-principle-modal__media{border-radius:calc(var(--radius-card) - 1px);background:#0c1927;border:1px solid #b1cbe733;min-height:clamp(210px,42vw,340px);position:relative;overflow:hidden}.ecosystem-principle-modal__media picture,.ecosystem-principle-modal__media img,.ecosystem-principle-modal__media video{width:100%;height:100%;display:block}.ecosystem-principle-modal__media picture{z-index:1;position:absolute;inset:0}.ecosystem-principle-modal__media img,.ecosystem-principle-modal__media video{object-fit:cover}.ecosystem-principle-modal__content{background:linear-gradient(90deg,#3c7dc317,#0000);border-left:3px solid #d8e5f3ad;gap:9px;padding:14px 16px;display:grid}.ecosystem-principle-modal__content>p,.ecosystem-principle-modal__content~p{color:#ebf2f9;white-space:pre-wrap;line-height:1.65}.enrollment-aside-stack{align-content:start;gap:14px;min-width:0;display:grid}.admin-principles-layout{align-items:start;gap:18px;display:grid}.admin-principles-form{min-width:0}.admin-principles-placements{border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:14px;display:grid}.admin-principles-placements legend{color:var(--text);padding:0 6px;font-size:.82rem;font-weight:800}.admin-principles-uploads{gap:10px;display:grid}.admin-principles-upload{border:1px solid var(--line);border-radius:var(--radius-control);background:#f3f3f106;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:11px;display:grid}.admin-principles-upload label{min-width:0;color:var(--muted);gap:7px;font-size:.78rem;font-weight:750;display:grid}.admin-principles-upload input{width:100%;min-width:0;color:var(--muted);font-size:.76rem}.admin-principles-upload input::file-selector-button{color:#d8e5f3;cursor:pointer;background:#3c7dc32e;border:0;border-radius:7px;margin-right:9px;padding:8px 10px}.admin-principles-list{gap:10px;min-width:0;display:grid}.admin-principles-list .admin-item{align-items:start;gap:9px;display:grid}.admin-principles-list .admin-item>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-principles-list .admin-item p{color:#d8e5f3;white-space:pre-wrap;font-size:.82rem;line-height:1.5}.admin-principles-list .admin-item small{color:var(--muted);line-height:1.45}.admin-principles-preview{border-top:1px solid var(--line);gap:14px;padding-top:20px;display:grid}.ecosystem-principle-card--artwork,.ecosystem-principle-card--artwork.ecosystem-principle-card--hero,.ecosystem-principle-card--artwork.ecosystem-principle-card--horizontal,.ecosystem-principle-card--artwork.ecosystem-principle-card--compact,.ecosystem-principle-card--artwork.ecosystem-principle-card--carousel,.ecosystem-principle-card--artwork.ecosystem-principle-card--sidebar{background:var(--color-ink-black-950);aspect-ratio:1680/941;min-height:0}.ecosystem-principle-card--artwork .ecosystem-principle-card__overlay,.ecosystem-principle-card--artwork .ecosystem-principle-card__content{display:none}.ecosystem-principle-card--artwork .ecosystem-principle-card__media img{object-fit:contain;filter:none}.ecosystem-principle-card--artwork:hover .ecosystem-principle-card__media img{transform:none}@keyframes ecosystemPrincipleEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=960px){.admin-principles-layout{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr)}.admin-principles-list{max-height:calc(100dvh - 104px);padding-right:4px;position:sticky;top:82px;overflow:auto}}@media (width<=720px){.ecosystem-principle-card__content,.ecosystem-principle-card--hero .ecosystem-principle-card__content,.ecosystem-principle-card--compact .ecosystem-principle-card__content{width:min(78%,620px)}.ecosystem-principle-card__overlay,.ecosystem-principle-card--accent-purple .ecosystem-principle-card__overlay{background:linear-gradient(90deg,#08121bf7,#101723e0 62%,#08121b7a),linear-gradient(#0000 42%,#0b1018ad)}}@media (width<=560px){.ecosystem-principle-section{gap:11px}.ecosystem-principle-section__heading{align-items:start}.ecosystem-principle-card,.ecosystem-principle-card--hero,.ecosystem-principle-card--horizontal,.ecosystem-principle-card--compact,.ecosystem-principle-card--carousel,.ecosystem-principle-card--sidebar{min-height:385px}.ecosystem-principle-card__overlay,.ecosystem-principle-card--accent-purple .ecosystem-principle-card__overlay,.ecosystem-principle-card--sidebar .ecosystem-principle-card__overlay{background:linear-gradient(#08121b29 16%,#0b1018f7 52%,#0b1018fe 96%)}.ecosystem-principle-card__content,.ecosystem-principle-card--hero .ecosystem-principle-card__content,.ecosystem-principle-card--compact .ecosystem-principle-card__content,.ecosystem-principle-card--sidebar .ecosystem-principle-card__content{align-content:end;gap:8px;width:100%;padding:18px 16px}.ecosystem-principle-card h2,.ecosystem-principle-card--compact h2,.ecosystem-principle-card--sidebar h2{font-size:clamp(1.35rem,7vw,1.72rem)}.ecosystem-principle-card__content>p,.ecosystem-principle-card--compact .ecosystem-principle-card__content>p,.ecosystem-principle-card--sidebar .ecosystem-principle-card__content>p{font-size:.9rem;line-height:1.5}.ecosystem-principle-card__content .button{width:100%}.ecosystem-principle-carousel__controls .button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ecosystem-principle-carousel__controls .button{width:42px;min-height:42px;padding:0}.admin-principles-placements,.admin-principles-upload{grid-template-columns:1fr}.admin-principles-upload .button{width:100%}}@media (prefers-reduced-motion:reduce){.ecosystem-principle-card{transition:none;animation:none}.ecosystem-principle-card:hover{transform:none}.ecosystem-principle-card__media img,.ecosystem-principle-carousel__indicators button{transition:none}.ecosystem-principle-card:hover .ecosystem-principle-card__media img{transform:none}}
