:root{--background:#060b17;--background-soft:#0a1122;--surface:#10182d;--surface-light:#17213d;--border:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.15);--text:#f7f9ff;--muted:#98a6c4;--cyan:#32d3ff;--blue:#5f7cff;--purple:#a76bff;--green:#48d597;--red:#ff6d7a;--shadow:0 24px 70px rgba(0,0,0,0.35);} *{box-sizing:border-box;} html{scroll-behavior:smooth;scrollbar-gutter:stable;} body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient( circle at 10% 0%,rgba(50,211,255,0.08),transparent 28% ),radial-gradient( circle at 90% 8%,rgba(167,107,255,0.09),transparent 30% ),var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} button,input,select{font:inherit;} button{color:inherit;} button,a{-webkit-tap-highlight-color:transparent;} button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(50,211,255,0.28);outline-offset:3px;} [hidden]{display:none !important;} .topbar{position:sticky;top:0;z-index:100;min-height:82px;padding:12px clamp(20px,4vw,55px);display:flex;align-items:center;gap:30px;border-top:4px solid rgba(50,211,255,0.45);border-bottom:1px solid var(--border);background:rgba(6,11,23,0.94);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);} .brand{min-width:max-content;padding:4px 9px 4px 4px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:18px;color:inherit;background:transparent;text-align:left;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;} .brand:hover{border-color:rgba(50,211,255,0.15);background:rgba(50,211,255,0.055);transform:translateY(-1px);} .brand.active,.brand[aria-current="page"]{border-color:rgba(50,211,255,0.2);background:rgba(50,211,255,0.075);box-shadow:inset 0 0 0 1px rgba(50,211,255,0.03);} .brand:active{transform:translateY(0);} .brand-logo{width:50px;height:50px;padding:5px;display:grid;place-items:center;border:1px solid rgba(50,211,255,0.25);border-radius:15px;background:rgba(50,211,255,0.08);} .brand-logo img{width:100%;height:100%;object-fit:contain;} .brand-copy small,.brand-copy strong{display:block;} .brand-copy small{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:0.13em;text-transform:uppercase;} .brand-copy strong{margin-top:3px;font-size:15px;} .top-navigation{margin-left:auto;display:flex;align-items:center;gap:6px;} .nav-link,.dropdown-toggle{min-height:43px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:13px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:850;transition:color 0.2s ease,border-color 0.2s ease,background 0.2s ease;} .nav-link:hover,.nav-link.active,.dropdown-toggle:hover,.nav-dropdown.active .dropdown-toggle,.nav-dropdown.open .dropdown-toggle{color:var(--text);border-color:rgba(50,211,255,0.18);background:rgba(50,211,255,0.08);} .mobile-menu-button{display:none;width:44px;height:44px;margin-left:auto;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,0.04);cursor:pointer;} .nav-dropdown{position:relative;} .dropdown-arrow{display:inline-block;color:var(--cyan);transition:transform 0.2s ease;} .nav-dropdown.open .dropdown-arrow{transform:rotate(180deg);} .dropdown-menu{position:absolute;top:calc(100% + 11px);right:0;z-index:150;width:270px;padding:8px;visibility:hidden;opacity:0;border:1px solid var(--border-strong);border-radius:17px;background:rgba(16,24,45,0.98);box-shadow:0 22px 55px rgba(0,0,0,0.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(-8px);pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease;} .nav-dropdown.open .dropdown-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;} .dropdown-menu::before{content:"";position:absolute;top:-6px;right:29px;width:12px;height:12px;border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);background:#10182d;transform:rotate(45deg);} .dropdown-item{width:100%;min-height:67px;padding:11px 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:12px;color:var(--text);background:transparent;cursor:pointer;text-align:left;transition:background 0.2s ease;} .dropdown-item:hover,.dropdown-item.active{background:rgba(50,211,255,0.08);} .dropdown-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:var(--cyan);background:rgba(50,211,255,0.1);font-size:15px;} .dropdown-item strong,.dropdown-item small{display:block;} .dropdown-item strong{font-size:12px;} .dropdown-item small{margin-top:4px;color:var(--muted);font-size:9px;} .page-shell{width:min(1250px,calc(100% - 40px));min-height:calc(100vh - 190px);margin:0 auto;padding:80px 0 40px;} .view-panel{opacity:0;transform:translate3d(0,5px,0);transition:opacity 0.16s ease-out,transform 0.16s ease-out;will-change:opacity,transform;} .view-panel.active{opacity:1;transform:translate3d(0,0,0);} .section-heading{max-width:760px;margin:0 auto 35px;text-align:center;} .eyebrow,.panel-kicker{color:var(--cyan);font-size:10px;font-weight:950;letter-spacing:0.15em;text-transform:uppercase;} .section-heading h1{margin:9px 0 10px;font-size:clamp(38px,6vw,58px);line-height:1.05;letter-spacing:-0.055em;} .section-heading p{margin:0;color:var(--muted);line-height:1.7;} .home-public-page{display:grid;gap:24px;} .home-main-banner{position:relative;min-height:380px;padding:clamp(35px,6vw,70px);overflow:hidden;display:flex;align-items:center;border:1px solid rgba(50,211,255,0.2);border-radius:30px;background:linear-gradient( 115deg,rgba(8,15,34,0.98),rgba(14,26,58,0.87) );box-shadow:var(--shadow);} .home-main-banner::before{content:"";position:absolute;inset:0;background:linear-gradient( rgba(50,211,255,0.025) 1px,transparent 1px ),linear-gradient( 90deg,rgba(50,211,255,0.025) 1px,transparent 1px );background-size:28px 28px;pointer-events:none;} .home-banner-overlay{position:absolute;inset:0;background:radial-gradient( circle at 80% 20%,rgba(95,124,255,0.25),transparent 35% );} .home-banner-content{position:relative;z-index:2;max-width:720px;} .home-banner-content h1{margin:10px 0 14px;font-size:clamp(48px,8vw,86px);line-height:0.95;letter-spacing:-0.065em;} .home-banner-content p{max-width:650px;margin:0;color:#bdc7dc;font-size:16px;line-height:1.75;} .home-banner-badges{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px;} .home-banner-badges>span{min-height:38px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;color:#c8d2e6;background:rgba(255,255,255,0.045);font-size:10px;font-weight:850;} .live-indicator{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(72,213,151,0.1);} .home-discord-section{display:flex;} .home-discord-card{width:min(520px,100%);min-height:185px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(95,124,255,0.28);border-radius:23px;color:var(--text);background:linear-gradient( 135deg,rgba(95,124,255,0.11),rgba(167,107,255,0.07) ),rgba(16,24,45,0.9);box-shadow:0 15px 45px rgba(0,0,0,0.2);text-decoration:none;transition:transform 0.2s ease,border-color 0.2s ease;} .home-discord-card:hover{transform:translateY(-4px);border-color:rgba(95,124,255,0.5);} .home-discord-copy h2{margin:5px 0;font-size:33px;letter-spacing:-0.04em;} .home-discord-copy p{margin:0;color:var(--muted);line-height:1.6;} .home-discord-copy>strong{display:block;margin-top:7px;color:#dce2ff;font-size:11px;} .home-discord-logo{position:relative;width:100px;height:100px;flex:0 0 100px;display:flex;align-items:center;justify-content:center;gap:18px;border-radius:50%;color:#ffffff;background:linear-gradient( 145deg,#7289ff,#5865f2 );box-shadow:0 16px 35px rgba(88,101,242,0.25);} .home-discord-logo>span{width:14px;height:14px;border-radius:50%;background:#ffffff;} .home-discord-logo>b{position:absolute;bottom:23px;font-size:27px;} .home-showcase-section,.home-payment-section,.home-membership-section{padding:clamp(25px,4vw,38px);border:1px solid var(--border);border-radius:25px;background:rgba(16,24,45,0.86);box-shadow:0 14px 45px rgba(0,0,0,0.18);} .home-section-heading,.home-payment-heading{margin-bottom:27px;text-align:center;} .home-section-heading h2,.home-payment-heading h2{margin:7px 0;font-size:clamp(27px,4vw,38px);letter-spacing:-0.04em;} .home-section-heading p{max-width:680px;margin:0 auto;color:var(--muted);line-height:1.65;} .home-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .home-admin-card{min-height:250px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,0.025);text-align:center;transition:transform 0.2s ease,border-color 0.2s ease;} .home-admin-card:hover{transform:translateY(-4px);border-color:rgba(50,211,255,0.24);} .home-admin-avatar{width:85px;height:85px;display:grid;place-items:center;border:5px solid rgba(255,255,255,0.07);border-radius:25px;color:#07101f;font-size:28px;font-weight:950;} .home-avatar-cyan{background:linear-gradient(145deg,var(--cyan),var(--blue));} .home-avatar-purple{background:linear-gradient(145deg,#cf90ff,var(--purple));} .home-avatar-orange{background:linear-gradient(145deg,#ffc16f,#ff9b54);} .home-admin-card h3{margin:17px 0 4px;font-size:18px;} .home-admin-card>span{color:var(--cyan);font-size:12px;font-weight:900;} .home-admin-card small{margin-top:5px;color:var(--muted);} .home-slider-dots{margin-top:20px;display:flex;justify-content:center;gap:8px;} .home-slider-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.25);} .home-slider-dots span.active{background:var(--purple);} .home-payment-section{background:linear-gradient( 145deg,rgba(50,211,255,0.045),rgba(95,124,255,0.04) ),rgba(16,24,45,0.88);} .home-payment-high{border-color:rgba(167,107,255,0.2);} .home-payment-heading h2 b{color:var(--cyan);font-size:0.7em;} .home-payment-heading small{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:0.15em;text-transform:uppercase;} .home-schedule-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;} .home-schedule-card{min-height:205px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,0.035);text-align:center;transition:transform 0.2s ease,background 0.2s ease;} .home-schedule-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.055);} .home-schedule-card h3{min-height:38px;margin:0;color:#c9d2e4;font-size:12px;} .country-flag{margin:20px 0;font-size:42px;filter:drop-shadow(0 8px 12px rgba(0,0,0,0.25));} .home-schedule-card strong{padding:8px 12px;border:1px solid rgba(50,211,255,0.15);border-radius:999px;color:#d8e3f6;background:rgba(50,211,255,0.07);font-size:11px;} .home-membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} .home-membership-card{min-height:180px;padding:23px;display:grid;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,0.03);} .membership-symbol{width:65px;height:65px;display:grid;place-items:center;border-radius:19px;color:#f8cf62;background:rgba(248,207,98,0.1);font-size:26px;} .membership-symbol.purple{color:var(--purple);background:rgba(167,107,255,0.12);} .home-membership-card h3{margin:0;font-size:20px;} .home-membership-card div>span{display:block;margin-top:5px;color:var(--cyan);font-size:10px;font-weight:850;} .home-membership-card p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.6;} .home-showcase-section,.home-payment-section,.home-membership-section{content-visibility:auto;contain-intrinsic-size:1px 520px;} .home-admin-card,.home-schedule-card,.home-membership-card,.rank-card,.calculator-card,.calculator-result{contain:layout paint;} .auth-modal-dialog{contain:layout paint;} .auth-modal{contain:layout paint;} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .view-panel,.auth-modal,.auth-modal-dialog,.brand,.nav-link,.dropdown-toggle,.dropdown-menu{transition:none !important;animation:none !important;}} .auth-grid,.register-layout{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:20px;} .form-card,.information-card,.rank-card,.calculator-card,.calculator-result{border:1px solid var(--border);background:rgba(16,24,45,0.88);box-shadow:0 15px 45px rgba(0,0,0,0.18);} .form-card,.information-card{padding:clamp(25px,4vw,39px);border-radius:23px;} .card-heading{margin-bottom:26px;display:flex;align-items:center;gap:13px;} .card-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;color:var(--cyan);background:rgba(50,211,255,0.11);font-size:18px;font-weight:900;} .card-icon.purple{color:#d5b7ff;background:rgba(167,107,255,0.13);} .card-heading h2,.information-card h2{margin:0;font-size:23px;} .card-heading p,.information-card>p{margin:5px 0 0;color:var(--muted);line-height:1.6;} .field{margin-bottom:17px;display:grid;gap:8px;} .field label{color:#d8dfeb;font-size:11px;font-weight:850;} .input-container{min-height:53px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:15px;background:#091225;transition:border-color 0.2s ease,box-shadow 0.2s ease;} .input-container:focus-within{border-color:rgba(50,211,255,0.45);box-shadow:0 0 0 4px rgba(50,211,255,0.08);} .input-icon{color:var(--cyan);font-size:11px;} .input-container input{width:100%;border:0;outline:0;color:#ffffff;background:transparent;} .input-container input::placeholder{color:#64728e;} .password-button{padding:7px 9px;border:0;border-radius:8px;color:#a7e5fa;background:transparent;cursor:pointer;font-size:10px;font-weight:900;} .password-button:hover{background:rgba(50,211,255,0.08);} .remember-option{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;cursor:pointer;} .remember-option input{accent-color:var(--cyan);} .form-message{min-height:22px;margin:11px 0 5px;font-size:11px;} .form-message.error{color:#ff9da7;} .form-message.success{color:#7ce7b2;} .submit-button{width:100%;min-height:52px;border:0;border-radius:15px;color:#06121d;background:linear-gradient( 135deg,var(--cyan),#68bdff );cursor:pointer;font-weight:950;transition:transform 0.2s ease,opacity 0.2s ease;} .submit-button:hover{transform:translateY(-2px);} .submit-button:disabled{cursor:wait;opacity:0.6;transform:none;} .information-card{background:linear-gradient( 145deg,rgba(50,211,255,0.07),rgba(167,107,255,0.04) ),rgba(16,24,45,0.88);} .information-card h2{margin-top:8px;font-size:30px;letter-spacing:-0.04em;} .access-list{margin-top:25px;display:grid;gap:12px;} .access-list>div{padding:13px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,0.07);border-radius:14px;background:rgba(255,255,255,0.025);} .access-list>div>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;color:#06121d;background:var(--green);font-size:11px;font-weight:950;} .access-list strong,.access-list small{display:block;} .access-list small{margin-top:4px;color:var(--muted);font-size:10px;} .demo-account,.local-warning,.assigned-rank{margin-top:23px;padding:14px;border-radius:14px;background:rgba(50,211,255,0.07);} .demo-account{display:grid;gap:4px;} .demo-account strong{color:#ccefff;font-size:11px;} .demo-account span{color:var(--muted);font-size:10px;} .local-warning{color:#b6c5df;font-size:11px;line-height:1.6;} .assigned-rank{margin:0 0 5px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;} .assigned-rank strong{color:var(--cyan);font-size:12px;} .rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;} .rank-card{min-height:130px;padding:20px;display:flex;align-items:center;gap:15px;border-radius:19px;transition:transform 0.2s ease,border-color 0.2s ease;} .rank-card:hover{transform:translateY(-4px);border-color:rgba(50,211,255,0.23);} .rank-number{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;color:var(--cyan);background:rgba(50,211,255,0.1);font-size:11px;font-weight:950;} .rank-card strong,.rank-card small{display:block;} .rank-card strong{font-size:15px;} .rank-card small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5;} .calculator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,0.8fr);gap:20px;} .calculator-card,.calculator-result{padding:clamp(25px,4vw,38px);border-radius:23px;} .calculator-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:15px;} .field select{width:100%;min-height:53px;padding:0 14px;border:1px solid var(--border);border-radius:15px;outline:0;color:var(--text);background:#091225;cursor:pointer;} .field select:focus{border-color:rgba(50,211,255,0.45);box-shadow:0 0 0 4px rgba(50,211,255,0.08);} .field select option{color:var(--text);background:#10182d;} .change-arrow{height:53px;display:grid;place-items:center;color:var(--cyan);font-size:24px;} .calculate-button{margin-top:8px;} .calculator-result{display:flex;flex-direction:column;justify-content:center;background:linear-gradient( 145deg,rgba(50,211,255,0.09),rgba(167,107,255,0.07) ),rgba(16,24,45,0.9);} .result-label{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:0.13em;text-transform:uppercase;} .calculator-result>strong{margin-top:10px;font-size:clamp(37px,5vw,55px);letter-spacing:-0.055em;} .calculator-result>p{margin:8px 0 0;color:var(--muted);line-height:1.6;} .result-details{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;} .result-details div{padding:13px;border:1px solid rgba(255,255,255,0.07);border-radius:14px;background:rgba(255,255,255,0.035);} .result-details span,.result-details strong{display:block;} .result-details span{color:var(--muted);font-size:9px;} .result-details strong{margin-top:5px;font-size:12px;} .calculator-note{margin:18px 0 0;color:var(--muted);font-size:10px;text-align:center;} .footer{width:min(1250px,calc(100% - 40px));margin:20px auto 0;padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);color:var(--muted);font-size:10px;} .footer>span{margin-left:auto;text-align:right;} .footer strong,.footer span{display:block;} .footer strong{margin-bottom:4px;color:var(--text);font-size:12px;} @media (max-width:1050px){.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .calculator-layout{grid-template-columns:1fr;} .home-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media (max-width:760px){.topbar{min-height:72px;padding:10px 14px;flex-wrap:wrap;} .brand-logo{width:44px;height:44px;} .brand-copy small{display:none;} .brand-copy strong{font-size:13px;} .mobile-menu-button{display:grid;place-items:center;} .top-navigation{width:100%;max-height:0;margin:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;transition:max-height 0.25s ease,padding 0.25s ease;} .top-navigation.open{max-height:520px;padding-top:10px;} .nav-link{width:100%;background:rgba(255,255,255,0.035);} .nav-dropdown{position:static;grid-column:1 / -1;width:100%;} .dropdown-toggle{width:100%;background:rgba(255,255,255,0.035);} .dropdown-menu{position:static;width:100%;max-height:0;margin:0;padding:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;visibility:visible;opacity:1;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;pointer-events:none;transition:max-height 0.25s ease,margin-top 0.25s ease;} .nav-dropdown.open .dropdown-menu{max-height:180px;margin-top:6px;transform:none;pointer-events:auto;} .dropdown-menu::before{display:none;} .dropdown-item{min-height:66px;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.025);} .page-shell{width:calc(100% - 26px);padding-top:55px;} .section-heading h1{font-size:39px;} .auth-grid,.register-layout{grid-template-columns:1fr;} .rank-grid{grid-template-columns:1fr;} .calculator-fields{grid-template-columns:1fr;} .change-arrow{height:25px;transform:rotate(90deg);} .footer{width:calc(100% - 26px);align-items:flex-start;flex-direction:column;} .home-main-banner{min-height:310px;padding:35px 24px;} .home-banner-content h1{font-size:50px;} .home-admin-grid,.home-membership-grid{grid-template-columns:1fr;} .home-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .home-membership-card{grid-template-columns:60px minmax(0,1fr);} .home-membership-card .secondary-button{grid-column:1 / -1;width:100%;}} @media (max-width:470px){.brand-copy strong{display:none;} .top-navigation{grid-template-columns:1fr;} .nav-dropdown{grid-column:1;} .dropdown-menu{grid-template-columns:1fr;} .nav-dropdown.open .dropdown-menu{max-height:280px;} .section-heading h1{font-size:34px;} .form-card,.information-card,.calculator-card,.calculator-result{padding:23px 18px;} .result-details{grid-template-columns:1fr;} .home-discord-card{align-items:flex-start;flex-direction:column;} .home-discord-logo{width:78px;height:78px;flex-basis:78px;} .home-discord-logo>b{bottom:15px;} .home-schedule-grid{grid-template-columns:1fr;} .home-main-banner{border-radius:22px;} .home-banner-content h1{font-size:40px;}} body.modal-open{overflow:hidden;} .auth-modal{position:fixed;inset:0;z-index:500;padding:22px;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity 0.12s linear;} .auth-modal.open{opacity:1;pointer-events:auto;} .auth-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,15,0.82);} .auth-modal-dialog{position:relative;z-index:2;width:min(500px,100%);max-height:calc(100vh - 44px);padding:clamp(24px,4vw,36px);overflow-y:auto;border:1px solid var(--border-strong);border-radius:25px;background:#10182d;box-shadow:0 18px 48px rgba(0,0,0,0.38);opacity:0;transform:translate3d(0,8px,0);transition:opacity 0.13s ease-out,transform 0.13s ease-out;} .auth-modal.open .auth-modal-dialog{opacity:1;transform:translate3d(0,0,0);} .auth-modal-dialog-large{width:min(560px,100%);} .auth-modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:rgba(255,255,255,0.04);cursor:pointer;font-size:25px;line-height:1;transition:color 0.2s ease,background 0.2s ease,transform 0.2s ease;} .auth-modal-close:hover{color:var(--text);background:rgba(255,109,122,0.12);transform:rotate(4deg);} .auth-modal-header{margin-bottom:26px;padding-right:42px;display:flex;align-items:center;gap:14px;} .auth-modal-header h2{margin:6px 0 5px;font-size:clamp(25px,5vw,34px);letter-spacing:-0.045em;} .auth-modal-header p{margin:0;color:var(--muted);line-height:1.55;} .auth-modal-demo{margin-top:19px;padding:13px 14px;display:grid;gap:4px;border:1px solid rgba(50,211,255,0.1);border-radius:14px;background:rgba(50,211,255,0.06);} .auth-modal-demo strong{color:#ccefff;font-size:11px;} .auth-modal-demo span{color:var(--muted);font-size:10px;} .auth-modal-switch{margin-top:18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:11px;} .auth-modal-switch button{padding:0;border:0;color:var(--cyan);background:transparent;cursor:pointer;font-weight:900;} .auth-modal-switch button:hover{text-decoration:underline;} @media (max-width:560px){.auth-modal{padding:10px;} .auth-modal-dialog{max-height:calc(100vh - 20px);padding:24px 18px;border-radius:21px;} .auth-modal-header{align-items:flex-start;} .auth-modal-header .card-icon{width:40px;height:40px;flex-basis:40px;}} .verification-start-button{width:100%;min-height:48px;margin-bottom:16px;border:1px solid rgba(50,211,255,0.25);border-radius:14px;color:#ccefff;background:rgba(50,211,255,0.08);cursor:pointer;font-weight:900;} .verification-start-button:hover{background:rgba(50,211,255,0.13);} .verification-panel{margin-bottom:18px;padding:17px;border:1px solid rgba(50,211,255,0.18);border-radius:17px;background:rgba(6,14,30,0.58);} .verification-user-preview{margin-bottom:15px;display:flex;align-items:center;gap:12px;} .verification-user-preview img{width:58px;height:76px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;} .verification-user-preview span,.verification-user-preview strong{display:block;} .verification-user-preview span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:0.12em;} .verification-user-preview strong{margin-top:4px;font-size:17px;} .verification-instructions{display:flex;align-items:flex-start;gap:10px;} .verification-instructions p{margin:0;color:#c4cee0;font-size:11px;line-height:1.55;} .verification-step{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:9px;color:#06121d;background:var(--cyan);font-size:10px;font-weight:950;} .verification-code-row{margin:13px 0 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;} .verification-code-row code{min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed rgba(50,211,255,0.38);border-radius:13px;color:#ffffff;background:#071123;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(17px,4vw,22px);font-weight:950;letter-spacing:0.14em;} .verification-code-row button,.verification-actions button{min-height:44px;padding:0 13px;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:10px;font-weight:900;} .verification-code-row button{color:var(--cyan);background:rgba(50,211,255,0.08);} .verification-expiry{margin:0 0 16px;color:var(--muted);font-size:10px;text-align:center;} .verification-expiry strong{color:#ffffff;} .verification-actions{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;} .verification-check-button{color:#06121d;background:linear-gradient(135deg,var(--green),#7deab4);} .verification-regenerate-button{color:#d1daeb;background:rgba(255,255,255,0.045);} .verification-status{min-height:20px;margin-top:11px;font-size:10px;line-height:1.5;text-align:center;} .verification-status.loading{color:#b8dfff;} .verification-status.success{color:#7ce7b2;} .verification-status.error{color:#ff9da7;} .registration-password-fields{margin:0;padding:0;border:0;transition:opacity 0.18s ease;} .registration-password-fields[disabled]{opacity:0.42;} .registration-password-fields legend{width:100%;margin-bottom:12px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;} .secure-warning{border:1px solid rgba(72,213,151,0.1);background:rgba(72,213,151,0.055);} @media (max-width:520px){.verification-code-row,.verification-actions{grid-template-columns:1fr;}} .dashboard-menu-group{position:relative;} .dashboard-menu-toggle{min-height:43px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);font-weight:850;transition:0.2s ease;} .dashboard-menu-toggle>span{color:var(--cyan);font-size:12px;} .dashboard-menu-toggle>b{color:var(--cyan);font-size:13px;transition:transform 0.2s ease;} .dashboard-menu-toggle:hover,.dashboard-menu-group.open .dashboard-menu-toggle,.dashboard-menu-group.active .dashboard-menu-toggle{color:var(--text);border-color:rgba(95,124,255,0.25);background:rgba(95,124,255,0.16);} .dashboard-menu-group.open .dashboard-menu-toggle>b{transform:rotate(180deg);} .dashboard-dropdown{position:absolute;top:calc(100% + 12px);left:50%;z-index:90;width:285px;padding:8px;display:grid;gap:4px;visibility:hidden;opacity:0;border:1px solid var(--border-strong);border-radius:18px;background:rgba(16,24,45,0.98);box-shadow:0 24px 65px rgba(0,0,0,0.48);backdrop-filter:blur(18px);transform:translateX(-50%) translateY(-8px);pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease;} .dashboard-dropdown::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);background:#10182d;transform:translateX(-50%) rotate(45deg);} .dashboard-menu-group.open .dashboard-dropdown{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;} .dashboard-dropdown button{width:100%;min-height:63px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:13px;background:transparent;color:var(--text);text-align:left;transition:0.2s ease;} .dashboard-dropdown button:hover,.dashboard-dropdown button.active{background:rgba(50,211,255,0.08);} .dashboard-dropdown button>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:var(--cyan);background:rgba(50,211,255,0.1);font-weight:900;} .dashboard-dropdown button strong,.dashboard-dropdown button small{display:block;} .dashboard-dropdown button strong{font-size:12px;} .dashboard-dropdown button small{margin-top:4px;color:var(--muted);font-size:9px;} .dashboard-dropdown .dashboard-logout-item{margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 13px 13px;} .dashboard-dropdown .dashboard-logout-item>span{color:#ffb3bb;background:rgba(255,109,122,0.12);} .admin-only-menu[hidden]{display:none !important;} .admin-dashboard-dropdown{left:auto;right:0;width:390px;max-height:min(720px,calc(100vh - 115px));padding:10px;overflow-x:hidden;overflow-y:auto;transform:translateY(-8px);scrollbar-width:thin;scrollbar-color:rgba(50,211,255,0.35) transparent;} .admin-dashboard-dropdown::-webkit-scrollbar{width:7px;} .admin-dashboard-dropdown::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(50,211,255,0.28);} .admin-dashboard-dropdown::before{right:27px;left:auto;transform:rotate(45deg);} .dashboard-menu-group.open .admin-dashboard-dropdown{transform:translateY(0);} .admin-dropdown-header{margin-bottom:5px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(50,211,255,0.13);border-radius:14px;background:linear-gradient(135deg,rgba(50,211,255,0.08),rgba(167,107,255,0.07)),rgba(255,255,255,0.025);} .admin-dropdown-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;color:var(--yellow);background:rgba(248,207,98,0.11);font-size:19px;} .admin-dropdown-header strong,.admin-dropdown-header small{display:block;} .admin-dropdown-header strong{font-size:13px;} .admin-dropdown-header small{margin-top:4px;color:var(--muted);font-size:9px;} .admin-submenu-group{border-bottom:1px solid rgba(255,255,255,0.055);} .admin-submenu-group:last-child{border-bottom:0;} .admin-dashboard-dropdown .admin-submenu-toggle{min-height:68px;} .admin-submenu-toggle>div{min-width:0;flex:1;} .admin-dashboard-dropdown .admin-submenu-toggle>b{margin-left:auto;color:var(--cyan);font-size:13px;transition:transform 0.2s ease;} .admin-submenu-group.open .admin-submenu-toggle{background:rgba(50,211,255,0.075);} .admin-submenu-group.open .admin-submenu-toggle>b{transform:rotate(180deg);} .admin-submenu-list{max-height:0;overflow:hidden;display:grid;gap:3px;opacity:0;pointer-events:none;transition:max-height 0.28s ease,opacity 0.2s ease,padding 0.2s ease;} .admin-submenu-group.open .admin-submenu-list{max-height:620px;padding:0 0 7px 18px;opacity:1;pointer-events:auto;} .admin-dashboard-dropdown .admin-submenu-list button{min-height:56px;padding:8px 10px;border-left:1px solid rgba(50,211,255,0.14);border-radius:0 12px 12px 0;} .admin-dashboard-dropdown .admin-submenu-list button>span{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:10px;} .admin-dashboard-dropdown .admin-submenu-list button strong{font-size:11px;} .admin-dashboard-dropdown .admin-submenu-list button small{font-size:8px;}:root{--bg:#080a0f;--bg-soft:#0d1119;--background:#080a0f;--background-soft:#0d1119;--surface:#121722;--surface-2:#171d29;--surface-3:#1d2431;--surface-light:#1a2130;--border:rgba(228,201,126,0.12);--border-strong:rgba(228,201,126,0.24);--text:#f6f2e8;--muted:#aaa696;--cyan:#dfbd63;--blue:#8ca4bd;--purple:#806a99;--green:#66c596;--orange:#d99a5b;--yellow:#efd88c;--red:#d96e79;--olympus-gold:#dfbd63;--olympus-gold-bright:#f5dfa0;--olympus-gold-dark:#8c6727;--olympus-ivory:#f6f2e8;--olympus-marble:#cbc6b9;--olympus-aegean:#6f97b7;--olympus-night:#080a0f;--shadow:0 24px 70px rgba(0,0,0,0.42);} html{scrollbar-color:rgba(223,189,99,0.45) rgba(8,10,15,0.9);} body{color:var(--text);background:radial-gradient( circle at 13% 4%,rgba(223,189,99,0.10),transparent 25% ),radial-gradient( circle at 88% 7%,rgba(111,151,183,0.10),transparent 27% ),linear-gradient( 135deg,#080a0f 0%,#0d121c 46%,#0b0c12 100% );} body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:0.11;background-image:linear-gradient( 115deg,transparent 0 42%,rgba(255,255,255,0.10) 43% 44%,transparent 45% 100% ),linear-gradient( 25deg,transparent 0 68%,rgba(223,189,99,0.08) 69% 70%,transparent 71% 100% );background-size:440px 320px,520px 380px;} body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0.035;background:repeating-linear-gradient( 90deg,transparent 0 22px,var(--olympus-gold) 22px 25px,transparent 25px 34px,var(--olympus-gold) 34px 37px,transparent 37px 59px );mask:linear-gradient( to bottom,#000 0 5px,transparent 5px calc(100% - 5px),#000 calc(100% - 5px) );} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(223,189,99,0.42);} .topbar{border-top-color:rgba(223,189,99,0.72);border-bottom-color:rgba(223,189,99,0.15);background:linear-gradient( 180deg,rgba(13,16,23,0.97),rgba(8,10,15,0.94) );box-shadow:0 12px 35px rgba(0,0,0,0.22),inset 0 -1px 0 rgba(223,189,99,0.08);} .topbar::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;pointer-events:none;opacity:0.7;background:linear-gradient( 90deg,transparent 0%,rgba(223,189,99,0.55) 12%,var(--olympus-gold) 50%,rgba(223,189,99,0.55) 88%,transparent 100% );} .brand:hover,.brand.active,.brand[aria-current="page"]{border-color:rgba(223,189,99,0.22);background:rgba(223,189,99,0.055);} .brand-mark,.brand-logo{border-color:rgba(223,189,99,0.38);background:radial-gradient( circle at 50% 32%,rgba(246,242,232,0.08),transparent 48% ),linear-gradient( 145deg,rgba(223,189,99,0.13),rgba(111,151,183,0.08) ),#10141c;box-shadow:inset 0 0 0 3px rgba(255,255,255,0.018),0 12px 30px rgba(223,189,99,0.08);} .olympus-brand-mark img,.brand-logo img{width:100%;height:100%;object-fit:contain;} .brand-copy small{color:#b7aa88;} .brand-copy strong{color:var(--olympus-ivory);} h1,h2,.page-title,.hero-title,.home-banner-content h1,.profile-main h1{color:var(--olympus-ivory);font-family:Georgia,Cambria,"Times New Roman",serif;letter-spacing:-0.025em;} h1::selection,h2::selection{color:#111;background:var(--olympus-gold-bright);} .eyebrow,.panel-kicker,.profile-eyebrow,.admin-kicker{color:var(--olympus-gold);letter-spacing:0.16em;} .dashboard-menu-toggle.active,.dashboard-menu-toggle:hover,.nav-pill.active,.nav-link:hover,.nav-link.active,.dropdown-toggle:hover,.nav-dropdown.active .dropdown-toggle,.nav-dropdown.open .dropdown-toggle{border-color:rgba(223,189,99,0.25);color:var(--olympus-ivory);background:linear-gradient( 145deg,rgba(223,189,99,0.13),rgba(111,151,183,0.06) );} .dashboard-dropdown,.dropdown-menu,.profile-menu,.notification-panel,.admin-dashboard-dropdown{border-color:rgba(223,189,99,0.18);background:linear-gradient( 155deg,rgba(21,26,36,0.99),rgba(11,14,20,0.99) );box-shadow:0 25px 65px rgba(0,0,0,0.48),inset 0 1px 0 rgba(255,255,255,0.025);} .dashboard-dropdown button:hover,.dropdown-item:hover,.profile-menu button:hover,.notification-item:hover{border-color:rgba(223,189,99,0.16);background:rgba(223,189,99,0.07);} .panel,.department-card,.profile-card,.hero-card,.work-card,.rank-card,.admin-card,.membership-card,.home-public-card,.home-main-banner,.login-modal,.register-modal,.modal-card,.permissions-table-shell,.department-modal,.fichaje-person-row,.promotion-item,.career-progress-card,.mission-admin-item{border-color:rgba(223,189,99,0.13);background:linear-gradient( 145deg,rgba(22,27,37,0.96),rgba(13,17,24,0.97) );box-shadow:inset 0 1px 0 rgba(246,242,232,0.025),0 18px 48px rgba(0,0,0,0.18);} .panel:hover,.department-card:hover,.rank-card:hover,.work-card:hover,.membership-card:hover{border-color:rgba(223,189,99,0.24);} .home-main-banner,#view-inicio .hero-section,.hero-card{position:relative;overflow:hidden;background:radial-gradient( circle at 76% 22%,rgba(223,189,99,0.17),transparent 27% ),radial-gradient( circle at 18% 0%,rgba(111,151,183,0.13),transparent 34% ),linear-gradient( 135deg,rgba(19,24,34,0.98),rgba(8,11,17,0.99) );} .home-main-banner::after,#view-inicio .hero-section::after,.hero-card::after{content:"Ω";position:absolute;right:clamp(18px,7vw,90px);bottom:-0.22em;pointer-events:none;color:rgba(223,189,99,0.055);font-family:Georgia,serif;font-size:clamp(170px,27vw,420px);line-height:1;} .home-banner-content,.hero-content{position:relative;z-index:1;} .primary-button,.hero-primary,.login-submit,.register-submit,#loginSubmitButton,#registerSubmitButton,button[type="submit"].primary-button{border-color:rgba(245,223,160,0.42);color:#17140d;background:linear-gradient( 135deg,#f5dfa0 0%,#d7ad4d 52%,#b7832d 100% );box-shadow:0 12px 28px rgba(183,131,45,0.20),inset 0 1px 0 rgba(255,255,255,0.38);} .primary-button:hover,.hero-primary:hover,.login-submit:hover,.register-submit:hover,#loginSubmitButton:hover,#registerSubmitButton:hover{filter:brightness(1.06);transform:translateY(-1px);} .secondary-button,.icon-button,.profile-chip,.notification-button{border-color:rgba(223,189,99,0.14);background:rgba(246,242,232,0.025);} .secondary-button:hover,.icon-button:hover,.profile-chip:hover{border-color:rgba(223,189,99,0.28);background:rgba(223,189,99,0.07);} input,select,textarea,.promotion-search-box>input[type="search"],.department-create-form input,.department-leader-search input,.fichaje-search{border-color:rgba(223,189,99,0.15);background:rgba(7,10,15,0.72);color:var(--olympus-ivory);} input:focus,select:focus,textarea:focus,.promotion-search-box>input[type="search"]:focus,.department-create-form input:focus,.department-leader-search input:focus{border-color:rgba(223,189,99,0.55);box-shadow:0 0 0 3px rgba(223,189,99,0.09);} .notification-badge{border-color:#0a0c11;background:#b94f59;} .department-status.online,.career-ready,.promotion-status.accepted,.fichaje-person-status.active{color:#82d1a9;} .department-role-badge,.promotion-preview,.permissions-status,.fichaje-personnel-section header b{border-color:rgba(223,189,99,0.17);background:rgba(223,189,99,0.075);color:var(--olympus-gold-bright);} .rank-number,.dashboard-rank-grid article>span,.profile-rank-badge,.admin-dropdown-icon{color:var(--olympus-gold-bright);background:linear-gradient( 145deg,rgba(223,189,99,0.14),rgba(140,103,39,0.08) );} .pixel-crown{color:var(--olympus-gold-bright);} .login-modal,.register-modal,.modal-card,.department-modal{position:relative;} .login-modal::before,.register-modal::before,.modal-card::before,.department-modal::before{content:"";position:absolute;top:0;right:24px;left:24px;height:3px;border-radius:0 0 999px 999px;background:linear-gradient( 90deg,transparent,var(--olympus-gold),transparent );} .modal-backdrop,.department-modal-backdrop{background:rgba(2,4,8,0.79);backdrop-filter:blur(7px);} footer,.public-footer{border-top-color:rgba(223,189,99,0.14);}::-webkit-scrollbar{width:11px;height:11px;}::-webkit-scrollbar-track{background:rgba(8,10,15,0.92);}::-webkit-scrollbar-thumb{border:3px solid rgba(8,10,15,0.92);border-radius:999px;background:linear-gradient( 180deg,rgba(223,189,99,0.62),rgba(140,103,39,0.58) );}::selection{color:#18140a;background:var(--olympus-gold-bright);} @media (max-width:720px){.brand-copy strong{font-size:14px;} .home-main-banner::after,#view-inicio .hero-section::after,.hero-card::after{right:-22px;font-size:210px;}} #view-fichaje .fichaje-main-card{position:relative;overflow:hidden;border:1px solid rgba(223,189,99,0.18);background:radial-gradient( circle at 50% 18%,rgba(223,189,99,0.10),transparent 36% ),linear-gradient( 145deg,rgba(22,26,34,0.98),rgba(10,13,19,0.99) );box-shadow:inset 0 1px 0 rgba(246,242,232,0.035),0 22px 55px rgba(0,0,0,0.28);} #view-fichaje .fichaje-main-card::before{content:"";position:absolute;top:0;right:28px;left:28px;height:2px;border-radius:0 0 999px 999px;background:linear-gradient( 90deg,transparent,rgba(223,189,99,0.85),transparent );} #view-fichaje .fichaje-main-card::after{content:"Ω";position:absolute;right:22px;bottom:-50px;pointer-events:none;color:rgba(223,189,99,0.035);font-family:Georgia,Cambria,"Times New Roman",serif;font-size:190px;line-height:1;} #view-fichaje .fichaje-main-card>*{position:relative;z-index:1;} #view-fichaje .fichaje-visual{color:#bcb5a5;} #view-fichaje .big-status-dot{background:#777d88;box-shadow:0 0 0 4px rgba(119,125,136,0.08);} #view-fichaje .big-status-dot.active{background:#d9b856;box-shadow:0 0 0 4px rgba(223,189,99,0.10),0 0 18px rgba(223,189,99,0.38);} #view-fichaje .fichaje-time{color:var(--olympus-ivory);text-shadow:0 3px 0 rgba(140,103,39,0.14),0 0 28px rgba(223,189,99,0.08);} #view-fichaje .fichaje-main-card p{color:#aaa696;} #view-fichaje .daily-summary{border-color:rgba(223,189,99,0.17);background:linear-gradient( 145deg,rgba(21,25,33,0.97),rgba(12,15,21,0.98) );} #view-fichaje .summary-rows>div{border-bottom-color:rgba(223,189,99,0.12);} #view-fichaje .summary-rows span{color:#aaa696;} #view-fichaje .summary-rows strong{color:var(--olympus-ivory);} #view-fichaje .compact-personal-history{gap:0;padding-top:18px;} #view-fichaje .compact-personal-history .fichaje-personnel-list{margin:0;} #view-fichaje .compact-personal-history .fichaje-person-row{border-color:rgba(223,189,99,0.14);background:linear-gradient( 145deg,rgba(18,22,30,0.96),rgba(10,13,18,0.98) );} @media (max-width:720px){#view-fichaje .fichaje-main-card::after{right:-24px;font-size:150px;}}:root{--bg:#0b1119;--bg-soft:#111a25;--background:#0b1119;--background-soft:#111a25;--surface:#152131;--surface-2:#1b2a3b;--surface-3:#22364b;--surface-light:#253c54;--border:rgba(226,229,232,0.13);--border-strong:rgba(132,168,199,0.34);--text:#f4efe9;--muted:#aeb8c2;--cyan:#79a8cc;--blue:#426f96;--purple:#6f7f9a;--green:#67b99a;--orange:#c99269;--yellow:#e5d7bb;--red:#d77c88;--olympus-gold:#7fa6c5;--olympus-gold-bright:#dce8f1;--olympus-gold-dark:#345d80;--olympus-ivory:#f4efe9;--olympus-marble:#d9d3ce;--olympus-aegean:#4f789b;--olympus-night:#0b1119;--olympus-blue-deep:#24384f;--olympus-blue:#456b8e;--olympus-blue-soft:#7897b1;--olympus-silver:#a5a9ad;--olympus-marble-white:#eee7e1;--olympus-cloud:#f8f3ef;--shadow:0 24px 70px rgba(0,0,0,0.38);} html{scrollbar-color:rgba(121,168,204,0.58) rgba(8,14,21,0.94);} body{color:var(--text);background:radial-gradient( circle at 12% 2%,rgba(238,231,225,0.09),transparent 24% ),radial-gradient( circle at 88% 8%,rgba(69,107,142,0.20),transparent 30% ),linear-gradient( 135deg,#0b1119 0%,#111b28 48%,#0c151f 100% );} body::before{opacity:0.14;background-image:linear-gradient( 112deg,transparent 0 40%,rgba(244,239,233,0.14) 41% 42%,transparent 43% 100% ),linear-gradient( 24deg,transparent 0 69%,rgba(121,151,177,0.11) 70% 71%,transparent 72% 100% );background-size:520px 380px,640px 440px;} body::after{opacity:0.13;background:linear-gradient( to right,transparent,rgba(238,231,225,0.32),transparent );mask:linear-gradient( to bottom,#000 0 1px,transparent 1px calc(100% - 1px),#000 calc(100% - 1px) );} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(121,168,204,0.52);} .topbar{border-top-color:rgba(220,232,241,0.55);border-bottom-color:rgba(121,168,204,0.18);background:linear-gradient( 180deg,rgba(12,20,30,0.98),rgba(8,14,22,0.96) );box-shadow:0 14px 38px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(220,232,241,0.06);} .topbar::after{height:1px;opacity:0.82;background:linear-gradient( 90deg,transparent 0%,rgba(121,168,204,0.55) 14%,rgba(238,231,225,0.90) 50%,rgba(121,168,204,0.55) 86%,transparent 100% );} .brand:hover,.brand.active,.brand[aria-current="page"]{border-color:rgba(121,168,204,0.28);background:rgba(121,168,204,0.08);} .brand-mark,.brand-logo{border-color:rgba(220,232,241,0.36);background:radial-gradient( circle at 50% 30%,rgba(248,243,239,0.10),transparent 48% ),linear-gradient( 145deg,rgba(69,107,142,0.24),rgba(238,231,225,0.07) ),#111d29;box-shadow:inset 0 0 0 3px rgba(255,255,255,0.025),0 12px 32px rgba(42,84,122,0.18);} .brand-copy small{color:#9fb2c4;} .brand-copy strong{color:var(--olympus-cloud);} h1,h2,.page-title,.hero-title,.home-banner-content h1,.profile-main h1{color:var(--olympus-cloud);text-shadow:0 1px 0 rgba(255,255,255,0.035),0 10px 28px rgba(0,0,0,0.20);} .eyebrow,.panel-kicker,.profile-eyebrow,.admin-kicker{color:#82aed0;} .section-heading,.panel-heading{position:relative;} .section-heading::after{content:"";display:block;width:min(260px,60%);height:1px;margin-top:14px;background:linear-gradient( 90deg,rgba(121,168,204,0.05),rgba(238,231,225,0.68) 42%,rgba(121,168,204,0.35) 78%,transparent );} .dashboard-menu-toggle.active,.dashboard-menu-toggle:hover,.nav-pill.active,.nav-link:hover,.nav-link.active,.dropdown-toggle:hover,.nav-dropdown.active .dropdown-toggle,.nav-dropdown.open .dropdown-toggle{border-color:rgba(121,168,204,0.32);color:var(--olympus-cloud);background:linear-gradient( 145deg,rgba(69,107,142,0.24),rgba(238,231,225,0.05) );} .dashboard-dropdown,.dropdown-menu,.profile-menu,.notification-panel,.admin-dashboard-dropdown{border-color:rgba(121,168,204,0.22);background:linear-gradient( 155deg,rgba(25,38,53,0.99),rgba(10,17,25,0.99) );box-shadow:0 26px 66px rgba(0,0,0,0.46),inset 0 1px 0 rgba(238,231,225,0.035);} .dashboard-dropdown button:hover,.dropdown-item:hover,.profile-menu button:hover,.notification-item:hover{border-color:rgba(121,168,204,0.20);background:rgba(121,168,204,0.09);} .panel,.department-card,.profile-card,.hero-card,.work-card,.rank-card,.admin-card,.membership-card,.home-public-card,.home-main-banner,.login-modal,.register-modal,.modal-card,.permissions-table-shell,.department-modal,.fichaje-person-row,.promotion-item,.career-progress-card,.mission-admin-item{border-color:rgba(184,198,210,0.15);background:radial-gradient( circle at 12% 0%,rgba(238,231,225,0.045),transparent 28% ),linear-gradient( 145deg,rgba(26,40,56,0.97),rgba(13,21,31,0.98) );box-shadow:inset 0 1px 0 rgba(248,243,239,0.035),inset 0 3px 0 rgba(121,168,204,0.035),0 18px 48px rgba(0,0,0,0.20);} .panel:hover,.department-card:hover,.rank-card:hover,.work-card:hover,.membership-card:hover{border-color:rgba(121,168,204,0.34);} .panel::before,.department-card::before,.rank-card::before,.work-card::before,.membership-card::before{border-color:rgba(220,232,241,0.10);} .panel-heading h2::after,.department-live-card h2::after,.profile-main h1::after{content:"";display:block;width:54px;height:2px;margin-top:8px;border-radius:999px;background:linear-gradient( 90deg,#dce8f1,#5f88aa );} .home-main-banner,#view-inicio .hero-section,.hero-card{background:radial-gradient( circle at 78% 18%,rgba(238,231,225,0.14),transparent 25% ),radial-gradient( circle at 18% 0%,rgba(69,107,142,0.28),transparent 35% ),linear-gradient( 135deg,rgba(28,43,60,0.99),rgba(9,16,24,0.99) );} .home-main-banner::after,#view-inicio .hero-section::after,.hero-card::after{color:rgba(220,232,241,0.055);} .primary-button,.hero-primary,.login-submit,.register-submit,#loginSubmitButton,#registerSubmitButton,button[type="submit"].primary-button{border-color:rgba(220,232,241,0.42);color:#f8f3ef;background:linear-gradient( 135deg,#7199b8 0%,#456f94 52%,#294d6e 100% );box-shadow:0 12px 30px rgba(31,74,111,0.28),inset 0 1px 0 rgba(255,255,255,0.24);} .primary-button:hover,.hero-primary:hover,.login-submit:hover,.register-submit:hover,#loginSubmitButton:hover,#registerSubmitButton:hover{filter:brightness(1.10);} .secondary-button,.icon-button,.profile-chip,.notification-button{border-color:rgba(184,198,210,0.17);background:rgba(238,231,225,0.035);} .secondary-button:hover,.icon-button:hover,.profile-chip:hover{border-color:rgba(121,168,204,0.34);background:rgba(121,168,204,0.09);} input,select,textarea,.promotion-search-box>input[type="search"],.department-create-form input,.department-leader-search input,.fichaje-search{border-color:rgba(184,198,210,0.18);background:rgba(7,14,22,0.76);color:var(--olympus-cloud);} input:focus,select:focus,textarea:focus,.promotion-search-box>input[type="search"]:focus,.department-create-form input:focus,.department-leader-search input:focus{border-color:rgba(121,168,204,0.66);box-shadow:0 0 0 3px rgba(121,168,204,0.12);} .department-role-badge,.promotion-preview,.permissions-status,.fichaje-personnel-section header b,.rank-number,.dashboard-rank-grid article>span,.profile-rank-badge,.admin-dropdown-icon{border-color:rgba(121,168,204,0.20);color:#dce8f1;background:linear-gradient( 145deg,rgba(69,107,142,0.22),rgba(238,231,225,0.05) );} .department-status.online,.career-ready,.promotion-status.accepted,.fichaje-person-status.active{color:#85d0b0;} #view-fichaje .fichaje-main-card{border-color:rgba(184,198,210,0.18);background:radial-gradient( circle at 50% 18%,rgba(238,231,225,0.075),transparent 37% ),linear-gradient( 145deg,rgba(30,47,65,0.99),rgba(12,20,29,0.99) );} #view-fichaje .fichaje-main-card::before{background:linear-gradient( 90deg,transparent,rgba(220,232,241,0.92),rgba(79,120,155,0.82),transparent );} #view-fichaje .fichaje-main-card::after{color:rgba(220,232,241,0.045);} #view-fichaje .big-status-dot.active{background:#79a8cc;box-shadow:0 0 0 4px rgba(121,168,204,0.12),0 0 18px rgba(121,168,204,0.40);} #view-fichaje .fichaje-time{color:var(--olympus-cloud);text-shadow:0 3px 0 rgba(36,56,79,0.22),0 0 30px rgba(121,168,204,0.10);} #view-fichaje .daily-summary{border-color:rgba(184,198,210,0.16);background:radial-gradient( circle at 100% 0%,rgba(238,231,225,0.04),transparent 35% ),linear-gradient( 145deg,rgba(25,38,53,0.98),rgba(12,19,28,0.99) );} .login-modal,.register-modal,.modal-card,.department-modal{border-color:rgba(121,168,204,0.24);} .login-modal::before,.register-modal::before,.modal-card::before,.department-modal::before{background:linear-gradient( 90deg,transparent,rgba(220,232,241,0.92),rgba(79,120,155,0.88),transparent );} .modal-backdrop,.department-modal-backdrop{background:rgba(3,8,14,0.82);}::-webkit-scrollbar-track{background:rgba(8,14,21,0.94);}::-webkit-scrollbar-thumb{border-color:rgba(8,14,21,0.94);background:linear-gradient( 180deg,rgba(121,168,204,0.78),rgba(52,93,128,0.72) );}::selection{color:#0b1119;background:#dce8f1;} html,body{font-family:"Marcellus","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-synthesis:none;} h1,h2,h3,h4,.page-title,.hero-title,.home-banner-content h1,.profile-main h1,.brand-copy strong,.dashboard-menu-toggle,.nav-pill,.nav-link,.dropdown-toggle,.dashboard-dropdown strong,.profile-menu strong,.panel-kicker,.eyebrow,.profile-eyebrow,.admin-kicker,.primary-button,.secondary-button,button,.department-role-badge,.department-status,.promotion-status,.fichaje-person-status{font-family:"Cinzel","Palatino Linotype","Book Antiqua",Georgia,serif;} h1,.page-title,.hero-title,.home-banner-content h1,.profile-main h1{font-weight:700;letter-spacing:-0.018em;} h2,h3,h4{font-weight:600;letter-spacing:-0.01em;} .brand-copy strong,.dashboard-menu-toggle,.nav-pill,.nav-link,.dropdown-toggle,.primary-button,.secondary-button,button{font-weight:700;} p,small,span,label,input,select,textarea,table,.fichaje-person-identity,.fichaje-person-detail,.promotion-item-copy,.department-summary-copy{font-family:"Marcellus","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;} #view-fichaje .fichaje-time,.shift-clock,.hero-shift-time{font-family:"Cinzel","Times New Roman",serif;font-variant-numeric:tabular-nums;letter-spacing:-0.045em;} #view-fichaje .compact-personal-history,#view-fichaje #fichajePersonalShiftHistoryList{display:none !important;} #view-tiempos .times-board{grid-template-columns:repeat(2,minmax(340px,1fr));gap:20px;} #view-tiempos .board-column{min-height:500px;border:1px solid rgba(184,198,210,0.17);background:radial-gradient( circle at 18% 0%,rgba(238,231,225,0.045),transparent 28% ),linear-gradient( 145deg,rgba(25,39,55,0.98),rgba(11,19,28,0.99) );box-shadow:inset 0 1px 0 rgba(248,243,239,0.035),0 20px 48px rgba(0,0,0,0.22);} #view-tiempos .board-column-heading{border-bottom:1px solid rgba(184,198,210,0.12);} #view-tiempos .board-column-heading h2{color:var(--olympus-cloud);} #view-tiempos .board-column-heading>b{border:1px solid rgba(121,168,204,0.17);background:rgba(69,107,142,0.16);color:#dce8f1;} #view-tiempos .active-dot{background:#74cba5;box-shadow:0 0 0 4px rgba(116,203,165,0.09);} #view-tiempos .paused-dot{background:#d8c68f;box-shadow:0 0 0 4px rgba(216,198,143,0.08);} #view-tiempos .time-ticket{border:1px solid rgba(184,198,210,0.15);background:linear-gradient( 145deg,rgba(30,48,67,0.96),rgba(16,27,40,0.98) );box-shadow:inset 0 1px 0 rgba(248,243,239,0.03),0 12px 28px rgba(0,0,0,0.15);} #view-tiempos .time-ticket.active{border-left:3px solid rgba(116,203,165,0.72);} #view-tiempos .time-ticket.paused{border-left:3px solid rgba(216,198,143,0.72);} #view-tiempos .time-ticket:hover{border-color:rgba(121,168,204,0.38);} #view-tiempos .time-ticket-top h3,#view-tiempos .time-ticket-meta strong{color:var(--olympus-cloud);} #view-tiempos .time-ticket-top>span,#view-tiempos .time-ticket-meta>div{border:1px solid rgba(184,198,210,0.10);background:rgba(238,231,225,0.035);} #view-tiempos .time-ticket-note,#view-tiempos .time-ticket-footer small{color:#aeb8c2;} #view-tiempos .ticket-actions{flex-wrap:wrap;justify-content:flex-end;} #view-tiempos .ticket-button{min-height:34px;padding:0 11px;border:1px solid rgba(184,198,210,0.18);color:#e9eef2;background:rgba(238,231,225,0.045);} #view-tiempos .ticket-button.confirm{border-color:rgba(116,203,165,0.27);color:#8bdbb8;background:rgba(116,203,165,0.09);} #view-tiempos .ticket-button.pause{border-color:rgba(216,198,143,0.27);color:#e3d39e;background:rgba(216,198,143,0.08);} #view-tiempos .ticket-button.danger{border-color:rgba(215,124,136,0.30);color:#e89aa4;background:rgba(215,124,136,0.09);} #view-tiempos .ticket-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);} #view-tiempos .ticket-button:disabled{cursor:not-allowed;opacity:0.42;} #view-tiempos .empty-column{border-color:rgba(121,168,204,0.20);color:#91a5b7;background:rgba(8,15,24,0.20);} #view-tiempos .times-toolbar .search-box{border-color:rgba(184,198,210,0.18);background:rgba(7,14,22,0.76);} #view-tiempos .toolbar-status{color:#9fc5b4;} @media (max-width:980px){#view-tiempos .times-board{grid-template-columns:minmax(0,1fr);}} @media (max-width:620px){#view-tiempos .time-ticket-footer{align-items:stretch;flex-direction:column;} #view-tiempos .ticket-actions{display:grid;grid-template-columns:repeat(3,1fr);} #view-tiempos .ticket-button{width:100%;}} #timeModal .time-user-search{position:relative;} #timeModal .time-user-results{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:3200;max-height:310px;overflow-y:auto;padding:7px;border:1px solid rgba(121,168,204,0.28);border-radius:12px;background:linear-gradient( 155deg,rgba(25,38,53,0.995),rgba(9,16,24,0.995) );box-shadow:0 22px 55px rgba(0,0,0,0.48);} #timeModal .time-user-results[hidden]{display:none;} #timeModal .time-user-result{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--olympus-cloud);text-align:left;cursor:pointer;} #timeModal .time-user-result:hover:not(:disabled),#timeModal .time-user-result:focus-visible:not(:disabled){background:rgba(121,168,204,0.11);outline:none;} #timeModal .time-user-result:disabled{cursor:not-allowed;opacity:0.48;} #timeModal .time-user-result img{width:48px;height:56px;object-fit:contain;border-radius:9px;background:rgba(121,168,204,0.08);} #timeModal .time-user-result>div{display:grid;gap:3px;min-width:0;} #timeModal .time-user-result strong{overflow:hidden;color:var(--olympus-cloud);text-overflow:ellipsis;white-space:nowrap;} #timeModal .time-user-result span{color:#b7c5d1;font-size:12px;} #timeModal .time-user-result small{color:#82aed0;font-size:10px;} #timeModal .time-user-empty{padding:13px;color:#9eacb9;text-align:center;font-size:12px;} #timeModal input[readonly]{border-color:rgba(184,198,210,0.13);background:rgba(238,231,225,0.035);color:#c9d2da;cursor:default;} #timeModal .time-fixed-status{border-color:rgba(116,203,165,0.24);background:rgba(116,203,165,0.075);color:#8bdbb8;} #timeModal .time-selected-user{grid-column:1 / -1;padding:11px 13px;border:1px solid rgba(121,168,204,0.20);border-radius:10px;background:rgba(69,107,142,0.10);color:#dce8f1;font-size:12px;} #timeModal .time-selected-user[hidden]{display:none;} @media (max-width:650px){#timeModal .time-user-results{position:fixed;top:120px;right:12px;left:12px;max-height:58vh;}} #view-tiempos .ticket-button.resume{border-color:rgba(121,168,204,0.34);color:#b9d9ef;background:rgba(69,107,142,0.16);} #view-tiempos .ticket-button.resume:hover{border-color:rgba(121,168,204,0.58);background:rgba(69,107,142,0.26);}:root{--bg:#08090d;--bg-soft:#0d0f15;--background:#08090d;--background-soft:#0d0f15;--surface:#12141b;--surface-2:#181a22;--surface-3:#20222b;--surface-light:#1b1d25;--border:rgba(218,181,92,0.16);--border-strong:rgba(218,181,92,0.34);--text:#f8f1df;--muted:#b7ad95;--cyan:#d9b45a;--blue:#c39a44;--purple:#9d7a42;--green:#74c69d;--orange:#d29b53;--yellow:#f0d689;--red:#d87883;--olympus-gold:#d9b45a;--olympus-gold-bright:#f4dd9c;--olympus-gold-dark:#77511d;--olympus-ivory:#f8f1df;--olympus-marble:#d8d0bd;--olympus-aegean:#b58a3b;--olympus-night:#08090d;--shadow:0 24px 70px rgba(0,0,0,0.46);} html{scrollbar-color:rgba(217,180,90,0.58) rgba(8,9,13,0.96);} body{color:var(--text);background:radial-gradient( circle at 15% 3%,rgba(217,180,90,0.17),transparent 27% ),radial-gradient( circle at 86% 8%,rgba(244,221,156,0.07),transparent 25% ),linear-gradient( 135deg,#07080b 0%,#11131a 48%,#090a0e 100% );} body::before{opacity:0.14;background-image:linear-gradient( 115deg,transparent 0 42%,rgba(248,241,223,0.10) 43% 44%,transparent 45% 100% ),linear-gradient( 25deg,transparent 0 68%,rgba(217,180,90,0.16) 69% 70%,transparent 71% 100% );} body::after{opacity:0.025;background:repeating-linear-gradient( 90deg,transparent 0 28px,rgba(217,180,90,0.75) 28px 30px,transparent 30px 42px,rgba(217,180,90,0.75) 42px 44px,transparent 44px 72px );} .topbar{border-top-color:rgba(217,180,90,0.78);border-bottom-color:rgba(217,180,90,0.22);background:linear-gradient( 180deg,rgba(15,16,21,0.98),rgba(7,8,12,0.97) );box-shadow:0 12px 35px rgba(0,0,0,0.30),inset 0 -1px 0 rgba(217,180,90,0.10);} .topbar::after{height:1px;opacity:0.88;background:linear-gradient( 90deg,transparent 0%,rgba(217,180,90,0.44) 12%,rgba(244,221,156,0.95) 50%,rgba(217,180,90,0.44) 88%,transparent 100% );} .brand-mark,.brand-logo,.olympus-brand-mark{border-color:rgba(217,180,90,0.46);background:radial-gradient( circle at 50% 30%,rgba(248,241,223,0.11),transparent 48% ),linear-gradient( 145deg,rgba(217,180,90,0.20),rgba(119,81,29,0.08) ),#111218;box-shadow:inset 0 0 0 3px rgba(255,255,255,0.018),0 12px 30px rgba(217,180,90,0.13);} .brand-copy small,.eyebrow,.panel-kicker,.profile-eyebrow,.admin-kicker,.rank-missions-kicker,.rank-detail-heading span{color:var(--olympus-gold);} .dashboard-menu-toggle.active,.dashboard-menu-toggle:hover,.nav-pill.active,.nav-link:hover,.nav-link.active,.dropdown-toggle:hover,.nav-dropdown.active .dropdown-toggle,.nav-dropdown.open .dropdown-toggle{border-color:rgba(217,180,90,0.34);color:var(--olympus-ivory);background:linear-gradient( 145deg,rgba(217,180,90,0.18),rgba(119,81,29,0.08) );} .dashboard-dropdown,.dropdown-menu,.profile-menu,.notification-panel,.admin-dashboard-dropdown,.modal-card,.auth-modal-card,.profile-card,.panel-card,.content-card,.info-card,.department-card,.promotion-panel,.fichaje-panel,.times-panel,.admin-module-card,.admin-app-card,.home-card,.rank-card{border-color:rgba(217,180,90,0.18);background:radial-gradient( circle at 10% 0%,rgba(248,241,223,0.035),transparent 34% ),linear-gradient( 145deg,rgba(25,26,33,0.98),rgba(12,13,18,0.99) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 16px 38px rgba(0,0,0,0.19);} .dashboard-dropdown button:hover,.dropdown-menu button:hover,.profile-menu button:hover,.admin-app-card:hover,.rank-card:hover,.department-card:hover{border-color:rgba(217,180,90,0.32);background:linear-gradient( 145deg,rgba(217,180,90,0.13),rgba(119,81,29,0.05) );} .primary-button,.auth-submit,.modal-primary-button,.rank-missions-primary,button[data-variant="primary"],.btn-primary{border-color:rgba(244,221,156,0.52);color:#171109;background:linear-gradient( 145deg,#f0d486,#c9993e );box-shadow:0 12px 28px rgba(217,180,90,0.16),inset 0 1px 0 rgba(255,255,255,0.32);} .primary-button:hover,.auth-submit:hover,.modal-primary-button:hover,.rank-missions-primary:hover,button[data-variant="primary"]:hover,.btn-primary:hover{filter:brightness(1.08);} .secondary-button,.modal-secondary-button,.btn-secondary{border-color:rgba(217,180,90,0.22);color:#eadfbf;background:rgba(217,180,90,0.055);} input,select,textarea,.search-box,.search-input{border-color:rgba(217,180,90,0.17);color:var(--olympus-ivory);background:rgba(7,8,12,0.82);} input:focus,select:focus,textarea:focus,.search-box:focus-within{border-color:rgba(217,180,90,0.58);box-shadow:0 0 0 3px rgba(217,180,90,0.10);} input::placeholder,textarea::placeholder{color:#887f6b;} .tag,.badge,.status-badge,.rank-badge,.metric-badge,.board-column-heading>b{border-color:rgba(217,180,90,0.22);color:#eadba9;background:rgba(217,180,90,0.09);} .table-shell,.profile-table-shell,.admin-table-shell,.payment-table-shell{border-color:rgba(217,180,90,0.17);background:rgba(9,10,14,0.72);} table thead th{color:#d7c28b;border-bottom-color:rgba(217,180,90,0.18);} table tbody tr{border-bottom-color:rgba(217,180,90,0.09);} table tbody tr:hover{background:rgba(217,180,90,0.045);} .department-card,.department-owner-panel,.department-request-card,.department-member-card{border-color:rgba(217,180,90,0.17);background:linear-gradient( 145deg,rgba(26,27,34,0.97),rgba(12,13,18,0.99) );} .department-role-badge,.department-status-badge{border-color:rgba(217,180,90,0.21);color:#e7d39d;background:rgba(217,180,90,0.08);} .promotion-card,.promotion-item,.promotion-user-result,.promotion-progress-card{border-color:rgba(217,180,90,0.17);background:linear-gradient( 145deg,rgba(27,28,35,0.96),rgba(12,13,18,0.98) );} .promotion-actions .promotion-accept,.promotion-dialog-primary{border-color:rgba(217,180,90,0.48);color:#171109;background:linear-gradient( 145deg,#efd486,#bd8f36 );} .promotion-notice,.promotion-dialog{border-color:rgba(217,180,90,0.34);background:radial-gradient( circle at 0% 0%,rgba(248,241,223,0.08),transparent 35% ),linear-gradient( 145deg,rgba(29,29,35,0.995),rgba(10,11,15,0.995) );} .promotion-notice-icon,.promotion-dialog-icon{border-color:rgba(217,180,90,0.32);color:#f1d88d;background:rgba(217,180,90,0.11);} #view-fichaje .shift-clock-card,#view-fichaje .shift-summary-card,#view-fichaje .fichaje-overview,#view-fichaje .shift-card{border-color:rgba(217,180,90,0.17);background:radial-gradient( circle at 20% 0%,rgba(248,241,223,0.04),transparent 32% ),linear-gradient( 145deg,rgba(25,26,33,0.98),rgba(11,12,17,0.99) );} #view-fichaje .shift-clock{color:var(--olympus-ivory);text-shadow:0 0 34px rgba(217,180,90,0.12);} #view-tiempos .board-column{border-color:rgba(217,180,90,0.18);background:radial-gradient( circle at 18% 0%,rgba(248,241,223,0.045),transparent 28% ),linear-gradient( 145deg,rgba(25,26,33,0.98),rgba(11,12,17,0.99) );} #view-tiempos .time-ticket{border-color:rgba(217,180,90,0.16);background:linear-gradient( 145deg,rgba(31,31,38,0.96),rgba(15,16,21,0.98) );} #view-tiempos .time-ticket.active{border-left-color:rgba(116,198,157,0.76);} #view-tiempos .time-ticket.paused{border-left-color:rgba(225,196,112,0.78);} #view-tiempos .ticket-button.confirm,#view-tiempos .ticket-button.resume{border-color:rgba(217,180,90,0.33);color:#efd992;background:rgba(217,180,90,0.09);} #view-tiempos .ticket-button.pause{border-color:rgba(225,196,112,0.31);color:#e6d093;background:rgba(225,196,112,0.08);} .profile-hero,.profile-information-card,.profile-stat-card,.profile-section-card,.profile-benefit-card{border-color:rgba(217,180,90,0.17);background:radial-gradient( circle at 15% 0%,rgba(248,241,223,0.04),transparent 33% ),linear-gradient( 145deg,rgba(26,27,34,0.98),rgba(12,13,18,0.99) );} .profile-stat-card strong,.metric-card strong,.summary-value,.big-number{color:var(--olympus-ivory);} .profile-tabs button.active,.profile-tabs button:hover{border-color:rgba(217,180,90,0.30);color:#f1dda1;background:rgba(217,180,90,0.09);} .footer,.site-footer{border-top-color:rgba(217,180,90,0.18);} .section-divider,.decorative-line,.page-heading::after{background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.72),transparent );} .verification-start-button{width:100%;min-height:49px;margin-bottom:16px;border:1px solid rgba(111,151,183,0.34);border-radius:14px;color:#dce8f1;background:linear-gradient( 145deg,rgba(111,151,183,0.18),rgba(111,151,183,0.08) );cursor:pointer;font-family:"Cinzel",Georgia,serif;font-weight:700;transition:border-color 150ms ease,background 150ms ease,transform 150ms ease;} .verification-start-button:hover:not(:disabled){border-color:rgba(111,151,183,0.58);background:linear-gradient( 145deg,rgba(111,151,183,0.26),rgba(111,151,183,0.12) );transform:translateY(-1px);} .verification-start-button:disabled,.verification-actions button:disabled{cursor:wait;opacity:0.58;} .verification-panel{margin-bottom:18px;padding:17px;border:1px solid rgba(111,151,183,0.23);border-radius:17px;background:radial-gradient( circle at 10% 0%,rgba(246,242,232,0.055),transparent 35% ),rgba(7,14,22,0.52);contain:content;} .verification-panel[hidden]{display:none;} .verification-user-preview{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:10px 12px;border:1px solid rgba(184,198,210,0.12);border-radius:13px;background:rgba(238,231,225,0.035);} .verification-user-preview img{width:58px;height:76px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;} .verification-user-preview span,.verification-user-preview strong{display:block;} .verification-user-preview span{color:#93a5b4;font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;} .verification-user-preview strong{margin-top:4px;color:#f6f2e8;font-size:17px;} .verification-instructions{display:flex;align-items:flex-start;gap:10px;} .verification-instructions p{margin:0;color:#b9c4ce;font-size:11px;line-height:1.55;} .verification-step{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:1px solid rgba(111,151,183,0.30);border-radius:9px;color:#dce8f1;background:rgba(111,151,183,0.16);font-size:10px;font-weight:900;} .verification-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:13px 0 8px;} .verification-code-row code{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 14px;overflow:hidden;border:1px dashed rgba(223,189,99,0.44);border-radius:13px;color:#f6f2e8;background:rgba(8,10,15,0.84);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(16px,4vw,21px);font-weight:900;letter-spacing:0.12em;} .verification-code-row button,.verification-actions button{min-height:44px;padding:0 14px;border:1px solid rgba(184,198,210,0.18);border-radius:12px;cursor:pointer;font-family:"Cinzel",Georgia,serif;font-size:10px;font-weight:700;} .verification-code-row button{color:#eadba9;background:rgba(223,189,99,0.08);} .verification-expiry{margin:0 0 16px;color:#93a5b4;font-size:10px;text-align:center;} .verification-expiry strong{color:#f6f2e8;} .verification-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;} .verification-check-button{border-color:rgba(102,197,150,0.34) !important;color:#a5e6c5;background:rgba(102,197,150,0.11);} .verification-regenerate-button{color:#d5dde4;background:rgba(238,231,225,0.045);} .verification-status{min-height:20px;margin-top:11px;font-size:10px;line-height:1.5;text-align:center;} .verification-status.loading{color:#b9d9ef;} .verification-status.success{color:#9ce5c3;} .verification-status.error{color:#efa3ad;} .registration-password-fields{margin:0;padding:0;border:0;transition:opacity 150ms ease;} .registration-password-fields[disabled]{opacity:0.42;} .registration-password-fields legend{width:100%;margin-bottom:12px;color:#93a5b4;font-size:9px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;} .secure-warning{border:1px solid rgba(102,197,150,0.12);background:rgba(102,197,150,0.055);} @media (max-width:520px){.verification-code-row,.verification-actions{grid-template-columns:minmax(0,1fr);}} .verification-start-button{border-color:rgba(217,180,90,0.38);color:#f0dda4;background:linear-gradient( 145deg,rgba(217,180,90,0.18),rgba(119,81,29,0.08) );} .verification-start-button:hover:not(:disabled){border-color:rgba(217,180,90,0.62);background:linear-gradient( 145deg,rgba(217,180,90,0.27),rgba(119,81,29,0.12) );} .verification-panel{border-color:rgba(217,180,90,0.26);background:radial-gradient( circle at 10% 0%,rgba(244,221,156,0.07),transparent 35% ),rgba(7,8,12,0.58);} .verification-user-preview{border-color:rgba(217,180,90,0.16);background:rgba(217,180,90,0.04);} .verification-user-preview span{color:#b5a77f;} .verification-user-preview strong{color:#f8f1df;} .verification-step{border-color:rgba(217,180,90,0.34);color:#f1dda0;background:rgba(217,180,90,0.15);} .verification-code-row code{border-color:rgba(217,180,90,0.54);color:#f8f1df;background:rgba(7,7,10,0.88);box-shadow:inset 0 0 22px rgba(217,180,90,0.035);} .verification-code-row button{border-color:rgba(217,180,90,0.26);color:#f0d991;background:rgba(217,180,90,0.09);} .verification-expiry strong{color:#f0dda4;} .verification-check-button{border-color:rgba(217,180,90,0.42) !important;color:#171109;background:linear-gradient( 145deg,#efd486,#c59539 );} .verification-regenerate-button{border-color:rgba(217,180,90,0.20);color:#e7dcc1;background:rgba(217,180,90,0.045);} .registration-password-fields legend{color:#b7aa84;} .secure-warning{border-color:rgba(217,180,90,0.15);background:rgba(217,180,90,0.055);} .discord-verification-panel{margin:0 0 18px;padding:16px;border:1px solid rgba(88,101,242,0.28);border-radius:17px;background:radial-gradient(circle at 92% 0%,rgba(88,101,242,0.12),transparent 34%),rgba(8,9,14,0.66);} .discord-verification-panel[hidden],.discord-identity-preview[hidden]{display:none;} .discord-verification-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;} .discord-verification-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(129,140,248,0.42);border-radius:13px;color:#eef0ff;background:linear-gradient(145deg,rgba(88,101,242,0.92),rgba(71,82,196,0.78));font:800 16px Georgia,serif;} .discord-verification-heading small,.discord-verification-heading strong,.discord-verification-heading p{display:block;} .discord-verification-heading small{color:#aaa087;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;} .discord-verification-heading strong{margin-top:3px;color:#f8f1df;font:700 14px Georgia,serif;} .discord-verification-heading p{margin:5px 0 0;color:#aaaec1;font-size:10px;line-height:1.5;} .discord-verify-button{width:100%;min-height:46px;margin-top:14px;border:1px solid rgba(129,140,248,0.4);border-radius:13px;color:#f5f5ff;background:linear-gradient(135deg,#6975f5,#5865f2 54%,#4752c4);cursor:pointer;font-family:"Cinzel",Georgia,serif;font-size:11px;font-weight:800;transition:transform 150ms ease,filter 150ms ease,opacity 150ms ease;} .discord-verify-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);} .discord-verify-button:disabled{cursor:default;opacity:.48;} .discord-identity-preview{margin-top:13px;padding:10px 12px;display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgba(102,197,150,.25);border-radius:12px;background:rgba(102,197,150,.07);} .discord-identity-preview>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#a5e6c5;background:rgba(102,197,150,.12);font-weight:900;} .discord-identity-preview small,.discord-identity-preview strong{display:block;} .discord-identity-preview small{color:#8ebba5;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;} .discord-identity-preview strong{margin-top:3px;color:#e9f8f0;font-size:12px;} .verification-panel.is-verified{padding:12px 14px;} .verification-panel.is-verified .verification-instructions,.verification-panel.is-verified .verification-code-row,.verification-panel.is-verified .verification-expiry,.verification-panel.is-verified .verification-actions{display:none;} .verification-panel.is-verified .verification-user-preview{margin-bottom:8px;} .verification-panel.is-verified .verification-status{margin-top:5px;} .discord-verification-coming-soon{display:block !important;} .discord-verification-coming-soon .discord-verify-button:disabled{opacity:.72 !important;cursor:not-allowed !important;filter:saturate(.75) !important;} .rank-card-clickable{position:relative;overflow:hidden;padding-bottom:58px;cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;} .rank-card-clickable::after{content:"";position:absolute;right:-52px;bottom:-72px;width:150px;height:150px;border:1px solid rgba(121,168,204,0.10);border-radius:50%;box-shadow:0 0 0 18px rgba(121,168,204,0.025),0 0 0 36px rgba(121,168,204,0.018);pointer-events:none;} .rank-card-clickable:hover,.rank-card-clickable:focus-visible{border-color:rgba(121,168,204,0.42);background:radial-gradient( circle at 90% 20%,rgba(220,232,241,0.08),transparent 32% ),linear-gradient( 145deg,rgba(31,48,66,0.98),rgba(13,22,32,0.99) );box-shadow:0 20px 42px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.04);outline:none;transform:translateY(-3px);} .rank-card-action{position:absolute;right:18px;bottom:16px;left:18px;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(184,198,210,0.11);color:#8eb5d1;font-family:"Cinzel",Georgia,serif;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;} .rank-card-action::after{content:"→";color:#dce8f1;font-size:16px;transition:transform 180ms ease;} .rank-card-clickable:hover .rank-card-action::after,.rank-card-clickable:focus-visible .rank-card-action::after{transform:translateX(4px);} body.rank-missions-open{overflow:hidden;} .rank-missions-backdrop{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:rgba(3,8,14,0.88);opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0);will-change:opacity;transition:opacity 160ms ease,visibility 0s linear 160ms;} .rank-missions-backdrop[hidden]{display:grid;} .rank-missions-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 160ms ease,visibility 0s linear 0s;} .rank-missions-modal{position:relative;width:min(650px,100%);max-height:min(760px,calc(100vh - 48px));overflow-y:auto;padding:30px;border:1px solid rgba(121,168,204,0.32);border-radius:22px;background:radial-gradient( circle at 13% 0%,rgba(238,231,225,0.085),transparent 34% ),radial-gradient( circle at 90% 20%,rgba(69,107,142,0.18),transparent 30% ),linear-gradient( 145deg,rgba(27,42,58,0.995),rgba(9,16,24,0.995) );box-shadow:0 24px 58px rgba(0,0,0,0.48),inset 0 1px 0 rgba(255,255,255,0.04);outline:none;opacity:0;transform:translate3d(0,12px,0);contain:layout paint;will-change:transform,opacity;transition:transform 170ms cubic-bezier(0.2,0.8,0.2,1),opacity 140ms ease;} .rank-missions-backdrop.open .rank-missions-modal{opacity:1;transform:translate3d(0,0,0);} .rank-missions-modal::before{content:"";position:absolute;top:0;right:38px;left:38px;height:2px;background:linear-gradient( 90deg,transparent,rgba(220,232,241,0.92),rgba(79,120,155,0.88),transparent );} .rank-missions-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(184,198,210,0.18);border-radius:11px;background:rgba(238,231,225,0.04);color:#aeb8c2;cursor:pointer;font-size:23px;transition:border-color 160ms ease,background 160ms ease,color 160ms ease;} .rank-missions-close:hover{border-color:rgba(121,168,204,0.42);background:rgba(121,168,204,0.10);color:#f4efe9;} .rank-missions-header{display:grid;grid-template-columns:74px minmax(0,1fr);gap:20px;align-items:center;padding-right:42px;} .rank-missions-number{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(121,168,204,0.31);border-radius:18px;background:linear-gradient( 145deg,rgba(69,107,142,0.25),rgba(238,231,225,0.06) );color:#dce8f1;font-family:"Cinzel",Georgia,serif;font-size:21px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 12px 28px rgba(0,0,0,0.18);} .rank-missions-kicker{color:#82aed0;font-size:10px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;} .rank-missions-header h2{margin:5px 0 7px;color:var(--olympus-cloud,#f8f3ef);font-family:"Cinzel",Georgia,serif;font-size:clamp(24px,4vw,34px);} .rank-missions-header p{margin:0;color:#afbdc9;font-size:14px;line-height:1.6;} .rank-missions-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 14px;padding:13px 15px;border:1px solid rgba(184,198,210,0.12);border-radius:12px;background:rgba(238,231,225,0.035);color:#afbdc9;} .rank-missions-summary strong{display:grid;place-items:center;min-width:34px;height:30px;padding:0 10px;border:1px solid rgba(121,168,204,0.22);border-radius:9px;background:rgba(69,107,142,0.16);color:#dce8f1;} .rank-missions-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;} .rank-mission-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;padding:13px 15px;border:1px solid rgba(184,198,210,0.13);border-radius:13px;background:linear-gradient( 145deg,rgba(29,45,62,0.90),rgba(14,24,35,0.94) );transition:border-color 160ms ease,transform 160ms ease;} .rank-mission-item:hover{border-color:rgba(121,168,204,0.34);transform:translateX(3px);} .rank-mission-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(121,168,204,0.24);border-radius:11px;background:rgba(69,107,142,0.15);color:#dce8f1;font-family:"Cinzel",Georgia,serif;font-size:12px;font-weight:800;} .rank-mission-item div{display:grid;gap:3px;} .rank-mission-item strong{color:#f4efe9;font-size:14px;} .rank-mission-item small{color:#8fa3b4;font-size:11px;} .rank-missions-empty{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;align-items:center;padding:22px;border:1px dashed rgba(121,168,204,0.27);border-radius:15px;background:rgba(7,14,22,0.28);} .rank-missions-empty[hidden]{display:none;} .rank-missions-empty>span{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(121,168,204,0.18);border-radius:16px;background:rgba(69,107,142,0.10);color:rgba(220,232,241,0.70);font-family:Georgia,serif;font-size:34px;} .rank-missions-empty strong{display:block;color:#f4efe9;font-family:"Cinzel",Georgia,serif;} .rank-missions-empty p{margin:6px 0 0;color:#9fafbc;font-size:13px;line-height:1.55;} .rank-missions-footer{display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid rgba(184,198,210,0.11);} .rank-missions-primary{min-width:130px;min-height:44px;padding:10px 20px;border:1px solid rgba(220,232,241,0.42);border-radius:11px;background:linear-gradient( 145deg,#7199b8,#456f94 );color:#f8f3ef;cursor:pointer;font-family:"Cinzel",Georgia,serif;font-weight:700;transition:filter 160ms ease,transform 160ms ease;} .rank-missions-primary:hover{filter:brightness(1.10);transform:translateY(-1px);} @media (max-width:620px){.rank-missions-backdrop{padding:12px;} .rank-missions-modal{max-height:calc(100vh - 24px);padding:24px 18px;border-radius:17px;} .rank-missions-header{grid-template-columns:58px minmax(0,1fr);gap:13px;padding-right:34px;} .rank-missions-number{width:56px;height:56px;border-radius:14px;font-size:16px;} .rank-missions-header h2{font-size:22px;} .rank-missions-empty{grid-template-columns:1fr;} .rank-missions-footer{display:grid;} .rank-missions-primary{width:100%;}} html{scrollbar-gutter:stable;} .rank-missions-list,.rank-missions-empty{contain:content;} @media (prefers-reduced-motion:reduce){.rank-missions-backdrop,.rank-missions-modal,.rank-card-clickable,.rank-mission-item{transition-duration:1ms !important;}} .rank-missions-modal{width:min(760px,100%);} .rank-detail-tabs{position:sticky;top:-30px;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0 16px;padding:9px;border:1px solid rgba(184,198,210,0.13);border-radius:15px;background:linear-gradient( 145deg,rgba(17,29,42,0.98),rgba(9,16,24,0.99) );box-shadow:0 12px 30px rgba(0,0,0,0.16);} .rank-detail-tabs[hidden]{display:none !important;} .rank-missions-modal.is-administrative-only .rank-detail-content{padding-top:18px;} .rank-detail-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:45px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8fa3b4;cursor:pointer;transition:border-color 150ms ease,background 150ms ease,color 150ms ease,transform 150ms ease;} .rank-detail-tab>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:7px;background:rgba(121,168,204,0.08);color:#8eb5d1;font-size:12px;} .rank-detail-tab strong{overflow:hidden;font-family:"Cinzel",Georgia,serif;font-size:10px;font-weight:700;letter-spacing:0.035em;text-overflow:ellipsis;white-space:nowrap;} .rank-detail-tab:hover{border-color:rgba(121,168,204,0.18);background:rgba(121,168,204,0.07);color:#dce8f1;} .rank-detail-tab[aria-selected="true"]{border-color:rgba(121,168,204,0.38);background:linear-gradient( 145deg,rgba(69,107,142,0.27),rgba(238,231,225,0.055) );color:#f4efe9;box-shadow:inset 0 1px 0 rgba(255,255,255,0.035),0 7px 18px rgba(0,0,0,0.12);} .rank-detail-tab[aria-selected="true"]>span{background:rgba(220,232,241,0.12);color:#dce8f1;} .rank-detail-tab:focus-visible{border-color:rgba(220,232,241,0.58);outline:none;} .rank-detail-content{min-height:350px;contain:layout paint;} .rank-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding:15px 16px;border:1px solid rgba(184,198,210,0.12);border-radius:13px;background:rgba(238,231,225,0.035);} .rank-detail-heading>div{min-width:0;} .rank-detail-heading span{color:#82aed0;font-size:9px;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;} .rank-detail-heading h3{margin:4px 0 5px;color:#f4efe9;font-family:"Cinzel",Georgia,serif;font-size:18px;} .rank-detail-heading p{max-width:520px;margin:0;color:#9fafbc;font-size:12px;line-height:1.5;} .rank-detail-count{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(121,168,204,0.22);border-radius:9px;background:rgba(69,107,142,0.15);color:#dce8f1;font-size:11px;white-space:nowrap;} .rank-detail-list{display:grid;gap:10px;} .rank-detail-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;padding:13px 15px;border:1px solid rgba(184,198,210,0.13);border-radius:13px;background:linear-gradient( 145deg,rgba(29,45,62,0.90),rgba(14,24,35,0.94) );transition:border-color 150ms ease,transform 150ms ease;} .rank-detail-item:hover{border-color:rgba(121,168,204,0.34);transform:translateX(3px);} .rank-detail-item-badge{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(121,168,204,0.24);border-radius:11px;background:rgba(69,107,142,0.15);color:#dce8f1;font-family:"Cinzel",Georgia,serif;font-size:12px;font-weight:800;} .rank-detail-item.requirements .rank-detail-item-badge{border-color:rgba(116,203,165,0.24);background:rgba(116,203,165,0.10);color:#9ce5c3;} .rank-detail-item.rewards .rank-detail-item-badge{border-color:rgba(216,198,143,0.25);background:rgba(216,198,143,0.10);color:#e4d6a6;} .rank-detail-item.functions .rank-detail-item-badge{border-color:rgba(164,151,205,0.24);background:rgba(164,151,205,0.10);color:#c9bde9;} .rank-detail-item-copy{display:grid;gap:3px;min-width:0;} .rank-detail-item-copy strong{color:#f4efe9;font-size:14px;} .rank-detail-item-copy small{color:#8fa3b4;font-size:11px;} .rank-detail-empty{display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;align-items:center;min-height:205px;padding:25px;border:1px dashed rgba(121,168,204,0.27);border-radius:15px;background:radial-gradient( circle at 10% 0%,rgba(121,168,204,0.07),transparent 35% ),rgba(7,14,22,0.28);} .rank-detail-empty>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(121,168,204,0.20);border-radius:17px;background:rgba(69,107,142,0.11);color:rgba(220,232,241,0.78);font-family:Georgia,serif;font-size:30px;} .rank-detail-empty strong{display:block;color:#f4efe9;font-family:"Cinzel",Georgia,serif;font-size:15px;} .rank-detail-empty p{max-width:460px;margin:7px 0 0;color:#9fafbc;font-size:13px;line-height:1.55;} .rank-missions-summary,.rank-missions-list,.rank-missions-empty{display:none;} @media (max-width:690px){.rank-detail-tabs{position:static;grid-template-columns:repeat(2,minmax(0,1fr));} .rank-detail-content{min-height:300px;} .rank-detail-heading{flex-direction:column;} .rank-detail-count{align-self:flex-start;}} @media (max-width:430px){.rank-detail-tab{justify-content:flex-start;} .rank-detail-empty{grid-template-columns:1fr;min-height:auto;}} .rank-mission-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;} .rank-mission-information-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;min-height:82px;padding:15px 16px;border:1px solid rgba(184,198,210,0.14);border-radius:14px;background:radial-gradient( circle at 0% 0%,rgba(238,231,225,0.055),transparent 42% ),linear-gradient( 145deg,rgba(28,44,61,0.92),rgba(13,23,34,0.96) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 10px 24px rgba(0,0,0,0.11);} .rank-mission-information-card.promotion{border-left:3px solid rgba(121,168,204,0.72);} .rank-mission-information-card.transfer{border-left:3px solid rgba(216,198,143,0.72);} .rank-mission-information-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(121,168,204,0.25);border-radius:12px;background:rgba(69,107,142,0.15);color:#dce8f1;font-family:"Cinzel",Georgia,serif;font-size:17px;font-weight:800;} .rank-mission-information-card.transfer .rank-mission-information-icon{border-color:rgba(216,198,143,0.25);background:rgba(216,198,143,0.09);color:#e4d6a6;} .rank-mission-information-card>div{display:grid;gap:4px;min-width:0;} .rank-mission-information-card small{color:#8fa3b4;font-size:10px;font-weight:700;letter-spacing:0.055em;text-transform:uppercase;} .rank-mission-information-card strong{overflow:hidden;color:#f4efe9;font-family:"Cinzel",Georgia,serif;font-size:18px;text-overflow:ellipsis;white-space:nowrap;} .rank-detail-item.has-mission-value{grid-template-columns:44px minmax(0,1fr) auto;} .rank-mission-credit-value{display:grid;place-items:center;min-width:58px;min-height:34px;padding:6px 11px;border:1px solid rgba(216,198,143,0.30);border-radius:10px;background:linear-gradient( 145deg,rgba(216,198,143,0.14),rgba(126,104,47,0.08) );color:#eadba9;font-family:"Cinzel",Georgia,serif;font-size:11px;font-weight:800;white-space:nowrap;} @media (max-width:560px){.rank-mission-information{grid-template-columns:minmax(0,1fr);} .rank-detail-item.has-mission-value{grid-template-columns:44px minmax(0,1fr);} .rank-detail-item.has-mission-value .rank-mission-credit-value{grid-column:2;justify-self:start;}} .rank-card-clickable::after{border-color:rgba(217,180,90,0.12);box-shadow:0 0 0 18px rgba(217,180,90,0.025),0 0 0 36px rgba(217,180,90,0.018);} .rank-card-clickable:hover,.rank-card-clickable:focus-visible{border-color:rgba(217,180,90,0.42);background:radial-gradient( circle at 90% 20%,rgba(244,221,156,0.10),transparent 32% ),linear-gradient( 145deg,rgba(30,30,36,0.98),rgba(12,13,18,0.99) );box-shadow:0 20px 42px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.035);} .rank-card-action{border-top-color:rgba(217,180,90,0.15);color:#d5b967;} .rank-card-action::after{color:#f2dda0;} .rank-missions-backdrop{background:rgba(4,4,7,0.90);} .rank-missions-modal{border-color:rgba(217,180,90,0.38);background:radial-gradient( circle at 13% 0%,rgba(244,221,156,0.10),transparent 34% ),radial-gradient( circle at 90% 20%,rgba(119,81,29,0.18),transparent 30% ),linear-gradient( 145deg,rgba(29,29,35,0.995),rgba(9,10,14,0.995) );box-shadow:0 34px 88px rgba(0,0,0,0.62),inset 0 1px 0 rgba(255,255,255,0.035);} .rank-missions-modal::before{background:linear-gradient( 90deg,transparent,rgba(244,221,156,0.92),rgba(169,122,43,0.90),transparent );} .rank-missions-close{border-color:rgba(217,180,90,0.20);background:rgba(217,180,90,0.045);color:#c8b98d;} .rank-missions-close:hover{border-color:rgba(217,180,90,0.48);background:rgba(217,180,90,0.10);color:#f7edcf;} .rank-missions-number{border-color:rgba(217,180,90,0.39);background:linear-gradient( 145deg,rgba(217,180,90,0.25),rgba(119,81,29,0.08) );color:#f3df9f;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 12px 28px rgba(217,180,90,0.08);} .rank-missions-kicker{color:#d9b45a;} .rank-missions-header h2{color:#f8f1df;} .rank-missions-header p{color:#b8ad92;} .rank-detail-tabs{border-color:rgba(217,180,90,0.17);background:linear-gradient( 145deg,rgba(20,20,25,0.99),rgba(8,9,13,0.995) );} .rank-detail-tab{color:#a99e84;} .rank-detail-tab>span{background:rgba(217,180,90,0.08);color:#d7bc70;} .rank-detail-tab:hover{border-color:rgba(217,180,90,0.22);background:rgba(217,180,90,0.07);color:#f0e4c4;} .rank-detail-tab[aria-selected="true"]{border-color:rgba(217,180,90,0.42);background:linear-gradient( 145deg,rgba(217,180,90,0.24),rgba(119,81,29,0.07) );color:#f8f1df;} .rank-detail-tab[aria-selected="true"]>span{background:rgba(244,221,156,0.13);color:#f3df9f;} .rank-detail-heading{border-color:rgba(217,180,90,0.16);background:rgba(217,180,90,0.045);} .rank-detail-heading span{color:#d9b45a;} .rank-detail-count{border-color:rgba(217,180,90,0.26);background:rgba(217,180,90,0.10);color:#f0dda4;} .rank-detail-item{border-color:rgba(217,180,90,0.16);background:linear-gradient( 145deg,rgba(31,31,38,0.94),rgba(13,14,19,0.97) );} .rank-detail-item:hover{border-color:rgba(217,180,90,0.38);} .rank-detail-item-badge,.rank-mission-index{border-color:rgba(217,180,90,0.29);background:rgba(217,180,90,0.11);color:#f0d991;} .rank-detail-item-copy strong,.rank-mission-item strong{color:#f8f1df;} .rank-detail-item-copy small,.rank-mission-item small{color:#a99e84;} .rank-detail-empty,.rank-missions-empty{border-color:rgba(217,180,90,0.28);background:radial-gradient( circle at 10% 0%,rgba(217,180,90,0.075),transparent 35% ),rgba(7,8,11,0.34);} .rank-detail-empty>span,.rank-missions-empty>span{border-color:rgba(217,180,90,0.22);background:rgba(217,180,90,0.10);color:rgba(244,221,156,0.84);} .rank-mission-information-card{border-color:rgba(217,180,90,0.18);background:radial-gradient( circle at 0% 0%,rgba(244,221,156,0.065),transparent 42% ),linear-gradient( 145deg,rgba(31,31,38,0.94),rgba(13,14,19,0.98) );} .rank-mission-information-card.promotion{border-left-color:rgba(217,180,90,0.82);} .rank-mission-information-card.transfer{border-left-color:rgba(244,221,156,0.82);} .rank-mission-information-icon{border-color:rgba(217,180,90,0.30);background:rgba(217,180,90,0.12);color:#f1da94;} .rank-mission-information-card.transfer .rank-mission-information-icon{border-color:rgba(244,221,156,0.30);background:rgba(244,221,156,0.09);color:#f4dfa0;} .rank-mission-credit-value{border-color:rgba(217,180,90,0.36);background:linear-gradient( 145deg,rgba(217,180,90,0.18),rgba(119,81,29,0.09) );color:#f1d98e;} .rank-missions-primary{border-color:rgba(244,221,156,0.58);color:#171109;background:linear-gradient( 145deg,#f0d486,#c7973c );} .rank-mission-information{grid-template-columns:repeat(3,minmax(0,1fr));} .rank-mission-information-card.missions{border-left:3px solid rgba(244,221,156,0.72);} .rank-mission-information-card.missions .rank-mission-information-icon{border-color:rgba(244,221,156,0.28);background:rgba(244,221,156,0.09);color:#f4dfa0;} .rank-detail-item.requirements,.rank-detail-item.rewards,.rank-detail-item.functions{align-items:flex-start;min-height:78px;} .rank-detail-item.requirements .rank-detail-item-copy small,.rank-detail-item.rewards .rank-detail-item-copy small,.rank-detail-item.functions .rank-detail-item-copy small{margin-top:4px;color:#c4b894;font-size:12px;line-height:1.55;} @media (max-width:760px){.rank-mission-information{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:560px){.rank-mission-information{grid-template-columns:minmax(0,1fr);}} .olympus-council-section{position:relative;overflow:hidden;border-color:rgba(217,180,90,0.18);background:radial-gradient( circle at 50% 5%,rgba(217,180,90,0.12),transparent 30% ),linear-gradient( 145deg,rgba(17,18,23,0.98),rgba(7,8,12,0.995) );} .olympus-council-section::before{content:"Ω";position:absolute;top:20%;left:50%;pointer-events:none;color:rgba(217,180,90,0.025);font-family:Georgia,serif;font-size:min(48vw,620px);line-height:1;transform:translateX(-50%);} .olympus-council-heading,.olympus-council-pyramid{position:relative;z-index:1;} .olympus-council-heading{max-width:760px;margin-inline:auto;} .olympus-council-heading h2{font-size:clamp(31px,5vw,50px);} .olympus-council-pyramid{width:min(100%,940px);margin:34px auto 0;padding:32px 26px 26px;border:1px solid rgba(217,180,90,0.16);border-radius:27px;background:radial-gradient( circle at 50% 0%,rgba(244,221,156,0.075),transparent 30% ),rgba(7,8,12,0.48);box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 28px 66px rgba(0,0,0,0.30);} .olympus-council-pyramid::before,.olympus-council-pyramid::after{content:"";position:absolute;right:34px;left:34px;height:1px;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.52),rgba(244,221,156,0.92),rgba(217,180,90,0.52),transparent );} .olympus-council-pyramid::before{top:0;} .olympus-council-pyramid::after{bottom:0;} .olympus-council-row{position:relative;display:grid;justify-content:center;gap:18px;margin-inline:auto;} .council-row-owners,.council-row-founders,.council-row-admins{grid-template-columns:repeat(2,minmax(0,300px));} .council-row-manager{grid-template-columns:minmax(0,330px);} .council-row-owners{width:min(100%,720px);} .council-row-founders{width:min(100%,650px);} .council-row-manager{width:min(100%,330px);} .council-row-admins{width:min(100%,760px);} .olympus-council-card{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center;min-height:132px;padding:18px 42px 18px 18px;overflow:hidden;border:1px solid rgba(217,180,90,0.17);border-radius:19px;background:radial-gradient( circle at 0% 0%,rgba(244,221,156,0.055),transparent 42% ),linear-gradient( 145deg,rgba(29,29,35,0.97),rgba(10,11,15,0.99) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.023),0 15px 32px rgba(0,0,0,0.20);transition:transform 170ms ease,border-color 170ms ease,box-shadow 170ms ease;} .olympus-council-card:hover{border-color:rgba(217,180,90,0.36);box-shadow:inset 0 1px 0 rgba(255,255,255,0.028),0 21px 42px rgba(0,0,0,0.28);transform:translateY(-3px);} .olympus-council-card::after{content:"Ω";position:absolute;right:-13px;bottom:-38px;pointer-events:none;color:rgba(217,180,90,0.045);font-family:Georgia,serif;font-size:112px;line-height:1;} .council-card-owner{min-height:154px;border-color:rgba(244,221,156,0.34);background:radial-gradient( circle at 15% 0%,rgba(244,221,156,0.13),transparent 43% ),linear-gradient( 145deg,rgba(42,36,24,0.84),rgba(13,13,17,0.99) );} .council-card-founder{border-left:3px solid rgba(217,180,90,0.74);} .council-card-manager{border-left:3px solid rgba(183,143,68,0.82);} .council-card-admin{border-left:3px solid rgba(155,116,50,0.74);} .olympus-council-role-symbol{position:absolute;top:13px;right:13px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(217,180,90,0.22);border-radius:9px;color:#d9ba6a;background:rgba(217,180,90,0.07);font-family:Georgia,serif;font-size:14px;} .council-card-owner .olympus-council-role-symbol{color:#f0d991;font-size:17px;} .olympus-council-avatar{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:96px;overflow:hidden;border:1px solid rgba(217,180,90,0.30);border-radius:23px 23px 15px 15px;background:radial-gradient( circle at 50% 23%,rgba(244,221,156,0.16),transparent 47% ),linear-gradient( 145deg,rgba(217,180,90,0.16),rgba(119,81,29,0.05) );box-shadow:inset 0 0 0 4px rgba(255,255,255,0.017),0 12px 27px rgba(0,0,0,0.25);} .council-card-owner .olympus-council-avatar{width:90px;height:108px;border-color:rgba(244,221,156,0.50);} .olympus-council-avatar img{position:relative;inset:auto;align-self:end;justify-self:center;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;image-rendering:auto;filter:none;} .olympus-council-card-copy{position:relative;z-index:1;min-width:0;} .olympus-council-card-copy small{display:block;margin-bottom:6px;overflow:hidden;color:#a9935d;font-size:8px;font-weight:900;letter-spacing:0.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;} .olympus-council-card-copy h3{overflow:hidden;margin:0;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:20px;text-overflow:ellipsis;white-space:nowrap;} .olympus-council-card-copy strong{display:block;margin-top:5px;color:#e1bd60;font-size:11px;} .olympus-council-card.is-vacant{border-style:dashed;opacity:0.72;} .olympus-council-card.is-vacant:hover{opacity:1;} .olympus-council-card.is-vacant .olympus-council-avatar{border-style:dashed;filter:saturate(0.55);} .olympus-council-card.is-vacant .olympus-council-card-copy h3{color:#c9bea0;} .olympus-council-connector{position:relative;display:block;width:min(76%,580px);height:37px;margin:0 auto;pointer-events:none;} .olympus-council-connector::before{content:"";position:absolute;top:0;bottom:13px;left:50%;width:1px;background:linear-gradient( rgba(217,180,90,0.62),rgba(217,180,90,0.22) );} .olympus-council-connector::after{content:"";position:absolute;right:12%;bottom:13px;left:12%;height:1px;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.37) 16%,rgba(217,180,90,0.37) 84%,transparent );} .connector-founders-manager::after{right:50%;left:50%;} .connector-manager-admins{width:min(82%,650px);} .olympus-council-motto{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:23px;color:#917a43;} .olympus-council-motto p{margin:0;color:#aa9c79;font-family:Georgia,Cambria,serif;font-size:10px;letter-spacing:0.11em;text-transform:uppercase;} .olympus-council-motto span{color:#d0aa4e;font-size:8px;} @media (max-width:760px){.olympus-council-pyramid{padding:24px 16px;} .council-row-owners,.council-row-founders,.council-row-admins{grid-template-columns:minmax(0,1fr);width:min(100%,390px);} .council-row-manager{width:min(100%,390px);} .olympus-council-connector{width:1px;height:28px;background:linear-gradient( rgba(217,180,90,0.62),rgba(217,180,90,0.16) );} .olympus-council-connector::before,.olympus-council-connector::after{display:none;}} @media (max-width:450px){.olympus-council-pyramid{padding:19px 11px;border-radius:20px;} .olympus-council-card{grid-template-columns:76px minmax(0,1fr);gap:13px;min-height:122px;padding:16px 37px 16px 14px;} .council-card-owner{min-height:135px;} .olympus-council-avatar,.council-card-owner .olympus-council-avatar{width:74px;height:88px;} .olympus-council-card-copy h3{font-size:17px;}} @media (prefers-reduced-motion:reduce){.olympus-council-card{transition:none;}} .olympus-council-pyramid:not(.is-dynamic-ready)>*{display:none !important;} .olympus-council-admin{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.2fr);gap:22px;align-items:end;margin-bottom:28px;padding:20px;border:1px solid rgba(217,180,90,0.24);border-radius:18px;background:rgba(217,180,90,0.055);} .olympus-council-admin-copy{display:grid;gap:6px;} .olympus-council-admin-copy strong{color:#f1db9a;font-family:Georgia,Cambria,serif;font-size:17px;} .olympus-council-admin-copy span{color:#b8ad91;font-size:12px;line-height:1.55;} .olympus-council-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;} .olympus-council-label{grid-column:1 / -1;color:#cdb56e;font-size:10px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;} .olympus-council-form input{min-width:0;height:43px;padding:0 13px;border:1px solid rgba(217,180,90,0.25);border-radius:11px;outline:none;color:#f7efdc;background:rgba(5,6,9,0.72);} .olympus-council-form input:focus{border-color:rgba(235,199,105,0.72);box-shadow:0 0 0 3px rgba(217,180,90,0.10);} .olympus-council-add,.olympus-council-remove{border:1px solid rgba(217,180,90,0.34);border-radius:11px;color:#17130a;background:linear-gradient(135deg,#f0ce70,#c99d3e);font:inherit;font-weight:800;cursor:pointer;} .olympus-council-add{height:43px;padding:0 16px;white-space:nowrap;} .olympus-council-add:disabled,.olympus-council-remove:disabled{cursor:wait;opacity:0.55;} .olympus-council-message{margin:-10px 0 24px;padding:11px 14px;border-left:3px solid #d9b45a;color:#ddd1b4;background:rgba(217,180,90,0.07);font-size:12px;} .olympus-council-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,760px);margin-inline:auto;} .council-card-dynamic{min-height:142px;border-left:3px solid rgba(217,180,90,0.74);} .olympus-council-remove{position:absolute;right:12px;bottom:12px;z-index:3;padding:6px 9px;color:#e9d9b1;background:rgba(8,9,12,0.84);font-size:9px;letter-spacing:0.05em;text-transform:uppercase;} .olympus-council-remove:hover{border-color:rgba(241,196,86,0.72);color:#fff1c5;} .olympus-council-empty{display:grid;justify-items:center;max-width:520px;margin:8px auto;padding:36px 24px;border:1px dashed rgba(217,180,90,0.28);border-radius:19px;text-align:center;} .olympus-council-empty>span{margin-bottom:10px;color:#d9b45a;font-family:Georgia,Cambria,serif;font-size:34px;} .olympus-council-empty strong{color:#f1e5c9;font-family:Georgia,Cambria,serif;font-size:20px;} .olympus-council-empty p{margin:8px 0 0;color:#a9a088;font-size:12px;line-height:1.55;} @media (max-width:760px){.olympus-council-admin{grid-template-columns:minmax(0,1fr);} .olympus-council-list{grid-template-columns:minmax(0,390px);justify-content:center;}} @media (max-width:480px){.olympus-council-form{grid-template-columns:minmax(0,1fr);} .olympus-council-label{grid-column:auto;}} .olympus-council-section{padding:clamp(18px,2.4vw,26px);border-radius:22px;} .olympus-council-heading{max-width:660px;margin-bottom:0;} .olympus-council-heading h2{margin:2px 0 5px;font-size:clamp(28px,4.1vw,42px);} .olympus-council-heading p{font-size:13px;line-height:1.45;} .olympus-council-pyramid{width:min(100%,790px);margin-top:15px;padding:15px 17px 13px;border-radius:19px;} .olympus-council-pyramid::before,.olympus-council-pyramid::after{right:24px;left:24px;} .olympus-council-admin{gap:14px;margin-bottom:14px;padding:13px;border-radius:14px;} .olympus-council-admin-copy{gap:3px;} .olympus-council-admin-copy strong{font-size:15px;} .olympus-council-admin-copy span{font-size:11px;line-height:1.4;} .olympus-council-form input,.olympus-council-add{height:38px;} .olympus-council-list{gap:12px;width:min(100%,680px);} .olympus-council-card,.council-card-dynamic{grid-template-columns:68px minmax(0,1fr);gap:12px;min-height:105px;padding:12px 38px 12px 12px;border-radius:15px;} .olympus-council-avatar,.council-card-owner .olympus-council-avatar{width:66px;height:78px;border-radius:17px 17px 11px 11px;} .olympus-council-card-copy small{margin-bottom:3px;font-size:7px;} .olympus-council-card-copy h3{font-size:17px;} .olympus-council-card-copy strong{margin-top:3px;font-size:10px;} .olympus-council-empty{max-width:420px;margin:0 auto;padding:17px 15px;border-radius:15px;} .olympus-council-empty>span{margin-bottom:3px;font-size:26px;} .olympus-council-empty strong{font-size:17px;} .olympus-council-empty p{margin-top:4px;font-size:11px;line-height:1.4;} .olympus-council-motto{gap:9px;margin-top:11px;} .olympus-council-motto p{font-size:8px;} @media (max-width:520px){.olympus-council-section{padding:16px 11px;} .olympus-council-heading h2{font-size:clamp(27px,10vw,35px);} .olympus-council-heading p{font-size:12px;} .olympus-council-pyramid{margin-top:12px;padding:12px 9px 10px;}} .olympus-council-pyramid{width:min(100%,1220px) !important;margin-top:18px !important;padding:20px 18px 14px !important;border-radius:22px !important;} .olympus-council-directory-head{display:none !important;} .olympus-council-list{display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr)) !important;justify-content:center !important;gap:12px !important;width:100% !important;} .olympus-council-card.council-card-dynamic{display:flex !important;flex:none !important;flex-direction:column !important;width:100% !important;min-width:0 !important;max-width:none !important;min-height:220px !important;padding:0 !important;border-top-width:3px !important;border-left-width:1px !important;border-radius:16px !important;} .olympus-council-card.council-card-dynamic:hover{transform:translateY(-3px) !important;} .olympus-council-card.council-card-dynamic::after,.council-card-dynamic .olympus-council-role-symbol,.council-card-dynamic .olympus-council-remove{display:none !important;} .council-card-dynamic .olympus-council-avatar,.council-card-dynamic.council-card-owner .olympus-council-avatar{position:relative !important;width:104px !important;height:138px !important;flex:0 0 138px !important;margin:14px auto 0 !important;overflow:hidden !important;border:1px solid color-mix(in srgb,var(--council-accent) 33%,transparent) !important;border-radius:19px !important;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--council-accent) 17%,transparent),transparent 52%),rgba(255,255,255,0.035) !important;} .council-card-dynamic .olympus-council-avatar::before{right:12% !important;bottom:5px !important;left:12% !important;height:8px !important;} .council-card-dynamic .olympus-council-avatar img{inset:auto 0 4px !important;width:auto !important;max-width:96% !important;height:132px !important;margin:0 auto !important;object-fit:contain !important;object-position:center bottom !important;image-rendering:pixelated !important;filter:none !important;transform:none !important;} .council-card-dynamic .olympus-council-card-copy{display:flex !important;flex:0 0 auto !important;flex-direction:column !important;align-items:center !important;width:100% !important;min-height:66px !important;padding:8px 9px 12px !important;text-align:center !important;} .council-card-dynamic .olympus-council-card-copy small,.olympus-council-live-label{display:none !important;} .council-card-dynamic .olympus-council-card-copy h3{width:100% !important;margin:0 !important;overflow:hidden !important;font-size:15px !important;line-height:1.15 !important;text-overflow:ellipsis !important;white-space:nowrap !important;} .council-card-dynamic .olympus-council-card-copy strong{display:inline-flex !important;align-items:center !important;min-height:22px !important;margin-top:7px !important;padding:4px 10px !important;font-size:8px !important;line-height:1 !important;} .olympus-council-motto{margin-top:13px !important;} .olympus-council-motto p{font-size:8px !important;} @media (max-width:1120px){.olympus-council-list{grid-template-columns:repeat(4,minmax(155px,190px)) !important;} .olympus-council-card.council-card-dynamic{max-width:190px !important;}} @media (max-width:760px){.olympus-council-list{grid-template-columns:repeat(2,minmax(140px,190px)) !important;}} @media (max-width:520px){.olympus-council-pyramid{padding:14px 10px 11px !important;} .olympus-council-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;} .olympus-council-card.council-card-dynamic{width:100% !important;max-width:none !important;min-height:200px !important;} .council-card-dynamic .olympus-council-avatar,.council-card-dynamic.council-card-owner .olympus-council-avatar{width:92px !important;height:122px !important;flex-basis:122px !important;} .council-card-dynamic .olympus-council-avatar img{height:116px !important;} .council-card-dynamic .olympus-council-card-copy h3{font-size:13px !important;}} .home-hero-layout{display:block;} .home-hero-layout .home-main-banner{position:relative;width:100%;min-height:380px;overflow:hidden;border:1px solid rgba(217,180,90,0.17);border-radius:30px;background:radial-gradient( circle at 14% 0%,rgba(244,221,156,0.07),transparent 37% ),radial-gradient( circle at 80% 18%,rgba(96,120,179,0.14),transparent 34% ),linear-gradient( 145deg,rgba(29,29,35,0.97),rgba(10,11,15,0.99) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.023),0 15px 32px rgba(0,0,0,0.20);} .home-hero-layout .home-main-banner::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.10;background:linear-gradient( rgba(217,180,90,0.14) 1px,transparent 1px ),linear-gradient( 90deg,rgba(217,180,90,0.14) 1px,transparent 1px );background-size:32px 32px;} .home-hero-layout .home-main-banner::after{content:"Ω";position:absolute;right:clamp(95px,13vw,190px);bottom:-0.24em;pointer-events:none;color:rgba(217,180,90,0.045);font-family:Georgia,serif;font-size:clamp(180px,25vw,390px);line-height:1;} .home-hero-layout .home-banner-overlay,.home-hero-layout .home-banner-content,.home-hero-layout .home-social-links{position:relative;z-index:1;} .home-hero-layout .home-banner-content{max-width:min(770px,calc(100% - 250px));} .home-hero-layout .home-social-links{position:absolute;right:28px;bottom:26px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:14px;} .home-hero-layout .home-social-link{display:inline-flex;align-items:center;justify-content:center;width:82px;height:82px;border:1px solid rgba(244,221,156,0.20);border-radius:50%;color:#f8f1df;text-decoration:none;box-shadow:0 14px 31px rgba(0,0,0,0.27),0 0 0 6px rgba(217,180,90,0.030);transition:transform 170ms ease,border-color 170ms ease,box-shadow 170ms ease;} .home-hero-layout .home-social-link:hover{border-color:rgba(244,221,156,0.48);box-shadow:0 20px 38px rgba(0,0,0,0.32),0 0 0 6px rgba(217,180,90,0.050);transform:translateY(-3px);} .home-hero-layout .home-social-link:focus-visible{outline:2px solid rgba(244,221,156,0.82);outline-offset:4px;} .home-hero-layout .home-social-link-x{background:radial-gradient( circle at 35% 25%,rgba(255,255,255,0.16),transparent 28% ),linear-gradient( 145deg,rgba(31,32,38,0.98),rgba(10,11,15,0.99) );} .home-hero-layout .home-social-link-x>span{font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:800;line-height:1;} .home-hero-layout .home-social-link-discord{color:#ffffff;background:radial-gradient( circle at 35% 25%,rgba(255,255,255,0.24),transparent 28% ),linear-gradient( 145deg,#7485ff,#5865f2 55%,#3f4dcc );} .home-hero-layout .discord-mark{display:inline-flex;width:42px;height:42px;} .home-hero-layout .discord-mark svg{width:100%;height:100%;} .olympus-payment-section{position:relative;overflow:hidden;padding:clamp(30px,5vw,52px);border:1px solid rgba(217,180,90,0.20);border-radius:29px;background:radial-gradient( circle at 50% 0%,rgba(244,221,156,0.095),transparent 31% ),radial-gradient( circle at 8% 70%,rgba(217,180,90,0.045),transparent 28% ),linear-gradient( 145deg,rgba(29,29,35,0.975),rgba(9,10,14,0.995) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 25px 62px rgba(0,0,0,0.27);} .olympus-payment-section::before{content:"Ω";position:absolute;right:-45px;bottom:-130px;pointer-events:none;color:rgba(217,180,90,0.035);font-family:Georgia,Cambria,serif;font-size:clamp(280px,38vw,520px);line-height:1;} .olympus-payment-section::after{content:"";position:absolute;top:0;right:42px;left:42px;height:1px;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.46),rgba(244,221,156,0.92),rgba(217,180,90,0.46),transparent );} .olympus-payment-high{margin-top:24px;background:radial-gradient( circle at 50% 0%,rgba(244,221,156,0.12),transparent 32% ),radial-gradient( circle at 93% 70%,rgba(119,81,29,0.09),transparent 30% ),linear-gradient( 145deg,rgba(34,31,25,0.98),rgba(10,10,14,0.995) );} .olympus-payment-heading,.olympus-schedule-grid,.olympus-payment-footer{position:relative;z-index:1;} .olympus-payment-heading{display:grid;justify-items:center;text-align:center;} .olympus-payment-heading .panel-kicker{color:#d9b45a;} .olympus-payment-heading h2{margin:9px 0 8px;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:clamp(29px,4vw,43px);letter-spacing:-0.035em;} .olympus-payment-heading h2 b{display:inline-block;color:#d9b45a;font-size:0.55em;font-weight:700;letter-spacing:0;} .olympus-payment-heading>small{padding:7px 12px;border:1px solid rgba(217,180,90,0.20);border-radius:999px;color:#d8c78f;background:rgba(217,180,90,0.07);font-size:9px;font-weight:900;letter-spacing:0.13em;text-transform:uppercase;} .olympus-schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:30px;} .olympus-schedule-card{position:relative;display:grid;justify-items:center;align-content:center;min-height:220px;padding:24px 16px 19px;overflow:hidden;border:1px solid rgba(217,180,90,0.16);border-radius:19px;text-align:center;background:radial-gradient( circle at 50% 8%,rgba(244,221,156,0.08),transparent 38% ),linear-gradient( 145deg,rgba(31,31,38,0.97),rgba(12,13,18,0.99) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.022),0 14px 32px rgba(0,0,0,0.18);transition:transform 170ms ease,border-color 170ms ease,box-shadow 170ms ease;} .olympus-schedule-card:hover{border-color:rgba(217,180,90,0.40);box-shadow:inset 0 1px 0 rgba(255,255,255,0.027),0 20px 40px rgba(0,0,0,0.27);transform:translateY(-4px);} .olympus-schedule-card::after{content:"";position:absolute;right:22px;bottom:0;left:22px;height:2px;opacity:0;background:linear-gradient( 90deg,transparent,#d9b45a,transparent );transition:opacity 170ms ease;} .olympus-schedule-card:hover::after{opacity:1;} .olympus-schedule-card .country-flag{display:grid;place-items:center;width:76px;height:76px;margin-bottom:15px;border:1px solid rgba(217,180,90,0.28);border-radius:50%;background:radial-gradient( circle at 35% 25%,rgba(255,255,255,0.11),transparent 32% ),rgba(217,180,90,0.075);box-shadow:0 13px 28px rgba(0,0,0,0.22),0 0 0 6px rgba(217,180,90,0.025);font-size:38px;line-height:1;} .olympus-schedule-country{min-height:50px;} .olympus-schedule-country h3{margin:0;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:17px;} .olympus-schedule-country small{display:block;margin-top:4px;color:#9f957c;font-size:10px;} .olympus-schedule-card>strong{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:36px;margin-top:16px;padding:7px 12px;border:1px solid rgba(217,180,90,0.28);border-radius:999px;color:#f0d991;background:linear-gradient( 145deg,rgba(217,180,90,0.13),rgba(119,81,29,0.065) );font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.025);} .olympus-payment-footer{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:26px;color:#917a43;} .olympus-payment-footer p{margin:0;color:#a99b78;font-family:Georgia,Cambria,serif;font-size:10px;letter-spacing:0.10em;text-transform:uppercase;} .olympus-payment-footer span{color:#d0aa4e;font-size:8px;} @media (max-width:1080px){.olympus-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media (max-width:780px){.olympus-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:480px){.olympus-payment-section{padding:28px 16px;border-radius:21px;} .olympus-schedule-grid{grid-template-columns:minmax(0,1fr);} .olympus-schedule-card{min-height:200px;}} @media (prefers-reduced-motion:reduce){.olympus-schedule-card{transition:none;}} .olympus-schedule-card .country-flag{width:88px;height:64px;margin-bottom:16px;padding:5px;overflow:hidden;border:1px solid rgba(217,180,90,0.34);border-radius:13px;background:linear-gradient( 145deg,rgba(244,221,156,0.13),rgba(119,81,29,0.07) );box-shadow:0 13px 28px rgba(0,0,0,0.24),0 0 0 6px rgba(217,180,90,0.025);font-size:0;} .olympus-schedule-card .country-flag img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover;object-position:center;} .olympus-payment-high .olympus-schedule-grid{margin-top:24px;} .olympus-schedule-card .country-flag img{object-fit:fill;background:#ffffff;} .auth-modal .input-container{overflow:hidden;background:linear-gradient( 145deg,rgba(10,13,20,0.98),rgba(7,9,14,0.99) );} .auth-modal .input-container input{display:block;flex:1 1 auto;width:100%;min-width:0;height:auto;margin:0;padding:0;border:0 !important;border-radius:0 !important;outline:0 !important;color:#f8f1df !important;background:transparent !important;background-color:transparent !important;box-shadow:none !important;appearance:none;-webkit-appearance:none;font:inherit;caret-color:#d9b45a;} .auth-modal .input-container input:focus,.auth-modal .input-container input:focus-visible,.auth-modal .input-container input:active{border:0 !important;outline:0 !important;background:transparent !important;background-color:transparent !important;box-shadow:none !important;} .auth-modal .input-container input::placeholder{color:#746f64 !important;opacity:1;} .auth-modal .input-container input:-webkit-autofill,.auth-modal .input-container input:-webkit-autofill:hover,.auth-modal .input-container input:-webkit-autofill:focus,.auth-modal .input-container input:-webkit-autofill:active{border:0 !important;-webkit-text-fill-color:#f8f1df !important;caret-color:#d9b45a !important;-webkit-box-shadow:0 0 0 1000px #090c12 inset !important;box-shadow:0 0 0 1000px #090c12 inset !important;transition:background-color 9999s ease-out 0s;} .auth-modal .input-container input:autofill{color:#f8f1df !important;background:#090c12 !important;box-shadow:0 0 0 1000px #090c12 inset !important;} .auth-modal .input-container:focus-within{border-color:rgba(217,180,90,0.58);box-shadow:0 0 0 3px rgba(217,180,90,0.10);} .auth-modal .password-button{flex:0 0 auto;border:0 !important;box-shadow:none !important;background:transparent !important;} .auth-modal .remember-option input[type="checkbox"]{width:auto;min-width:auto;appearance:auto;-webkit-appearance:checkbox;} .auth-modal-backdrop{background:radial-gradient( circle at 50% 15%,rgba(217,180,90,0.08),transparent 34% ),rgba(3,4,7,0.91);} .auth-modal-dialog{isolation:isolate;overflow-x:hidden;border:1px solid rgba(217,180,90,0.34);border-radius:26px;color:#f8f1df;background:radial-gradient( circle at 12% 0%,rgba(244,221,156,0.10),transparent 32% ),radial-gradient( circle at 92% 18%,rgba(119,81,29,0.15),transparent 27% ),linear-gradient( 145deg,rgba(28,27,30,0.995),rgba(9,10,14,0.998) );box-shadow:0 30px 85px rgba(0,0,0,0.62),inset 0 1px 0 rgba(255,255,255,0.035);} .auth-modal-dialog::before{content:"";position:absolute;top:0;right:28px;left:28px;z-index:-1;height:2px;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.50),rgba(244,221,156,0.96),rgba(217,180,90,0.50),transparent );} .auth-modal-dialog::after{content:"Ω";position:absolute;right:-45px;bottom:-122px;z-index:-1;color:rgba(217,180,90,0.035);font-family:Georgia,"Times New Roman",serif;font-size:310px;line-height:1;pointer-events:none;} .auth-modal-close{border-color:rgba(217,180,90,0.22);color:#b8ab88;background:rgba(217,180,90,0.045);box-shadow:inset 0 1px 0 rgba(255,255,255,0.025);} .auth-modal-close:hover{border-color:rgba(217,180,90,0.48);color:#f7edcf;background:rgba(217,180,90,0.10);transform:rotate(4deg);} .auth-modal-header{position:relative;} .auth-modal-header::after{content:"";position:absolute;right:0;bottom:-14px;left:0;height:1px;opacity:0.70;background:linear-gradient( 90deg,rgba(217,180,90,0.50),rgba(217,180,90,0.08),transparent );} .auth-modal-header .card-icon{border:1px solid rgba(217,180,90,0.28);color:#f1d991;background:radial-gradient( circle at 35% 25%,rgba(255,255,255,0.09),transparent 34% ),linear-gradient( 145deg,rgba(217,180,90,0.18),rgba(119,81,29,0.08) );box-shadow:0 12px 28px rgba(217,180,90,0.09),inset 0 1px 0 rgba(255,255,255,0.035);} .auth-modal-header .card-icon.purple{border-color:rgba(217,180,90,0.28);color:#f1d991;background:radial-gradient( circle at 35% 25%,rgba(255,255,255,0.09),transparent 34% ),linear-gradient( 145deg,rgba(217,180,90,0.18),rgba(119,81,29,0.08) );} .auth-modal .eyebrow{color:#d9b45a;letter-spacing:0.14em;} .auth-modal-header h2{color:#f8f1df;font-family:Georgia,Cambria,"Times New Roman",serif;letter-spacing:-0.035em;text-shadow:0 1px 0 rgba(255,255,255,0.025);} .auth-modal-header p{color:#b7ad95;} .auth-modal .field label,.registration-password-fields legend{color:#c9bea0;} .auth-modal .input-container{border-color:rgba(217,180,90,0.20);background:radial-gradient( circle at 0% 0%,rgba(244,221,156,0.035),transparent 45% ),linear-gradient( 145deg,rgba(13,14,18,0.99),rgba(7,8,11,0.995) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.018);} .auth-modal .input-container:hover{border-color:rgba(217,180,90,0.34);} .auth-modal .input-container:focus-within{border-color:rgba(217,180,90,0.66);box-shadow:0 0 0 3px rgba(217,180,90,0.10),0 12px 25px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.025);} .auth-modal .input-icon{color:#d9b45a;} .auth-modal .input-container input{color:#f8f1df !important;caret-color:#d9b45a;} .auth-modal .input-container input::placeholder{color:#756f61 !important;} .auth-modal .password-button{color:#d9c27f !important;} .auth-modal .password-button:hover{color:#f4dfa0 !important;background:rgba(217,180,90,0.07) !important;} .auth-modal .remember-option{color:#a99e85;} .auth-modal .remember-option input{accent-color:#d9b45a;} .auth-modal .submit-button{border:1px solid rgba(244,221,156,0.48);color:#171109;background:linear-gradient( 135deg,#e5c56d,#c89a3e 54%,#a87628 );box-shadow:0 14px 30px rgba(217,180,90,0.15),inset 0 1px 0 rgba(255,255,255,0.34);} .auth-modal .submit-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 18px 36px rgba(217,180,90,0.21),inset 0 1px 0 rgba(255,255,255,0.38);} .auth-modal .submit-button:disabled{color:rgba(248,241,223,0.62);border-color:rgba(217,180,90,0.15);background:linear-gradient( 135deg,rgba(217,180,90,0.25),rgba(119,81,29,0.18) );box-shadow:none;} .auth-modal .verification-start-button{border-color:rgba(217,180,90,0.34);color:#f0dda4;background:linear-gradient( 145deg,rgba(217,180,90,0.13),rgba(119,81,29,0.07) );} .auth-modal .verification-start-button:hover:not(:disabled){border-color:rgba(217,180,90,0.58);background:linear-gradient( 145deg,rgba(217,180,90,0.22),rgba(119,81,29,0.11) );} .auth-modal-demo,.auth-modal .assigned-rank,.auth-modal .local-warning,.auth-modal .verification-panel{border:1px solid rgba(217,180,90,0.16);background:radial-gradient( circle at 0% 0%,rgba(244,221,156,0.045),transparent 42% ),rgba(217,180,90,0.045);} .auth-modal-demo strong{color:#eadba9;} .auth-modal-demo span,.auth-modal .local-warning,.auth-modal .assigned-rank,.auth-modal .verification-panel{color:#aaa087;} .auth-modal .assigned-rank strong{color:#f0d991;} .auth-modal .local-warning{position:relative;overflow:hidden;} .auth-modal .local-warning::before{content:"◆";display:inline-block;margin-right:7px;color:#d9b45a;font-size:8px;} .auth-modal-switch{color:#a99e85;} .auth-modal-switch button{color:#e3c66f;} .auth-modal-switch button:hover{color:#f4dfa0;} .auth-modal .verification-user-preview{border-color:rgba(217,180,90,0.17);background:rgba(217,180,90,0.035);} .auth-modal .verification-step{border-color:rgba(217,180,90,0.30);color:#f1d991;background:rgba(217,180,90,0.12);} .auth-modal .verification-code-row code{border-color:rgba(217,180,90,0.50);color:#f8f1df;background:rgba(7,8,11,0.90);} .auth-modal .verification-code-row button,.auth-modal .verification-regenerate-button{border-color:rgba(217,180,90,0.24);color:#eadba9;background:rgba(217,180,90,0.07);} .auth-modal .verification-check-button{border-color:rgba(244,221,156,0.48) !important;color:#171109;background:linear-gradient( 145deg,#e5c56d,#bd8d35 );} .auth-modal .verification-status.loading{color:#e3cd91;} .auth-modal .verification-status.success{color:#91d9ae;} .auth-modal .verification-status.error,.auth-modal .form-message.error{color:#e8a3a7;} @media (max-width:560px){.auth-modal-dialog::after{right:-35px;bottom:-96px;font-size:245px;}} @media (prefers-reduced-motion:reduce){.auth-modal .submit-button,.auth-modal-close{transition:none;}} .auth-modal-dialog .auth-modal-switch::after{content:none !important;display:none !important;background:none !important;} .auth-modal-dialog,.auth-modal-dialog-large{height:auto !important;max-height:none !important;overflow:hidden !important;} .auth-modal{overflow-y:auto !important;overscroll-behavior:contain;align-items:safe center;justify-items:center;scrollbar-width:none;} .auth-modal::-webkit-scrollbar{width:0;height:0;} .auth-modal-dialog,.auth-modal-dialog-large{flex:0 0 auto;} #view-calculator{position:relative;overflow:hidden;padding:clamp(32px,5vw,58px);border:1px solid rgba(217,180,90,0.18);border-radius:30px;background:radial-gradient( circle at 50% 0%,rgba(244,221,156,0.09),transparent 29% ),radial-gradient( circle at 7% 75%,rgba(217,180,90,0.045),transparent 26% ),linear-gradient( 145deg,rgba(27,27,32,0.985),rgba(8,9,13,0.998) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 28px 68px rgba(0,0,0,0.29);isolation:isolate;} #view-calculator::before{content:"Ω";position:absolute;right:-60px;bottom:-165px;z-index:-2;color:rgba(217,180,90,0.028);font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(340px,44vw,620px);line-height:1;pointer-events:none;} #view-calculator::after{content:"";position:absolute;top:0;right:50px;left:50px;z-index:-1;height:2px;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.48),rgba(244,221,156,0.95),rgba(217,180,90,0.48),transparent );} #view-calculator .section-heading{position:relative;z-index:1;max-width:720px;margin-right:auto;margin-left:auto;} #view-calculator .section-heading .eyebrow{color:#d9b45a;letter-spacing:0.15em;} #view-calculator .section-heading h1{color:#f8f1df;font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(38px,6vw,62px);letter-spacing:-0.045em;} #view-calculator .section-heading p{color:#b7ad95;} #view-calculator .section-heading::after{content:"";display:block;width:min(260px,60%);height:1px;margin:18px auto 0;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.58),transparent );} #view-calculator .calculator-layout{position:relative;z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(310px,0.85fr);gap:22px;margin-top:34px;} #view-calculator .calculator-card{position:relative;overflow:hidden;border:1px solid rgba(217,180,90,0.18);border-radius:24px;background:radial-gradient( circle at 10% 0%,rgba(244,221,156,0.055),transparent 38% ),linear-gradient( 145deg,rgba(30,30,36,0.975),rgba(11,12,16,0.995) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 18px 42px rgba(0,0,0,0.22);} #view-calculator .calculator-card::before,#view-calculator .calculator-card::after{content:"";position:absolute;top:24px;bottom:24px;width:10px;opacity:0.16;border-right:3px double rgba(217,180,90,0.82);border-left:3px double rgba(217,180,90,0.82);pointer-events:none;} #view-calculator .calculator-card::before{left:18px;} #view-calculator .calculator-card::after{right:18px;} #view-calculator .calculator-fields{position:relative;z-index:1;gap:18px;} #view-calculator .field label{margin-bottom:9px;color:#c9bea0;font-size:10px;letter-spacing:0.07em;text-transform:uppercase;} #view-calculator .field select{min-height:58px;padding:0 46px 0 17px;border:1px solid rgba(217,180,90,0.22);border-radius:15px;color:#f8f1df;background-color:#0a0b0f;background-image:linear-gradient( 45deg,transparent 50%,#d9b45a 50% ),linear-gradient( 135deg,#d9b45a 50%,transparent 50% ),linear-gradient( 145deg,rgba(244,221,156,0.035),rgba(119,81,29,0.025) );background-position:calc(100% - 19px) 25px,calc(100% - 13px) 25px,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,0.018);appearance:none;-webkit-appearance:none;} #view-calculator .field select:hover{border-color:rgba(217,180,90,0.40);} #view-calculator .field select:focus{border-color:rgba(217,180,90,0.68);box-shadow:0 0 0 3px rgba(217,180,90,0.10),inset 0 1px 0 rgba(255,255,255,0.025);} #view-calculator .field select option{color:#f8f1df;background:#111217;} #view-calculator .change-arrow{align-self:end;width:48px;height:58px;margin:0 auto;border:1px solid rgba(217,180,90,0.25);border-radius:14px;color:#f0d991;background:radial-gradient( circle at 35% 25%,rgba(255,255,255,0.08),transparent 35% ),rgba(217,180,90,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.025);font-family:Georgia,serif;font-size:22px;} #view-calculator .calculate-button{position:relative;z-index:1;min-height:55px;margin-top:24px;border:1px solid rgba(244,221,156,0.52);border-radius:15px;color:#171109;background:linear-gradient( 135deg,#efd487,#c99a3d 56%,#aa7628 );box-shadow:0 14px 30px rgba(217,180,90,0.16),inset 0 1px 0 rgba(255,255,255,0.35);font-family:Georgia,Cambria,"Times New Roman",serif;font-size:15px;font-weight:700;} #view-calculator .calculate-button:hover{filter:brightness(1.08);box-shadow:0 18px 36px rgba(217,180,90,0.22),inset 0 1px 0 rgba(255,255,255,0.39);} #view-calculator .calculator-result{position:relative;overflow:hidden;border:1px solid rgba(217,180,90,0.28);border-radius:24px;background:radial-gradient( circle at 50% 5%,rgba(244,221,156,0.12),transparent 32% ),linear-gradient( 145deg,rgba(42,36,24,0.86),rgba(13,13,17,0.995) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.028),0 18px 42px rgba(0,0,0,0.25);} #view-calculator .calculator-result::before{content:"Δ";position:absolute;right:-13px;bottom:-49px;color:rgba(217,180,90,0.055);font-family:Georgia,serif;font-size:165px;line-height:1;pointer-events:none;} #view-calculator .calculator-result::after{content:"";position:absolute;top:23px;right:23px;bottom:23px;width:8px;opacity:0.17;border-right:3px double rgba(217,180,90,0.82);border-left:3px double rgba(217,180,90,0.82);pointer-events:none;} #view-calculator .result-label{position:relative;z-index:1;color:#d9b45a;letter-spacing:0.15em;} #view-calculator .calculator-result>strong{position:relative;z-index:1;color:#f8f1df;font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(42px,5.5vw,64px);text-shadow:0 2px 22px rgba(217,180,90,0.08);} #view-calculator .calculator-result>p{position:relative;z-index:1;color:#b7ad95;} #view-calculator .result-details{position:relative;z-index:1;gap:12px;} #view-calculator .result-details div{border:1px solid rgba(217,180,90,0.15);border-radius:14px;background:linear-gradient( 145deg,rgba(244,221,156,0.055),rgba(119,81,29,0.025) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);} #view-calculator .result-details span{color:#9f957d;} #view-calculator .result-details strong{color:#f1dda1;font-family:Georgia,Cambria,"Times New Roman",serif;} #view-calculator .calculator-note{position:relative;z-index:1;margin-top:22px;color:#807865;font-size:9px;} #view-calculator .calculator-note strong{color:#bda35f;} @media (max-width:900px){#view-calculator .calculator-layout{grid-template-columns:minmax(0,1fr);} #view-calculator .calculator-result{min-height:330px;}} @media (max-width:620px){#view-calculator{padding:28px 16px;border-radius:22px;} #view-calculator::after{right:25px;left:25px;} #view-calculator .calculator-fields{grid-template-columns:minmax(0,1fr);} #view-calculator .change-arrow{width:100%;height:40px;transform:rotate(90deg);} #view-calculator .calculator-card,#view-calculator .calculator-result{padding:25px 20px;border-radius:19px;} #view-calculator .calculator-card::before,#view-calculator .calculator-card::after,#view-calculator .calculator-result::after{display:none;} #view-calculator .result-details{grid-template-columns:minmax(0,1fr);}} @media (prefers-reduced-motion:reduce){#view-calculator .calculate-button{transition:none;}} #view-calculator .calculator-rank-field{display:flex;flex-direction:column;} #view-calculator .calculator-mission-label{margin-top:16px;} #view-calculator .calculator-mission-select{min-height:52px;border-color:rgba(217,180,90,0.17);color:#e8dcc0;background-color:#090a0e;font-size:12px;} #view-calculator .calculator-mission-select:hover{border-color:rgba(217,180,90,0.34);} #view-calculator .calculator-mission-select:focus{border-color:rgba(217,180,90,0.60);box-shadow:0 0 0 3px rgba(217,180,90,0.09);} #view-calculator .result-details div{min-width:0;} #view-calculator .result-details strong{display:block;overflow-wrap:anywhere;line-height:1.45;} @media (max-width:620px){#view-calculator .change-arrow{align-self:center;margin:4px 0;}} #view-calculator .calculator-guide{position:relative;z-index:1;width:min(820px,100%);margin:25px auto 0;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(217,180,90,0.16);border-radius:18px;background:rgba(7,8,12,0.62);box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);} #view-calculator .calculator-guide span{min-height:42px;padding:8px 12px;display:flex;gap:9px;align-items:center;justify-content:center;border-radius:12px;color:#aaa087;font-size:10px;font-weight:800;text-align:center;} #view-calculator .calculator-guide span:last-of-type{color:#ead89e;background:rgba(217,180,90,0.07);} #view-calculator .calculator-guide b{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(217,180,90,0.28);border-radius:50%;color:#f0d991;background:rgba(217,180,90,0.08);font:700 11px Georgia,serif;} #view-calculator .calculator-guide i{position:relative;width:24px;height:12px;color:rgba(240,217,145,0.82);font-style:normal;font-size:0;} #view-calculator .calculator-layout{grid-template-columns:minmax(0,1.3fr) minmax(330px,0.7fr);align-items:stretch;gap:20px;margin-top:20px;} #view-calculator .calculator-card{padding:24px;} #view-calculator .calculator-fields{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:12px;align-items:stretch;} #view-calculator .calculator-stage{min-width:0;padding:19px;border:1px solid rgba(217,180,90,0.14);border-radius:18px;background:linear-gradient( 145deg,rgba(244,221,156,0.045),rgba(7,8,12,0.46) );} #view-calculator .calculator-stage-target{border-color:rgba(217,180,90,0.28);background:radial-gradient( circle at 100% 0%,rgba(217,180,90,0.09),transparent 38% ),linear-gradient( 145deg,rgba(244,221,156,0.055),rgba(7,8,12,0.46) );} #view-calculator .calculator-stage-heading{margin-bottom:18px;padding-bottom:14px;display:flex;gap:11px;align-items:center;border-bottom:1px solid rgba(217,180,90,0.12);} #view-calculator .calculator-stage-heading>span,#view-calculator .calculator-result-heading>span{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(217,180,90,0.28);border-radius:12px;color:#f0d991;background:rgba(217,180,90,0.075);font:700 11px Georgia,serif;} #view-calculator .calculator-stage-heading div,#view-calculator .calculator-result-heading div{min-width:0;} #view-calculator .calculator-stage-heading small,#view-calculator .calculator-result-heading small{display:block;margin-bottom:3px;color:#9b917a;font-size:8px;font-weight:900;letter-spacing:0.13em;text-transform:uppercase;} #view-calculator .calculator-stage-heading strong{display:block;color:#f8f1df;font:700 16px/1.2 Georgia,serif;} #view-calculator .field label{margin-bottom:7px;font-size:9px;} #view-calculator .field select{min-height:54px;border-radius:13px;} #view-calculator .calculator-mission-label{margin-top:14px;} #view-calculator .change-arrow{align-self:center;width:58px;height:76px;margin:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border-radius:17px;} #view-calculator .change-arrow small{color:#9f957d;font-size:7px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;} #view-calculator .change-arrow span{position:relative;display:inline-block;width:25px;height:12px;color:#f4dd9c;font-size:0;} #view-calculator .calculate-button{min-height:56px;margin-top:18px;letter-spacing:0.01em;} #view-calculator .calculator-result{min-width:0;padding:28px;justify-content:flex-start;} #view-calculator .calculator-result-heading{position:relative;z-index:1;display:flex;gap:11px;align-items:center;} #view-calculator .calculator-result-heading .result-label{display:block;color:#ead89e;font:700 17px/1.2 Georgia,serif;letter-spacing:0;text-transform:none;} #view-calculator .calculator-result>strong{margin-top:28px;font-size:clamp(42px,4.7vw,61px);line-height:0.98;overflow-wrap:anywhere;} #view-calculator .calculator-result>p{min-height:72px;margin-top:14px;line-height:1.65;} #view-calculator .result-details{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px;margin-top:auto;padding-top:22px;} #view-calculator .result-details div{padding:14px;} #view-calculator .result-details>i{position:relative;width:24px;height:12px;align-self:center;color:rgba(240,217,145,0.88);font-style:normal;font-size:0;} #view-calculator .calculator-guide i::before,#view-calculator .change-arrow span::before,#view-calculator .result-details>i::before{content:"";position:absolute;top:5px;left:1px;width:19px;border-top:1px solid currentColor;} #view-calculator .calculator-guide i::after,#view-calculator .change-arrow span::after,#view-calculator .result-details>i::after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);} #view-calculator .result-details span{font-size:8px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;} #view-calculator .result-details strong{font-size:11px;} @media (max-width:1080px){#view-calculator .calculator-layout{grid-template-columns:minmax(0,1fr);} #view-calculator .calculator-result{min-height:300px;} #view-calculator .calculator-result>p{min-height:0;}} @media (max-width:760px){#view-calculator .calculator-guide{grid-template-columns:repeat(3,minmax(0,1fr));} #view-calculator .calculator-guide i{display:none;} #view-calculator .calculator-guide span{flex-direction:column;line-height:1.35;} #view-calculator .calculator-card{padding:20px;} #view-calculator .calculator-fields{grid-template-columns:minmax(0,1fr);} #view-calculator .change-arrow{width:100%;height:48px;flex-direction:row;transform:none;} #view-calculator .change-arrow span{transform:rotate(90deg);}} @media (max-width:520px){#view-calculator .section-heading h1{font-size:clamp(34px,12vw,46px);} #view-calculator .calculator-guide{grid-template-columns:minmax(0,1fr);} #view-calculator .calculator-guide span{min-height:38px;flex-direction:row;justify-content:flex-start;text-align:left;} #view-calculator .calculator-stage{padding:17px;} #view-calculator .calculator-result{min-height:0;padding:23px 19px;} #view-calculator .calculator-result>strong{font-size:clamp(38px,13vw,52px);} #view-calculator .result-details{grid-template-columns:minmax(0,1fr);} #view-calculator .result-details>i{justify-self:center;transform:rotate(90deg);}} #view-calculator .calculator-guide{display:none !important;} #view-calculator .section-heading::after{display:none !important;} #view-calculator .calculator-layout{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:16px !important;width:min(100%,980px) !important;margin:32px auto 0 !important;} #view-calculator .calculator-card{padding:28px 24px 24px !important;} #view-calculator .calculator-card::before,#view-calculator .calculator-card::after{display:none !important;} #view-calculator .calculator-fields{display:grid !important;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) !important;gap:18px !important;align-items:center !important;} #view-calculator .calculator-stage{min-width:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;} #view-calculator .calculator-stage-heading{display:block !important;margin:0 0 22px !important;padding:0 !important;border:0 !important;} #view-calculator .calculator-stage-heading>span{display:none !important;} #view-calculator .calculator-stage-heading small{display:block !important;margin-bottom:5px !important;color:#a99d80 !important;font-size:9px !important;font-weight:900 !important;letter-spacing:.12em !important;text-transform:uppercase !important;} #view-calculator .calculator-stage-heading strong{color:#f8f1df !important;font:700 20px/1.15 Georgia,Cambria,serif !important;} #view-calculator .calculator-rank-field{display:grid !important;gap:10px !important;} #view-calculator .calculator-rank-field label{margin:0 !important;} #view-calculator .calculator-mission-label{margin-top:8px !important;} #view-calculator .change-arrow{align-self:center !important;width:42px !important;height:42px !important;display:grid !important;place-items:center !important;margin:28px auto 0 !important;border-radius:50% !important;} #view-calculator .change-arrow small{display:none !important;} #view-calculator .change-arrow span{display:block !important;line-height:1 !important;} #view-calculator .calculate-button{width:100% !important;margin-top:24px !important;} #view-calculator .calculator-result{min-height:0 !important;padding:28px 24px !important;} #view-calculator .calculator-result-heading>span{display:none !important;} #view-calculator .calculator-result-heading{margin-bottom:8px !important;} #view-calculator .calculator-result>strong{margin:12px 0 !important;font-size:clamp(42px,6vw,64px) !important;} #view-calculator .result-details{margin-top:22px !important;} @media (max-width:760px){#view-calculator{padding:30px 18px !important;} #view-calculator .calculator-fields{grid-template-columns:minmax(0,1fr) !important;} #view-calculator .change-arrow{margin:0 auto !important;transform:rotate(90deg);}}:root{--olympus-bg:#080b12;--olympus-bg-soft:#0d111b;--olympus-card:rgba(15,20,31,.88);--olympus-card-soft:rgba(255,255,255,.025);--olympus-gold:#d8b85c;--olympus-gold-strong:#f0cf71;--olympus-gold-soft:rgba(216,184,92,.18);--olympus-white:#f7f2e7;--olympus-white-soft:#d9dde5;--olympus-muted:#9da6b4;--olympus-blue:#142a3a;--olympus-blue-soft:rgba(20,42,58,.65);--olympus-border:rgba(216,184,92,.22);--olympus-border-soft:rgba(255,255,255,.06);--olympus-radius:16px;--olympus-shadow:0 18px 42px rgba(0,0,0,.24);} html,body{background:radial-gradient( circle at 12% 8%,rgba(216,184,92,.09),transparent 28% ),radial-gradient( circle at 88% 18%,rgba(255,255,255,.035),transparent 24% ),linear-gradient( 160deg,#0a0d14 0%,#070910 52%,#0b0e16 100% ) !important;color:var(--olympus-white-soft) !important;} body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient( 90deg,transparent 0 48%,rgba(216,184,92,.07) 48% 52%,transparent 52% 100% ),linear-gradient( transparent 0 48%,rgba(216,184,92,.045) 48% 52%,transparent 52% 100% );background-size:140px 140px;} .topbar,.site-header,.dashboard-header,header.topbar{background:linear-gradient( 180deg,rgba(7,10,16,.98),rgba(7,10,16,.92) ) !important;border-bottom:1px solid var(--olympus-border) !important;box-shadow:0 8px 24px rgba(0,0,0,.18) !important;} .brand-copy small,.brand-copy strong,.dashboard-nav,.site-nav{color:var(--olympus-white) !important;} .brand-copy small{color:var(--olympus-gold-strong) !important;letter-spacing:.10em;} h1,h2,h3,h4,.section-heading h1,.panel-heading h2,.hero h1,.hero-title{color:var(--olympus-white) !important;font-family:Georgia,"Times New Roman",serif !important;letter-spacing:-.015em;} .eyebrow,.panel-kicker,.section-kicker,small.eyebrow{color:var(--olympus-gold-strong) !important;letter-spacing:.14em !important;text-transform:uppercase !important;} .section-heading,.panel-heading,.profile-card-title{position:relative;} .section-heading::after,.panel-heading::after,.profile-card-title::after{content:"";display:block;width:220px;max-width:100%;height:1px;margin-top:12px;background:linear-gradient( 90deg,var(--olympus-gold),rgba(255,255,255,.32),transparent );} .card,.panel,.department-card,.promotion-request-card,.promotion-incoming-panel,.promotion-mission-panel,.promotion-history-panel,.fichaje-main-card,.daily-summary,.fichaje-personnel-panel,.board-column,.profile-registration-card,.profile-stat-card,.profile-memberships-card,.profile-history-card,.rank-card,.membership-card,.hero-card,.info-card{background:linear-gradient( 145deg,rgba(255,255,255,.025),rgba(8,12,20,.88) ) !important;border:1px solid var(--olympus-border) !important;border-radius:var(--olympus-radius) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--olympus-shadow) !important;} .card::before,.panel::before,.department-card::before,.rank-card::before,.membership-card::before{content:"";display:block;height:2px;margin:-1px -1px 14px;border-radius:var(--olympus-radius) var(--olympus-radius) 0 0;background:linear-gradient( 90deg,transparent,var(--olympus-gold),rgba(255,255,255,.75),var(--olympus-gold),transparent );opacity:.78;} p,small,label,td,th,li,span{color:inherit;} p,small,.text-muted,.muted{color:var(--olympus-muted) !important;} button,.button,.primary-button,.btn,a.button{border-radius:10px !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease !important;} .primary-button,.button-primary,button.primary,.btn-primary{color:#17130a !important;border:1px solid rgba(255,255,255,.18) !important;background:linear-gradient( 135deg,#f3d77e,#c9952f ) !important;box-shadow:0 10px 24px rgba(201,149,47,.20) !important;} .primary-button:hover,.button-primary:hover,button.primary:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(201,149,47,.28) !important;} .secondary-button,.button-secondary,button.secondary,.btn-secondary{color:var(--olympus-white) !important;border:1px solid rgba(255,255,255,.12) !important;background:linear-gradient( 145deg,rgba(255,255,255,.06),rgba(255,255,255,.02) ) !important;} input,select,textarea{color:var(--olympus-white) !important;border:1px solid rgba(216,184,92,.24) !important;background:rgba(4,8,14,.78) !important;border-radius:10px !important;} input::placeholder,textarea::placeholder{color:#727b89 !important;} input:focus,select:focus,textarea:focus{border-color:var(--olympus-gold) !important;box-shadow:0 0 0 3px rgba(216,184,92,.10) !important;outline:none !important;} .dropdown-menu,.dashboard-menu,.profile-menu,.nav-dropdown{background:linear-gradient( 145deg,rgba(13,17,27,.98),rgba(7,10,17,.98) ) !important;border:1px solid var(--olympus-border) !important;box-shadow:var(--olympus-shadow) !important;} .top-navigation .nav-dropdown{border:0 !important;background:transparent !important;box-shadow:none !important;} .dropdown-menu button:hover,.dashboard-menu button:hover,.nav-dropdown button:hover{background:rgba(216,184,92,.10) !important;color:var(--olympus-white) !important;} .badge,.status-badge,.department-badge,.promotion-status{border:1px solid rgba(216,184,92,.20) !important;background:rgba(216,184,92,.08) !important;color:var(--olympus-gold-strong) !important;} .badge.success,.status-success,.promotion-status.accepted{border-color:rgba(92,199,154,.24) !important;background:rgba(92,199,154,.10) !important;color:#8fe1bd !important;} .badge.danger,.status-danger,.promotion-status.cancelled{border-color:rgba(213,90,112,.24) !important;background:rgba(213,90,112,.10) !important;color:#f19bae !important;} table{border-color:var(--olympus-border-soft) !important;} th{color:var(--olympus-gold-strong) !important;background:rgba(216,184,92,.045) !important;} td{color:var(--olympus-white-soft) !important;border-color:var(--olympus-border-soft) !important;} *{scrollbar-color:rgba(216,184,92,.55) rgba(255,255,255,.035);} *::-webkit-scrollbar{width:10px;height:10px;} *::-webkit-scrollbar-track{background:rgba(255,255,255,.025);} *::-webkit-scrollbar-thumb{background:linear-gradient( 180deg,rgba(216,184,92,.68),rgba(216,184,92,.32) );border-radius:999px;border:2px solid rgba(8,11,18,.82);} .modal,.dialog,dialog{color:var(--olympus-white-soft) !important;background:linear-gradient( 145deg,rgba(17,22,34,.98),rgba(8,11,18,.98) ) !important;border:1px solid var(--olympus-border) !important;border-radius:18px !important;box-shadow:0 24px 70px rgba(0,0,0,.46) !important;} @media (max-width:720px){.section-heading::after,.panel-heading::after,.profile-card-title::after{width:150px;} h1,.section-heading h1{font-size:clamp(28px,8vw,42px) !important;}} .section-heading::before,.section-heading::after,.section-heading>div::before,.section-heading>div::after,.panel-heading::before,.panel-heading::after,.panel-heading>div::before,.panel-heading>div::after,.profile-card-title::before,.profile-card-title::after,.profile-card-title>div::before,.profile-card-title>div::after,#timesFichajeSection>.section-heading::before,#timesFichajeSection>.section-heading::after,#timesFichajeSection>.section-heading>div::before,#timesFichajeSection>.section-heading>div::after,#view-tiempos>.section-heading::before,#view-tiempos>.section-heading::after,#view-tiempos>.section-heading>div::before,#view-tiempos>.section-heading>div::after,#view-ascensos>.section-heading::before,#view-ascensos>.section-heading::after,#view-ascensos>.section-heading>div::before,#view-ascensos>.section-heading>div::after,#view-departamentos>.section-heading::before,#view-departamentos>.section-heading::after,#view-departamentos>.section-heading>div::before,#view-departamentos>.section-heading>div::after{display:none !important;content:none !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;} .section-heading,.panel-heading,.profile-card-title,#timesFichajeSection>.section-heading,#view-tiempos>.section-heading,#view-ascensos>.section-heading,#view-departamentos>.section-heading{border-bottom:0 !important;} .section-heading hr,.panel-heading hr,.profile-card-title hr,.heading-line,.section-line,.title-line,.decorative-line,.olympus-line,.greek-line,.frieze-line{display:none !important;} .section-heading,.panel-heading,.profile-card-title{padding-bottom:0 !important;margin-bottom:12px !important;} .olympus-membership-section{position:relative;overflow:hidden;padding:clamp(24px,4vw,40px);border:1px solid rgba(217,180,90,0.2);border-radius:25px;background:radial-gradient(circle at 50% 0%,rgba(244,221,156,0.095),transparent 31%),radial-gradient(circle at 8% 70%,rgba(217,180,90,0.045),transparent 28%),linear-gradient(145deg,rgba(29,29,35,0.975),rgba(9,10,14,0.995));box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 25px 62px rgba(0,0,0,0.27);} .olympus-membership-section::before{content:"Ω";position:absolute;right:-45px;bottom:-130px;pointer-events:none;color:rgba(217,180,90,0.035);font-family:Georgia,Cambria,serif;font-size:clamp(280px,38vw,520px);line-height:1;} .olympus-membership-section::after{content:"";position:absolute;top:0;right:42px;left:42px;height:1px;background:linear-gradient( 90deg,transparent,rgba(217,180,90,0.46),rgba(244,221,156,0.92),rgba(217,180,90,0.46),transparent );} .olympus-membership-heading,.olympus-membership-catalog-tabs,.olympus-membership-grid,.olympus-individual-panel,.olympus-membership-footer{position:relative;z-index:1;} .olympus-membership-heading{display:grid;justify-items:center;margin-bottom:0;text-align:center;} .olympus-membership-heading .panel-kicker{color:#d9b45a;} .olympus-membership-heading h2{margin:7px 0;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:clamp(28px,3.6vw,39px);letter-spacing:-0.035em;} .olympus-membership-heading h2 b{display:inline-block;color:#d9b45a;font-size:0.55em;font-weight:700;letter-spacing:0;} .olympus-membership-heading>small{padding:6px 11px;border:1px solid rgba(217,180,90,0.2);border-radius:999px;color:#d8c78f;background:rgba(217,180,90,0.07);font-size:9px;font-weight:900;letter-spacing:0.13em;text-transform:uppercase;} .olympus-membership-heading>p{max-width:660px;margin:14px auto 0;color:#aaa28f;font-size:12px;line-height:1.65;} .olympus-membership-catalog-tabs{width:fit-content;max-width:100%;margin:17px auto 0;padding:4px;display:flex;align-items:center;gap:4px;border:1px solid rgba(217,180,90,0.18);border-radius:999px;background:rgba(5,6,9,0.58);box-shadow:inset 0 1px 0 rgba(255,255,255,0.025);} .olympus-membership-tab{min-height:34px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:999px;color:#a9a088;background:transparent;font:inherit;font-size:10px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;transition:color 160ms ease,border-color 160ms ease,background 160ms ease;} .olympus-membership-tab:hover,.olympus-membership-tab:focus-visible{color:#f5dfa0;outline:none;} .olympus-membership-tab:focus-visible{box-shadow:0 0 0 2px rgba(217,180,90,0.25);} .olympus-membership-tab.is-active{border-color:rgba(244,221,156,0.34);color:#171108;background:linear-gradient(180deg,#efd17a,#c99d43);} .olympus-membership-tab-count{min-width:18px;padding:2px 5px;border-radius:999px;color:currentColor;background:rgba(255,255,255,0.15);font-size:9px;line-height:1.4;} .olympus-membership-panel[hidden]{display:none !important;} .olympus-membership-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;} .olympus-membership-card{position:relative;display:block;grid-column:auto;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(217,180,90,0.16);border-radius:19px;background:radial-gradient(circle at 50% 8%,rgba(244,221,156,0.08),transparent 38%),linear-gradient(145deg,rgba(31,31,38,0.97),rgba(12,13,18,0.99));box-shadow:inset 0 1px 0 rgba(255,255,255,0.022),0 14px 32px rgba(0,0,0,0.18);transition:transform 170ms ease,border-color 170ms ease,box-shadow 170ms ease;} .olympus-membership-card:hover{border-color:rgba(217,180,90,0.4);box-shadow:inset 0 1px 0 rgba(255,255,255,0.027),0 20px 40px rgba(0,0,0,0.27);transform:translateY(-4px);} .olympus-membership-card::after{content:"";position:absolute;right:22px;bottom:0;left:22px;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#d9b45a,transparent);transition:opacity 170ms ease;} .olympus-membership-card:hover::after{opacity:1;} .olympus-membership-card-featured{border-color:rgba(244,221,156,0.38);box-shadow:inset 0 1px 0 rgba(255,255,255,0.035),0 18px 40px rgba(0,0,0,0.24),0 0 28px rgba(217,180,90,0.05);} .olympus-membership-art{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(217,180,90,0.16);background:radial-gradient(circle at 50% 42%,rgba(217,180,90,0.12),transparent 34%),radial-gradient(circle at 50% 55%,rgba(217,180,90,0.18),transparent 24%),linear-gradient(135deg,rgba(217,180,90,0.05),transparent 58%),#090b0f;} .olympus-membership-art::after{content:"";position:absolute;inset:48% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(7,8,12,0.92));} .olympus-membership-art img{position:relative;z-index:1;width:min(84px,42%);height:min(84px,42%);display:block;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(217,180,90,0.22));transition:transform 220ms ease,filter 220ms ease;} .olympus-membership-card:hover .olympus-membership-art img{transform:scale(1.08);filter:drop-shadow(0 0 18px rgba(217,180,90,0.32));} .olympus-membership-price,.olympus-membership-ribbon{position:absolute;z-index:2;display:inline-flex;align-items:center;border-radius:999px;font-weight:900;} .olympus-membership-price{right:11px;bottom:11px;min-height:28px;padding:5px 9px;border:1px solid rgba(244,221,156,0.5);color:#181208;background:linear-gradient(180deg,#f0d27d,#c99d43);font-size:9px;box-shadow:0 8px 18px rgba(0,0,0,0.32);} .olympus-membership-ribbon{top:11px;left:11px;min-height:27px;padding:5px 9px;border:1px solid rgba(244,221,156,0.34);color:#f5dfa0;background:rgba(19,15,9,0.82);font-size:8px;letter-spacing:0.08em;text-transform:uppercase;backdrop-filter:blur(8px);} .olympus-membership-copy{padding:15px;} .olympus-membership-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;} .olympus-membership-card .olympus-membership-title-row h3{margin:0;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:19px;letter-spacing:-0.025em;} .olympus-membership-card .olympus-membership-title-row>span{flex:0 0 auto;margin:0;padding:4px 7px;border:1px solid rgba(217,180,90,0.2);border-radius:999px;color:#d8c78f;background:rgba(217,180,90,0.07);font-size:8px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;} .olympus-membership-card .olympus-membership-copy>p{min-height:44px;margin:8px 0 0;color:#aaa28f;font-size:9.5px;line-height:1.55;} .olympus-membership-benefits{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 0;padding:0;list-style:none;} .olympus-membership-benefits li{padding:5px 7px;border:1px solid rgba(217,180,90,0.18);border-radius:999px;color:#d6cab0;background:rgba(217,180,90,0.055);font-size:8px;font-weight:800;line-height:1;} .olympus-individual-panel{margin-top:18px;} .olympus-individual-heading{margin-bottom:12px;text-align:center;} .olympus-individual-heading h3{margin:0;color:#f2e8d3;font-family:Georgia,Cambria,serif;font-size:21px;} .olympus-individual-heading p{margin:5px 0 0;color:#a9a088;font-size:11px;line-height:1.5;} .olympus-individual-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;} .olympus-individual-benefit{--benefit-accent:#d9b45a;--benefit-accent-rgb:217,180,90;position:relative;grid-column:span 3;min-width:0;min-height:0;display:block;overflow:hidden;border:1px solid rgba(217,180,90,0.16);border-radius:19px;background:linear-gradient(145deg,rgba(22,23,29,0.98),rgba(8,9,13,0.99));box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 12px 28px rgba(0,0,0,0.18);transition:transform 170ms ease,border-color 170ms ease,box-shadow 170ms ease;} .olympus-individual-benefit:nth-child(5){grid-column:2 / span 3;} .olympus-individual-benefit:nth-child(6){grid-column:5 / span 3;} .olympus-individual-benefit:nth-child(7){grid-column:8 / span 3;} .olympus-individual-benefit:hover{border-color:rgba(var(--benefit-accent-rgb),0.48);box-shadow:inset 0 1px 0 rgba(255,255,255,0.035),0 18px 36px rgba(0,0,0,0.28),0 0 24px rgba(var(--benefit-accent-rgb),0.055);transform:translateY(-3px);} .olympus-individual-benefit[data-tone="ivory"]{--benefit-accent:#e8d9b8;--benefit-accent-rgb:232,217,184;} .olympus-individual-benefit[data-tone="bronze"]{--benefit-accent:#c98b55;--benefit-accent-rgb:201,139,85;} .olympus-individual-benefit[data-tone="ember"]{--benefit-accent:#df8f58;--benefit-accent-rgb:223,143,88;} .olympus-individual-benefit[data-tone="violet"]{--benefit-accent:#a98bd7;--benefit-accent-rgb:169,139,215;} .olympus-individual-benefit[data-tone="azure"]{--benefit-accent:#7faec9;--benefit-accent-rgb:127,174,201;} .olympus-individual-benefit[data-tone="rose"]{--benefit-accent:#ce8e9c;--benefit-accent-rgb:206,142,156;} .olympus-individual-benefit-art{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(var(--benefit-accent-rgb),0.17);background:radial-gradient(circle at 50% 55%,rgba(var(--benefit-accent-rgb),0.2),transparent 39%),linear-gradient(135deg,rgba(var(--benefit-accent-rgb),0.06),transparent 58%),rgba(6,7,10,0.76);} .olympus-individual-benefit-art::before{content:"";position:absolute;width:92px;height:92px;border:1px solid rgba(var(--benefit-accent-rgb),0.09);border-radius:50%;box-shadow:0 0 0 22px rgba(var(--benefit-accent-rgb),0.025),0 0 0 44px rgba(var(--benefit-accent-rgb),0.018);} .olympus-individual-benefit-art::after{content:"";position:absolute;inset:48% 0 0;width:auto;height:auto;border:0;background:linear-gradient(transparent,rgba(7,8,12,0.92));transform:none;} .olympus-individual-benefit-mark{position:relative;z-index:2;width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(var(--benefit-accent-rgb),0.5);border-radius:50%;color:var(--benefit-accent);background:rgba(7,8,12,0.9);font-family:Georgia,Cambria,serif;font-size:28px;font-weight:900;box-shadow:0 0 0 5px rgba(var(--benefit-accent-rgb),0.05),0 0 24px rgba(var(--benefit-accent-rgb),0.18);} .olympus-individual-benefit-mark.has-image{padding:0;} .olympus-individual-benefit-icon{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(var(--benefit-accent-rgb),0.2));} .olympus-individual-benefit-copy{min-width:0;padding:15px;} .olympus-individual-benefit-copy h3{margin:0;color:#f4ead6;font-family:Georgia,Cambria,serif;font-size:19px;line-height:1.2;} .olympus-individual-benefit-copy p{margin:6px 0 0;color:#9d9686;font-size:9.5px;line-height:1.5;} .olympus-individual-benefit-availability{display:block;margin:11px 0 0;padding:9px 0 0;border-top:1px solid rgba(217,180,90,0.1);color:#777164;font-size:8px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;} .olympus-individual-benefit-inclusions{margin-top:7px;} .olympus-individual-benefit-price{padding:5px 9px;border:1px solid rgba(var(--benefit-accent-rgb),0.35);border-radius:999px;color:#161008;background:var(--benefit-accent);background:linear-gradient( 180deg,color-mix(in srgb,var(--benefit-accent) 82%,white),color-mix(in srgb,var(--benefit-accent) 86%,#8b641e) );font-size:9px;box-shadow:0 6px 14px rgba(0,0,0,0.24);} .olympus-membership-benefits li::before{content:"◆";margin-right:5px;color:#d0aa4e;font-size:6px;} .olympus-membership-footer{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:26px;color:#917a43;} .olympus-membership-footer p{margin:0;color:#a99b78;font-family:Georgia,Cambria,serif;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;} .olympus-membership-footer span{color:#d0aa4e;font-size:8px;} @media (max-width:1180px){.olympus-membership-grid{grid-template-columns:repeat(6,minmax(0,1fr));} .olympus-membership-card{grid-column:span 2;} .olympus-membership-card:nth-child(4){grid-column:2 / span 2;} .olympus-membership-card:nth-child(5){grid-column:4 / span 2;} .olympus-individual-grid{grid-template-columns:repeat(6,minmax(0,1fr));} .olympus-individual-benefit,.olympus-individual-benefit:nth-child(5),.olympus-individual-benefit:nth-child(6),.olympus-individual-benefit:nth-child(7){grid-column:span 2;} .olympus-individual-benefit:last-child{grid-column:3 / span 2;width:auto;}} @media (max-width:800px){.olympus-membership-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .olympus-membership-card,.olympus-membership-card:nth-child(4),.olympus-membership-card:nth-child(5){grid-column:auto;} .olympus-membership-card:last-child{grid-column:1 / -1;width:calc(50% - 7.5px);justify-self:center;} .olympus-individual-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .olympus-individual-grid .olympus-individual-benefit,.olympus-individual-grid .olympus-individual-benefit:nth-child(5),.olympus-individual-grid .olympus-individual-benefit:nth-child(6),.olympus-individual-grid .olympus-individual-benefit:nth-child(7){grid-column:auto;} .olympus-individual-grid .olympus-individual-benefit:last-child{grid-column:1 / -1;width:calc(50% - 6px);justify-self:center;}} @media (max-width:680px){.olympus-membership-section{padding:24px 14px;border-radius:21px;} .olympus-membership-catalog-tabs{width:100%;border-radius:16px;} .olympus-membership-tab{flex:1 1 0;min-width:0;padding-inline:8px;border-radius:12px;font-size:9px;letter-spacing:0.035em;} .olympus-membership-grid{grid-template-columns:minmax(0,1fr);} .olympus-membership-card:last-child{grid-column:auto;width:100%;} .olympus-membership-heading h2 b{display:block;margin-top:4px;} .olympus-membership-footer{gap:8px;} .olympus-membership-footer p{font-size:8px;letter-spacing:0.075em;text-align:center;} .olympus-individual-grid{grid-template-columns:minmax(0,1fr);} .olympus-individual-benefit{grid-column:auto;min-height:0;} .olympus-individual-benefit:last-child{grid-column:auto;width:100%;}} @media (prefers-reduced-motion:reduce){.olympus-membership-card,.olympus-membership-tab,.olympus-individual-benefit,.olympus-membership-art img{transition:none;}} .olympus-membership-art>img[src$=".png"]{position:absolute;z-index:2;top:50%;left:50%;width:78px;height:78px;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 8px 11px rgba(0,0,0,.55)) drop-shadow(0 0 13px rgba(217,180,90,.14));transform:translate(-50%,-50%);transform-origin:center;transition:transform 180ms ease,filter 180ms ease;} .olympus-membership-card:hover .olympus-membership-art>img[src$=".png"]{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 9px 13px rgba(0,0,0,.58)) drop-shadow(0 0 17px rgba(217,180,90,.22));} .olympus-membership-art:has(>img[src$=".png"]){background:radial-gradient(circle at 50% 50%,rgba(217,180,90,.15),transparent 30%),radial-gradient(circle at 50% 50%,rgba(244,221,156,.045),transparent 54%),linear-gradient(145deg,rgba(22,21,20,.94),rgba(7,8,12,.99));} .olympus-membership-art:has(>img[src$=".png"])::before{content:"";position:absolute;z-index:1;top:50%;left:50%;width:94px;height:94px;border:1px solid rgba(217,180,90,.18);border-radius:50%;background:rgba(7,8,12,.20);box-shadow:0 0 0 8px rgba(217,180,90,.025),0 0 34px rgba(217,180,90,.08);transform:translate(-50%,-50%);} .olympus-individual-benefit-icon{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 5px 8px rgba(0,0,0,.50)) drop-shadow(0 0 10px rgba(var(--benefit-accent-rgb),.20));} .olympus-individual-benefit-mark.has-image{width:76px;height:76px;border-color:rgba(var(--benefit-accent-rgb),.30);background:radial-gradient(circle,rgba(var(--benefit-accent-rgb),.10),transparent 70%),rgba(7,8,12,.72);} @media (max-width:680px){.olympus-membership-art>img[src$=".png"]{width:72px;height:72px;}} .olympus-individual-benefit-art{min-height:154px;} .olympus-individual-benefit-mark.has-image{width:92px;height:92px;border-color:rgba(var(--benefit-accent-rgb),.34);box-shadow:0 0 0 7px rgba(var(--benefit-accent-rgb),.05),0 0 28px rgba(var(--benefit-accent-rgb),.18);} .olympus-individual-benefit-icon{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px 10px rgba(0,0,0,.52)) drop-shadow(0 0 12px rgba(var(--benefit-accent-rgb),.24));} @media (max-width:680px){.olympus-individual-benefit-mark.has-image{width:82px;height:82px;} .olympus-individual-benefit-icon{width:64px;height:64px;}} .olympus-individual-benefit-mark.has-image{width:96px;height:96px;padding:0;} .olympus-individual-benefit-icon{width:94px;height:94px;max-width:none;max-height:none;} @media (max-width:680px){.olympus-individual-benefit-mark.has-image{width:88px;height:88px;} .olympus-individual-benefit-icon{width:86px;height:86px;}} .olympus-role-badge-target{display:inline-flex;align-items:center;gap:9px;max-width:100%;vertical-align:middle;} .olympus-role-badge-icon{width:18px;height:18px;flex:0 0 auto;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 2px 4px rgba(0,0,0,.34)) drop-shadow(0 0 7px rgba(217,180,90,.16));} #profileMission.olympus-main-profile-role{gap:11px;} #profileMission.olympus-main-profile-role>.olympus-role-badge-icon{width:27px;height:27px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.42)) drop-shadow(0 0 10px rgba(217,180,90,.20));} .profile-chip .olympus-role-badge-icon,.profile-chip-copy .olympus-role-badge-icon{display:none !important;} .rank-number.rank-badge-slot{width:58px;height:58px;flex:0 0 58px;padding:7px;overflow:hidden;border:1px solid rgba(217,180,90,.22);border-radius:15px;background:radial-gradient(circle,rgba(217,180,90,.11),transparent 70%),rgba(12,14,20,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.18);} .rank-card-badge-image{width:43px;height:43px;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(217,180,90,.16));} .rank-missions-number.rank-missions-badge-slot{overflow:hidden;padding:7px;background:radial-gradient(circle,rgba(217,180,90,.13),transparent 70%),rgba(12,14,20,.78);} .rank-missions-badge-image{width:56px;height:56px;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 4px 7px rgba(0,0,0,.48)) drop-shadow(0 0 11px rgba(217,180,90,.19));} @media (max-width:680px){.rank-number.rank-badge-slot{width:54px;height:54px;flex-basis:54px;} .rank-card-badge-image{width:40px;height:40px;}} #view-calculator.public-calculator-view{width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;} #view-calculator.public-calculator-view::before,#view-calculator.public-calculator-view::after{display:none !important;} #view-calculator .ods-calculator-page.ods-calculator-clean{position:relative;width:min(100%,1120px);margin-inline:auto;padding:clamp(28px,4vw,48px);overflow:hidden;isolation:isolate;border:1px solid rgba(217,180,90,.19);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(244,221,156,.055),transparent 28%),linear-gradient(145deg,rgba(25,25,30,.985),rgba(8,9,13,.998));box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 18px 48px rgba(0,0,0,.18);} #view-calculator .ods-calculator-page.ods-calculator-clean::before{content:"Ω";position:absolute;right:-55px;bottom:-155px;z-index:-1;color:rgba(217,180,90,.028);font:clamp(320px,41vw,570px)/1 Georgia,serif;opacity:.55;pointer-events:none;} #view-calculator .ods-section-heading{max-width:720px;margin-inline:auto;text-align:center;} #view-calculator .ods-section-heading h1{margin:0 0 10px;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:clamp(40px,5vw,56px);line-height:1.05;letter-spacing:-.045em;} #view-calculator .ods-section-heading p{max-width:660px;margin:0 auto;color:#b7ad95;font-size:14px;line-height:1.55;} #view-calculator .ods-calculator-shell{width:min(100%,920px);margin:34px auto 0;} #view-calculator .ods-calculator-form-clean{padding:24px;border:1px solid rgba(217,180,90,.18);border-radius:20px;background:rgba(9,10,14,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);} #view-calculator .ods-simple-columns{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:18px;align-items:center;} #view-calculator .ods-simple-column{min-width:0;} #view-calculator .ods-simple-column header{margin:0 0 18px;} #view-calculator .ods-simple-column header small,#view-calculator .ods-result-price>small{display:block;margin-bottom:4px;color:#9d9279;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;} #view-calculator .ods-simple-column header strong{display:block;color:#f5eedf;font:700 18px/1.2 Georgia,serif;} #view-calculator .ods-simple-column label{display:block;} #view-calculator .ods-simple-column label + label{margin-top:13px;} #view-calculator .ods-simple-column label>span{display:block;margin-bottom:7px;color:#b8ad93;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;} #view-calculator .ods-simple-column select{width:100%;min-height:52px;padding:0 14px;border:1px solid rgba(217,180,90,.20);border-radius:12px;color:#f5eedf;background:rgba(5,6,9,.76);font:inherit;} #view-calculator .ods-simple-column select:hover{border-color:rgba(217,180,90,.32);} #view-calculator .ods-simple-column select:focus{border-color:rgba(217,180,90,.48);box-shadow:0 0 0 3px rgba(217,180,90,.07);outline:none;} #view-calculator .ods-simple-column select option{color:#f5eedf;background:#090a0e;} #view-calculator .ods-simple-separator{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(217,180,90,.16);border-radius:50%;color:#dec46f;background:rgba(217,180,90,.045);font:20px Georgia,serif;} #view-calculator .ods-calculator-mission-help{display:block;margin-top:7px;color:#8f866f;font-size:8px;line-height:1.45;} #view-calculator #calculateRankButton{width:100%;min-height:52px;margin-top:22px;border:1px solid rgba(244,221,156,.55);border-radius:12px;color:#171109;background:linear-gradient(135deg,#efd487,#c99a3d 56%,#aa7628);box-shadow:0 12px 28px rgba(183,131,45,.16),inset 0 1px 0 rgba(255,255,255,.30);font:700 15px Georgia,serif;cursor:pointer;} #view-calculator #calculateRankButton:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);} #view-calculator #calculateRankButton:disabled{cursor:not-allowed;opacity:.55;} #view-calculator .ods-calculator-result-clean{margin-top:14px;padding:20px 22px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;border:1px solid rgba(217,180,90,.18);border-radius:18px;background:linear-gradient(135deg,rgba(217,180,90,.07),rgba(9,10,14,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.018);} #view-calculator .ods-calculator-result-clean.is-price-only{grid-template-columns:minmax(0,1fr);gap:0;text-align:center;} #view-calculator .ods-result-price{min-width:0;} #view-calculator .ods-result-price>strong{display:block;margin:0;color:#f8f1df;font:700 clamp(32px,4vw,44px)/1 Georgia,serif;overflow-wrap:anywhere;} #view-calculator .ods-result-price>p{min-height:0;margin:8px 0 0;color:#aaa087;font-size:11px;line-height:1.5;} #view-calculator .ods-result-route{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:10px;align-items:center;} #view-calculator .ods-result-route article{min-width:0;padding:12px 13px;border-left:1px solid rgba(217,180,90,.22);} #view-calculator .ods-result-route small,#view-calculator .ods-result-route b{display:block;} #view-calculator .ods-result-route small{color:#8f8673;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;} #view-calculator .ods-result-route b{margin-top:5px;color:#e9d899;font-size:11px;line-height:1.4;overflow-wrap:anywhere;} #view-calculator .ods-result-route i{color:#bda75f;font-style:normal;text-align:center;} #view-calculator .public-calculator-footer{width:min(1120px,100%);margin:58px auto 0;padding:24px 0 8px;display:flex;justify-content:flex-end;border-top:1px solid rgba(217,180,90,.22);color:#a99e85;font-size:10px;} #view-calculator .public-calculator-footer>span{display:block;margin-left:auto;text-align:right;} body:has(#view-calculator:not([hidden]))>.footer{display:none !important;} @media (max-width:820px){#view-calculator .ods-simple-columns{grid-template-columns:1fr;} #view-calculator .ods-simple-separator{justify-self:center;transform:rotate(90deg);} #view-calculator .ods-calculator-result-clean{grid-template-columns:1fr;gap:16px;}} @media (max-width:560px){#view-calculator .ods-calculator-page.ods-calculator-clean{padding:24px 16px;border-radius:22px;} #view-calculator .ods-calculator-form-clean,#view-calculator .ods-calculator-result-clean{padding:18px;} #view-calculator .ods-section-heading h1{font-size:clamp(36px,11vw,48px);} #view-calculator .ods-section-heading p{font-size:12px;} #view-calculator .ods-result-route{grid-template-columns:1fr;} #view-calculator .ods-result-route i{transform:rotate(90deg);} #view-calculator .public-calculator-footer{margin-top:38px;padding-top:20px;}} .ods-calculator-page.ods-calculator-clean{position:relative;width:min(100%,1120px);margin-inline:auto;padding:clamp(28px,4vw,48px);overflow:hidden;isolation:isolate;border:1px solid rgba(217,180,90,.19);border-radius:26px;color:#f8f1df;background:radial-gradient(circle at 50% 0%,rgba(244,221,156,.055),transparent 28%),linear-gradient(145deg,rgba(25,25,30,.985),rgba(8,9,13,.998));box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 18px 48px rgba(0,0,0,.18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} .ods-calculator-page.ods-calculator-clean::before{content:"Ω";position:absolute;right:-55px;bottom:-155px;z-index:-1;color:rgba(217,180,90,.028);font:clamp(320px,41vw,570px)/1 Georgia,serif;opacity:.55;pointer-events:none;} .ods-calculator-clean .ods-section-heading{max-width:720px;margin-inline:auto;text-align:center;} .ods-calculator-clean .ods-section-heading h1{margin:0 0 10px;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1.05;letter-spacing:-.045em;} .ods-calculator-clean .ods-section-heading p{max-width:660px;margin:0 auto;color:#b7ad95;font-size:14px;line-height:1.55;} .ods-calculator-clean .ods-calculator-shell{width:min(100%,920px);margin:34px auto 0;} .ods-calculator-clean .ods-calculator-form-clean{padding:24px;border:1px solid rgba(217,180,90,.18);border-radius:20px;background:rgba(9,10,14,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);} .ods-calculator-clean .ods-simple-columns{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:18px;align-items:center;} .ods-calculator-clean .ods-simple-column{min-width:0;} .ods-calculator-clean .ods-simple-column header{margin:0 0 18px;} .ods-calculator-clean .ods-simple-column header small,.ods-calculator-clean .ods-result-price>small{display:block;margin-bottom:4px;color:#9d9279;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;} .ods-calculator-clean .ods-simple-column header strong{display:block;color:#f5eedf;font:700 18px/1.2 Georgia,serif;} .ods-calculator-clean .ods-simple-column label{display:block;} .ods-calculator-clean .ods-simple-column label + label{margin-top:13px;} .ods-calculator-clean .ods-simple-column label>span{display:block;margin-bottom:7px;color:#b8ad93;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;} .ods-calculator-clean .ods-simple-column select{width:100%;min-height:52px;padding:0 14px;border:1px solid rgba(217,180,90,.20);border-radius:12px;color:#f5eedf;background:rgba(5,6,9,.76);box-shadow:none;font:inherit;} .ods-calculator-clean .ods-simple-column select:hover{border-color:rgba(217,180,90,.32);} .ods-calculator-clean .ods-simple-column select:focus{border-color:rgba(217,180,90,.48);box-shadow:0 0 0 3px rgba(217,180,90,.07);outline:none;} .ods-calculator-clean .ods-simple-column select option{color:#f5eedf;background:#090a0e;} .ods-calculator-clean .ods-simple-separator{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(217,180,90,.16);border-radius:50%;color:#dec46f;background:rgba(217,180,90,.045);font:20px Georgia,serif;} .ods-calculator-clean .ods-calculator-mission-help{display:block;margin-top:7px;color:#8f866f;font-size:8px;line-height:1.45;} .ods-calculator-clean .ods-calculator-form-clean #odsCalculateButton,.ods-calculator-clean .ods-calculator-form-clean #calculateRankButton{width:100%;min-height:52px;margin-top:22px;border:1px solid rgba(244,221,156,.55);border-radius:12px;color:#171109;background:linear-gradient(135deg,#efd487,#c99a3d 56%,#aa7628);box-shadow:0 12px 28px rgba(183,131,45,.16),inset 0 1px 0 rgba(255,255,255,.30);font:700 15px Georgia,serif;cursor:pointer;} .ods-calculator-clean .ods-calculator-form-clean #odsCalculateButton:hover:not(:disabled),.ods-calculator-clean .ods-calculator-form-clean #calculateRankButton:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);} .ods-calculator-clean .ods-calculator-result-clean{margin-top:14px;padding:20px 22px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;border:1px solid rgba(217,180,90,.18);border-radius:18px;background:linear-gradient(135deg,rgba(217,180,90,.07),rgba(9,10,14,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.018);} .ods-calculator-clean .ods-result-price{min-width:0;} .ods-calculator-clean .ods-result-price>strong{display:block;margin:0;color:#f8f1df;font:700 clamp(32px,4vw,44px)/1 Georgia,serif;overflow-wrap:anywhere;} .ods-calculator-clean .ods-result-price>p{min-height:0;margin:8px 0 0;color:#aaa087;font-size:11px;line-height:1.5;} .ods-calculator-clean .ods-result-route{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:10px;align-items:center;} .ods-calculator-clean .ods-result-route article{min-width:0;padding:12px 13px;border-left:1px solid rgba(217,180,90,.22);} .ods-calculator-clean .ods-result-route small,.ods-calculator-clean .ods-result-route b{display:block;} .ods-calculator-clean .ods-result-route small{color:#8f8673;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;} .ods-calculator-clean .ods-result-route b{margin-top:5px;color:#e9d899;font-size:11px;line-height:1.4;overflow-wrap:anywhere;} .ods-calculator-clean .ods-result-route i{color:#bda75f;font-style:normal;text-align:center;} body.public-calculator-active .page-shell{width:min(1540px,100%);min-height:0;margin:0 auto;padding:34px clamp(16px,4vw,54px) 70px;} body.public-calculator-active #view-calculator.public-calculator-view{width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;} body.public-calculator-active #view-calculator.public-calculator-view::before,body.public-calculator-active #view-calculator.public-calculator-view::after{display:none !important;} body.public-calculator-active #view-calculator .public-calculator-footer{width:min(100%,1120px);margin:34px auto 0;padding:24px 0 8px;display:flex;justify-content:flex-end;border-top:1px solid rgba(217,180,90,.22);color:#a99e85;font-size:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} body.public-calculator-active #view-calculator .public-calculator-footer>span{display:block;margin-left:auto;text-align:right;} body.public-calculator-active>.footer{display:none !important;} @media (max-width:820px){.ods-calculator-clean .ods-simple-columns{grid-template-columns:1fr;} .ods-calculator-clean .ods-simple-separator{justify-self:center;transform:rotate(90deg);} .ods-calculator-clean .ods-calculator-result-clean{grid-template-columns:1fr;gap:16px;}} @media (max-width:560px){.ods-calculator-page.ods-calculator-clean{padding:24px 16px;border-radius:22px;} .ods-calculator-clean .ods-calculator-form-clean,.ods-calculator-clean .ods-calculator-result-clean{padding:18px;} .ods-calculator-clean .ods-section-heading h1{font-size:clamp(36px,11vw,48px);} .ods-calculator-clean .ods-section-heading p{font-size:12px;} .ods-calculator-clean .ods-result-route{grid-template-columns:1fr;} .ods-calculator-clean .ods-result-route i{transform:rotate(90deg);} body.public-calculator-active .page-shell{padding:24px 14px 50px;} body.public-calculator-active #view-calculator .public-calculator-footer{margin-top:28px;padding-top:20px;}} body.session-authenticated #topNavigation,body.session-authenticated #mobileMenuButton{display:none !important;} body.session-authenticated #authenticatedNavigation{display:flex !important;} body.session-authenticated #publicHomeButton{cursor:pointer;} .calculator-auth-navigation{margin-left:auto;display:flex;align-items:center;gap:8px;} .calculator-auth-nav-group{position:relative;} .calculator-auth-nav-link,.calculator-auth-notification,.calculator-auth-profile{border:1px solid transparent;color:#cdbf9c;background:transparent;font:inherit;} .calculator-auth-nav-link{min-height:42px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer;} .calculator-auth-nav-link:hover,.calculator-auth-nav-link.is-active,.calculator-auth-nav-group:has(.calculator-auth-menu:not([hidden]))>.calculator-auth-nav-link{border-color:rgba(217,180,90,.24);color:#f5ead0;background:rgba(217,180,90,.07);} .calculator-auth-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1400;min-width:210px;padding:7px;border:1px solid rgba(217,180,90,.2);border-radius:14px;background:linear-gradient(145deg,rgba(25,26,33,.99),rgba(10,11,15,.995));box-shadow:0 18px 42px rgba(0,0,0,.42);} .calculator-auth-menu[hidden]{display:none !important;} .calculator-auth-menu a,.calculator-auth-menu button{width:100%;min-height:39px;padding:9px 10px;display:flex;align-items:center;border:0;border-radius:9px;color:#d9ceb2;background:transparent;font:inherit;font-size:11px;font-weight:700;text-align:left;text-decoration:none;cursor:pointer;} .calculator-auth-menu a:hover,.calculator-auth-menu button:hover{color:#f5dfa0;background:rgba(217,180,90,.08);} .calculator-auth-notification{position:relative;width:44px;height:44px;display:grid;place-items:center;border-color:rgba(217,180,90,.18);border-radius:13px;background:rgba(246,242,232,.025);cursor:pointer;} .calculator-auth-profile{min-width:145px;min-height:48px;padding:4px 9px 4px 5px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border-color:rgba(217,180,90,.18);border-radius:14px;background:rgba(246,242,232,.025);text-align:left;cursor:pointer;} .calculator-auth-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(217,180,90,.24);border-radius:11px;background:rgba(217,180,90,.07);color:#f4dd9c;font-weight:900;} .calculator-auth-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;} .calculator-auth-profile strong,.calculator-auth-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .calculator-auth-profile strong{color:#f8f1df;font-size:11px;} .calculator-auth-profile small{margin-top:2px;color:#cdbb80;font-size:8px;} .calculator-auth-profile>b{color:#d9b45a;font-size:10px;} body.public-calculator-active .page-shell{width:100%;} body.public-calculator-active #view-calculator{width:min(100%,1320px);margin-inline:auto;} body.public-calculator-active .public-calculator-footer{width:100%;margin-top:34px;padding:20px 0 0;border-top:1px solid rgba(217,180,90,.22);text-align:right;} body.public-calculator-active .public-calculator-footer span{color:#a99c7c;font-size:10px;} @media (max-width:1050px){.calculator-auth-nav-link{padding-inline:8px;} .calculator-auth-profile{min-width:120px;}} @media (max-width:860px){body.session-authenticated #authenticatedNavigation{gap:5px;} .calculator-auth-nav-link:not(.is-active),.calculator-auth-nav-group:first-of-type,.calculator-auth-notification{display:none;} .calculator-auth-profile{min-width:112px;}} body.session-authenticated header.topbar{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;column-gap:28px;} body.session-authenticated #authenticatedNavigation{display:contents !important;} .calculator-auth-center{grid-column:2;justify-self:center;display:flex;align-items:center;gap:7px;} .calculator-auth-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px;} .calculator-auth-nav-link{min-height:43px;padding:0 16px;gap:8px;border-radius:14px;color:#b9ad91;font-size:13px;font-weight:850;line-height:1;} .calculator-auth-nav-link>b{color:#d9b45a;font-size:13px;font-weight:900;} .calculator-auth-menu-icon{display:inline-grid;place-items:center;min-width:12px;color:#d9b45a;font-size:12px;font-weight:900;} .calculator-auth-nav-link:hover,.calculator-auth-nav-link.is-active,.calculator-auth-nav-group:has(.calculator-auth-menu:not([hidden]))>.calculator-auth-nav-link{border-color:rgba(95,124,255,.25);color:#f8f1df;background:rgba(95,124,255,.16);} .calculator-auth-menu{top:calc(100% + 12px);left:50%;min-width:285px;padding:8px;border-radius:18px;transform:translateX(-50%);} .calculator-auth-menu a,.calculator-auth-menu button{min-height:44px;padding:10px 12px;border-radius:11px;font-size:12px;font-weight:750;} .calculator-auth-notification{width:50px;height:50px;flex:0 0 50px;border-radius:16px;border-color:rgba(217,180,90,.22);color:#f2dda0;background:radial-gradient(circle at 50% 25%,rgba(248,241,223,.055),transparent 55%),rgba(217,180,90,.045);} .calculator-auth-notification>span{display:grid;place-items:center;width:30px;height:30px;font-size:16px;} .calculator-auth-profile{min-width:150px;min-height:50px;padding:4px 10px 4px 4px;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;border-radius:16px;border-color:rgba(217,180,90,.22);background:radial-gradient(circle at 18% 20%,rgba(248,241,223,.04),transparent 46%),rgba(217,180,90,.045);} .calculator-auth-avatar{width:40px;height:40px;border-radius:12px;border-color:rgba(217,180,90,.34);} .calculator-auth-profile strong{color:#f7f0df;font-size:13px;line-height:1.15;} .calculator-auth-profile small{margin-top:3px;color:#b9aa82;font-size:10px;line-height:1.1;} .calculator-auth-profile>b{margin-left:3px;color:#bfa96d;font-size:11px;} @media (max-width:1080px){body.session-authenticated header.topbar{column-gap:16px;} .calculator-auth-nav-link{padding-inline:11px;font-size:12px;} .calculator-auth-profile{min-width:132px;}} @media (max-width:900px){.calculator-auth-center{gap:3px;} .calculator-auth-nav-link{padding-inline:9px;} .calculator-auth-menu-icon{display:none;}} body.session-authenticated.olympus-basic-rank #authenticatedNavigation .calculator-auth-admin-group,html.olympus-basic-rank body.session-authenticated #authenticatedNavigation .calculator-auth-admin-group{display:none !important;visibility:hidden !important;pointer-events:none !important;} body.session-authenticated.olympus-basic-rank #authenticatedNavigation [data-dashboard-route-button="tiempos"],html.olympus-basic-rank body.session-authenticated #authenticatedNavigation [data-dashboard-route-button="tiempos"]{display:none !important;visibility:hidden !important;pointer-events:none !important;} body.public-ranks-active .page-shell{width:100%;max-width:none;} body.public-ranks-active #view-ranks{width:min(100%,1320px);margin-inline:auto;} body.public-ranks-active #view-ranks.olympus-dashboard-sync{color:#f8f1df;} body.public-ranks-active #view-ranks .ods-information-page{width:min(100%,1320px);margin-inline:auto;} body.public-ranks-active #view-ranks .ods-section-heading{max-width:780px;margin-inline:auto;padding:18px 0 28px;text-align:center;} body.public-ranks-active #view-ranks .ods-section-heading h1{margin:12px 0;color:#f8f1df;font-family:Georgia,Cambria,serif;font-size:clamp(38px,5vw,58px);letter-spacing:-.045em;} body.public-ranks-active #view-ranks .ods-section-heading p{margin:0;color:#b7ad95;line-height:1.65;} body.public-ranks-active #view-ranks .ods-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;} body.public-ranks-active #view-ranks .ods-rank-card{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px;align-items:center;min-height:132px;padding:21px;overflow:hidden;border:1px solid rgba(217,180,90,.17);border-radius:20px;color:#f8f1df;text-align:left;background:radial-gradient(circle at 100% 100%,rgba(217,180,90,.055),transparent 40%),linear-gradient(145deg,rgba(30,30,36,.98),rgba(10,11,15,.995));font:inherit;cursor:pointer;transition:transform .17s ease,border-color .17s ease;} body.public-ranks-active #view-ranks .ods-rank-card:hover,body.public-ranks-active #view-ranks .ods-rank-card:focus-visible{border-color:rgba(217,180,90,.42);outline:none;transform:translateY(-2px);} body.public-ranks-active #view-ranks .ods-rank-number.ods-rank-badge-slot{width:58px;height:58px;padding:7px;display:grid;place-items:center;border:1px solid rgba(217,180,90,.22);border-radius:14px;background:radial-gradient(circle,rgba(217,180,90,.11),transparent 70%),rgba(12,14,20,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.18);} body.public-ranks-active #view-ranks .ods-rank-badge-image{width:43px;height:43px;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(217,180,90,.16));} body.public-ranks-active #view-ranks .ods-rank-copy{min-width:0;} body.public-ranks-active #view-ranks .ods-rank-copy strong,body.public-ranks-active #view-ranks .ods-rank-copy small{display:block;} body.public-ranks-active #view-ranks .ods-rank-copy strong{color:#f8f1df;font:19px Georgia,Cambria,serif;} body.public-ranks-active #view-ranks .ods-rank-copy small{margin-top:6px;color:#aaa087;font-size:11px;line-height:1.45;} body.public-ranks-active #view-ranks .ods-rank-more{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid rgba(217,180,90,.12);color:#d9b45a;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;} body.public-ranks-active #view-ranks .ods-rank-more b{color:#e7c969;font-size:15px;line-height:1;} body.public-ranks-active #view-ranks .rank-card-clickable{-webkit-tap-highlight-color:transparent;} @media (max-width:680px){body.public-ranks-active #view-ranks .ods-rank-grid{grid-template-columns:1fr;} body.public-ranks-active #view-ranks .ods-rank-number.ods-rank-badge-slot{width:54px;height:54px;} body.public-ranks-active #view-ranks .ods-rank-badge-image{width:40px;height:40px;}} body.public-ranks-active #view-ranks .ods-rank-card.rank-card-clickable::after{content:none !important;display:none !important;} body.public-ranks-active #view-ranks .ods-rank-more.rank-card-action{position:static;right:auto;bottom:auto;left:auto;} body.public-ranks-active #view-ranks .ods-rank-more.rank-card-action::after{content:none !important;display:none !important;}:root{--bg:#15161a;--bg-soft:#1c1e23;--background:#15161a;--background-soft:#1c1e23;--surface:#23242a;--surface-2:#2a2c33;--surface-3:#31343c;--surface-light:#2c2f36;--olympus-night:#15161a;--olympus-graphite:#202127;--olympus-marble:#f3ecdc;--olympus-marble-muted:#c8c0ae;--olympus-gold:#d8b45a;--olympus-gold-bright:#f0d98f;--olympus-bronze:#93692f;--olympus-blue:#60758e;--border:rgba(224,190,104,0.20);--border-strong:rgba(232,202,126,0.36);--text:#f5efdf;--muted:#beb6a5;--shadow:0 20px 52px rgba(0,0,0,0.27);} html{scrollbar-color:rgba(224,190,104,0.68) rgba(20,21,25,0.94);} body{color:var(--text);background:linear-gradient(118deg,transparent 0 46%,rgba(239,225,193,.025) 47%,transparent 48% 100%),linear-gradient(31deg,transparent 0 63%,rgba(239,225,193,.018) 64%,transparent 65% 100%),radial-gradient(circle at 9% 2%,rgba(216,180,90,0.18),transparent 27%),radial-gradient(circle at 89% 9%,rgba(96,117,142,0.15),transparent 31%),radial-gradient(circle at 50% 105%,rgba(216,180,90,0.07),transparent 35%),linear-gradient(135deg,#17181c 0%,#222329 47%,#17191e 100%) !important;} body::before{opacity:0.15 !important;} body::after{opacity:0.055 !important;} .topbar,.public-header,.site-header,.main-header,.admin-header{background:linear-gradient(180deg,rgba(30,31,36,.985),rgba(19,20,24,.98)) !important;border-bottom-color:rgba(224,190,104,.31) !important;box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 -1px 0 rgba(240,217,143,.10),inset 0 1px 0 rgba(255,255,255,.025) !important;} .brand,.profile-chip,.icon-button,.dashboard-menu-toggle,.nav-pill,.nav-link,.dropdown-toggle,.public-nav-button,.public-session-link,.calculator-auth-nav-link,.calculator-auth-notification,.calculator-auth-profile{border-color:rgba(224,190,104,.22) !important;background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(216,180,90,.025)) !important;} .brand:hover,.profile-chip:hover,.icon-button:hover,.dashboard-menu-toggle:hover,.nav-link:hover,.dropdown-toggle:hover,.public-nav-button:hover,.calculator-auth-nav-link:hover{border-color:rgba(240,217,143,.43) !important;background:rgba(216,180,90,.09) !important;} .brand-copy small,.brand-copy strong,.profile-chip-copy strong{color:#f5efdf !important;} .main-content,.admin-main,.home-public-page,.habbo-profile-page,.ods-information-page,.ods-calculator-page,.account-module-layout,.mission-admin-layout,.attendance-layout,.fichaje-layout{position:relative;} .ods-section-heading h1,.home-section-heading h2,.department-page-heading h1,.admin-module-heading h1,.admin-module-heading h2,.panel-heading h2,.membership-admin-heading h1,.discount-admin-heading h1,.clone-admin-heading h1,.habbo-profile-identity h1,.profile-main h1,.auth-modal-header h1,.auth-modal-header h2{color:#f7f1e2 !important;font-family:Georgia,Cambria,"Times New Roman",serif !important;text-shadow:0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.15);} .eyebrow,.panel-kicker,.ods-kicker,.rank-missions-kicker,.admin-access-badge,.olympus-membership-ribbon{color:#e2c46f !important;letter-spacing:.13em !important;} .panel,.profile-card,.panel-card,.content-card,.info-card,.department-card,.promotion-panel,.fichaje-panel,.times-panel,.admin-module-card,.admin-app-card,.home-card,.rank-card,.permissions-table-shell,.career-progress-card,.mission-admin-item,.home-public-card,.home-main-banner,.hero-card,.work-card,.membership-card,.modal-card,.auth-modal-card,.login-modal,.register-modal,.department-modal,.promotion-item,.fichaje-person-row,.account-form-card,.account-preview-card,.clone-detection-panel,.clone-help-panel,.discount-help-panel,.discount-main-panel,.membership-catalog-panel,.membership-assignments-panel,.board-column,.directory-card,.home-schedule-card,.home-membership-card,.home-admin-card,.home-discord-card{border-color:rgba(216,180,90,.24) !important;background:linear-gradient(118deg,transparent 0 47%,rgba(245,238,220,.028) 48%,transparent 49% 100%),radial-gradient(circle at 10% 0%,rgba(245,238,220,.065),transparent 34%),linear-gradient(145deg,rgba(44,45,52,.985),rgba(26,28,34,.992)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 0 0 1px rgba(255,255,255,.012),0 14px 34px rgba(0,0,0,.16) !important;} .panel:hover,.department-card:hover,.rank-card:hover,.work-card:hover,.membership-card:hover,.admin-app-card:hover,.directory-card:hover{border-color:rgba(240,217,143,.40) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.20),0 0 24px rgba(216,180,90,.035) !important;} .home-main-banner::before,.home-discord-section::before,.home-membership-section::before,.home-payment-section::before,.olympus-membership-section::before,.ods-calculator-page::after,.habbo-profile-banner::after{opacity:.06 !important;} .dashboard-dropdown,.dropdown-menu,.profile-menu-dropdown,.notification-panel,.admin-dashboard-dropdown,.public-admin-dropdown,.public-dashboard-dropdown,.admin-submenu-list,.calculator-auth-menu{border-color:rgba(224,190,104,.29) !important;background:radial-gradient(circle at 8% 0%,rgba(245,238,220,.075),transparent 32%),linear-gradient(150deg,rgba(45,47,55,.998),rgba(24,26,32,.998)) !important;box-shadow:0 22px 52px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.045) !important;} .dashboard-dropdown button:hover,.dropdown-menu button:hover,.profile-menu-dropdown button:hover,.notification-item:hover,.admin-submenu-toggle:hover,.admin-submenu-list button:hover,.admin-app-card:hover{background:linear-gradient(145deg,rgba(216,180,90,.14),rgba(216,180,90,.055)) !important;} .admin-submenu-toggle,.admin-dropdown-header{border-color:rgba(216,180,90,.15) !important;} .primary-button,.hero-primary,.auth-submit,.login-submit,.register-submit,.modal-primary-button,.rank-missions-primary,.btn-primary,.button.primary,#odsCalculateButton{border-color:rgba(251,231,169,.58) !important;color:#1b160c !important;background:linear-gradient(135deg,#f1d684 0%,#d5aa48 56%,#b57d28 100%) !important;box-shadow:0 10px 22px rgba(157,106,31,.18),inset 0 1px 0 rgba(255,255,255,.38) !important;} .primary-button:hover,.hero-primary:hover,.auth-submit:hover,.button.primary:hover,#odsCalculateButton:hover{filter:brightness(1.06);transform:translateY(-1px);} .secondary-button,.button.secondary,.modal-secondary-button,.department-modal-actions button:not(.primary-button){border-color:rgba(224,190,104,.26) !important;color:#ece2ca !important;background:rgba(255,255,255,.035) !important;} input,select,textarea,.field input,.field select,.field textarea,.input-container,.promotion-search-box>input[type="search"],.department-create-form input,.department-leader-search input,.fichaje-search,.search-box input,.role-input,.department-input,.password-input{border-color:rgba(224,190,104,.25) !important;background:linear-gradient(180deg,rgba(25,27,33,.96),rgba(20,22,27,.98)) !important;color:#f7f0df !important;} input:focus,select:focus,textarea:focus{border-color:rgba(240,217,143,.58) !important;box-shadow:0 0 0 3px rgba(216,180,90,.10) !important;} input::placeholder,textarea::placeholder{color:#999386 !important;} label>span,.field>span{color:#c7bda7;} .ods-calculator-page.ods-calculator-clean,#view-calculator .ods-calculator-page.ods-calculator-clean{border-color:rgba(216,180,90,.28) !important;background:linear-gradient(120deg,transparent 0 47%,rgba(245,238,220,.03) 48%,transparent 49%),radial-gradient(circle at 50% 0%,rgba(240,217,143,.12),transparent 31%),linear-gradient(145deg,rgba(42,44,51,.99),rgba(25,27,33,.995)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 44px rgba(0,0,0,.16) !important;} .ods-calculator-clean .ods-calculator-form-clean,.ods-calculator-clean .ods-calculator-result-clean,#view-calculator .ods-calculator-form-clean,#view-calculator .ods-calculator-result-clean{border-color:rgba(216,180,90,.25) !important;background:radial-gradient(circle at 0% 0%,rgba(245,238,220,.045),transparent 35%),rgba(23,25,31,.82) !important;} .ods-calculator-clean .ods-simple-column select{background:#191b20 !important;} .ods-rank-card,body.public-ranks-active #view-ranks .ods-rank-card{border-color:rgba(216,180,90,.27) !important;background:linear-gradient(120deg,transparent 0 68%,rgba(240,217,143,.025) 69%,transparent 70%),radial-gradient(circle at 100% 100%,rgba(216,180,90,.10),transparent 43%),linear-gradient(145deg,rgba(42,44,51,.99),rgba(24,26,32,.995)) !important;} .ods-rank-number.ods-rank-badge-slot,body.public-ranks-active #view-ranks .ods-rank-number.ods-rank-badge-slot{border-color:rgba(240,217,143,.31) !important;background:radial-gradient(circle,rgba(216,180,90,.18),transparent 70%),rgba(27,29,35,.95) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(216,180,90,.07) !important;} .ods-rank-more{border-top-color:rgba(216,180,90,.17) !important;} .olympus-membership-section{border-color:rgba(216,180,90,.27) !important;background:linear-gradient(120deg,transparent 0 46%,rgba(245,238,220,.026) 47%,transparent 48%),radial-gradient(circle at 50% 0%,rgba(240,217,143,.15),transparent 34%),radial-gradient(circle at 8% 70%,rgba(216,180,90,.075),transparent 30%),linear-gradient(145deg,rgba(43,44,51,.99),rgba(24,26,32,.995)) !important;} .olympus-membership-card,.olympus-individual-benefit{border-color:rgba(216,180,90,.25) !important;background:radial-gradient(circle at 50% 8%,rgba(240,217,143,.12),transparent 39%),linear-gradient(145deg,rgba(41,43,50,.99),rgba(23,25,31,.995)) !important;} .olympus-membership-art,.olympus-individual-benefit-art{background:radial-gradient(circle at 50% 48%,rgba(216,180,90,.10),transparent 34%),#191b20 !important;} .auth-modal-dialog{border-color:rgba(232,202,126,.36) !important;background:linear-gradient(118deg,transparent 0 47%,rgba(245,238,220,.035) 48%,transparent 49%),radial-gradient(circle at 14% 0%,rgba(240,217,143,.12),transparent 31%),linear-gradient(145deg,rgba(48,48,53,.997),rgba(26,27,32,.998)) !important;box-shadow:0 28px 76px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055) !important;} .auth-modal .input-container,.auth-modal .assigned-rank,.auth-modal .verification-panel,.auth-modal .local-warning,.auth-modal-demo,.discord-verification-panel,.habbo-profile-banner{border-color:rgba(216,180,90,.20) !important;background:radial-gradient(circle at 0% 0%,rgba(245,238,220,.04),transparent 34%),rgba(23,25,31,.84) !important;} .discord-verification-coming-soon{border-color:rgba(96,117,142,.34) !important;background:rgba(70,84,111,.12) !important;} .department-live-card,.department-management-card,.fichaje-card,.times-card,.payroll-card,.sales-card,.transfer-card,.membership-management-card,.clone-card,.replacement-card,.registration-request-card,.permissions-role-card,.discount-card,.clone-admin-panel,.membership-assignment-table,.clone-admin-table,.payroll-table,.transfer-table,.sales-table,.permissions-role-body,.fichaje-main-card,.fichaje-personnel-panel,.attendance-main,.attendance-results{border-color:rgba(216,180,90,.22) !important;background:radial-gradient(circle at 9% 0%,rgba(245,238,220,.045),transparent 32%),linear-gradient(145deg,rgba(39,41,48,.99),rgba(23,25,31,.995)) !important;} .department-live-card header,.department-page-heading,.membership-panel-heading,.discount-panel-heading,.clone-admin-panel-header,.fichaje-personnel-heading,.board-column-heading{border-color:rgba(216,180,90,.16) !important;} .department-live-card section,.department-live-card .department-member-row,.department-live-card .department-request-row,.fichaje-person-row,.promotion-item,.mission-admin-item,.clone-admin-table tbody tr,.membership-assignment-table tbody tr,.payroll-table tbody tr,.transfer-table tbody tr,.sales-table tbody tr,.permissions-role-heading,.directory-toolbar,.daily-summary,.info-card{background-color:rgba(27,29,35,.62) !important;} .profile-hero,.profile-main-card,.profile-information-card,.profile-active-time-card,.profile-eligibility-card,.habbo-profile-banner{border-color:rgba(216,180,90,.23) !important;background:radial-gradient(circle at 10% 0%,rgba(96,117,142,.18),transparent 34%),radial-gradient(circle at 82% 20%,rgba(216,180,90,.07),transparent 28%),linear-gradient(145deg,rgba(36,42,53,.99),rgba(22,25,32,.995)) !important;} .profile-rank-badge,.admin-access-badge,.department-role-badge,.permissions-status{border-color:rgba(216,180,90,.24) !important;background:rgba(216,180,90,.09) !important;color:#ecd587 !important;} table,.clone-table-shell,.membership-table-shell,.permissions-table-shell{border-color:rgba(216,180,90,.20) !important;} thead,thead tr,.clone-admin-table thead,.membership-assignment-table thead{background:rgba(216,180,90,.07) !important;} tbody tr:hover{background:rgba(216,180,90,.055) !important;} small,.muted,.panel-description,.header-description,.ods-section-heading p,.ods-rank-copy small,.olympus-membership-copy>p,.olympus-individual-benefit-copy p,.auth-modal-header p,.department-page-heading p,.admin-module-heading p,.home-section-heading p,.form-help{color:#c4bcab !important;} strong,h1,h2,h3,h4{text-rendering:optimizeLegibility;} hr,.profile-menu-divider,.notification-item,.ods-rank-more,.olympus-membership-copy,.olympus-individual-benefit-copy,.user-dates,.panel-heading,.membership-panel-heading,.discount-panel-heading{border-color:rgba(216,180,90,.18) !important;} .footer,.ods-home-footer,.calculator-page-footer{border-top-color:rgba(216,180,90,.24) !important;color:#c9bea1 !important;background:linear-gradient(180deg,transparent,rgba(216,180,90,.018)) !important;} .active-dot,.live-indicator,.career-ready,.department-status.online{filter:saturate(.86) brightness(1.04);} @media (max-width:760px){body{background:radial-gradient(circle at 10% 0%,rgba(216,180,90,.13),transparent 28%),linear-gradient(135deg,#17181c,#202127 55%,#17191e) !important;} .panel,.department-card,.profile-card,.ods-rank-card,.olympus-membership-card,.olympus-individual-benefit{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.14) !important;}}:root{--olympus-heaven-night:#202a36;--olympus-heaven-deep:#263240;--olympus-heaven-mid:#344352;--olympus-heaven-surface:#39434e;--olympus-heaven-surface-2:#424d59;--olympus-heaven-marble:#f8f2e6;--olympus-heaven-marble-soft:#ddd7ca;--olympus-heaven-cloud:#edf4f8;--olympus-heaven-sky:#8fb0cc;--olympus-heaven-sky-soft:#6f8fa9;--olympus-heaven-gold:#e2bf64;--olympus-heaven-gold-bright:#f6dd96;--olympus-heaven-bronze:#aa7b38;--olympus-heaven-border:rgba(234,205,127,.34);--olympus-heaven-border-soft:rgba(240,235,221,.13);--olympus-heaven-shadow:0 18px 44px rgba(8,14,22,.22);--bg:var(--olympus-heaven-night);--background:var(--olympus-heaven-night);--bg-soft:var(--olympus-heaven-deep);--background-soft:var(--olympus-heaven-deep);--surface:var(--olympus-heaven-surface);--surface-2:var(--olympus-heaven-surface-2);--text:#fffaf0;--muted:#d2d3cf;--border:var(--olympus-heaven-border-soft);--border-strong:var(--olympus-heaven-border);} html{background:#1f2a37 !important;scrollbar-color:rgba(246,221,150,.78) rgba(30,40,52,.9);} body{color:#fffaf0 !important;background:radial-gradient(ellipse at 5% 3%,rgba(255,255,255,.19) 0 5%,rgba(222,235,244,.12) 12%,transparent 29%),radial-gradient(ellipse at 30% 0%,rgba(246,250,252,.12) 0 6%,transparent 25%),radial-gradient(ellipse at 78% 5%,rgba(255,255,255,.18) 0 5%,rgba(210,226,238,.10) 13%,transparent 29%),radial-gradient(circle at 12% 22%,rgba(226,191,100,.16),transparent 31%),radial-gradient(circle at 86% 15%,rgba(143,176,204,.26),transparent 37%),linear-gradient(145deg,#273342 0%,#354352 46%,#222c38 100%) !important;background-attachment:fixed !important;} body::before{content:"" !important;position:fixed !important;inset:0 !important;z-index:-2 !important;pointer-events:none !important;opacity:1 !important;background:radial-gradient(ellipse at 8% 12%,rgba(255,255,255,.13) 0 4%,rgba(230,241,247,.08) 9%,transparent 22%),radial-gradient(ellipse at 17% 15%,rgba(255,255,255,.10) 0 5%,transparent 20%),radial-gradient(ellipse at 70% 8%,rgba(255,255,255,.12) 0 5%,rgba(226,238,246,.06) 11%,transparent 23%),radial-gradient(ellipse at 88% 20%,rgba(255,255,255,.11) 0 5%,transparent 22%),radial-gradient(ellipse at 48% 88%,rgba(235,242,247,.075) 0 6%,transparent 25%);} body::after{content:"" !important;position:fixed !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;opacity:.55 !important;background:linear-gradient(118deg,transparent 0 48%,rgba(248,242,230,.030) 49%,transparent 50% 100%),linear-gradient(32deg,transparent 0 67%,rgba(248,242,230,.025) 68%,transparent 69% 100%),repeating-linear-gradient(90deg,transparent 0 70px,rgba(246,221,150,.018) 70px 71px,transparent 71px 140px);} .topbar,.public-header,.site-header,.main-header,.admin-header,.dashboard-header,header.topbar{background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.075),transparent 32%),linear-gradient(180deg,rgba(31,43,57,.985),rgba(24,33,44,.985)) !important;border-bottom:1px solid rgba(246,221,150,.42) !important;box-shadow:0 10px 28px rgba(8,14,22,.20),inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(226,191,100,.12) !important;} .brand,.profile-chip,.icon-button,.dashboard-menu-toggle,.nav-pill,.nav-link,.dropdown-toggle,.public-nav-button,.public-session-link,.calculator-auth-nav-link,.calculator-auth-notification,.calculator-auth-profile{border-color:rgba(246,221,150,.30) !important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(143,176,204,.035)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;} .brand:hover,.profile-chip:hover,.icon-button:hover,.dashboard-menu-toggle:hover,.nav-link:hover,.dropdown-toggle:hover,.public-nav-button:hover,.calculator-auth-nav-link:hover{border-color:rgba(246,221,150,.58) !important;background:linear-gradient(145deg,rgba(246,221,150,.13),rgba(143,176,204,.10)) !important;} .brand-copy small,.brand-copy strong,.profile-chip-copy strong,.dashboard-menu-toggle,.nav-link,.dropdown-toggle{color:#fff8e9 !important;} .home-main-banner,.ods-hero,.hero-card,.habbo-profile-banner,.ods-calculator-page,.ods-information-page,.olympus-membership-section,.home-payment-section,.home-membership-section,.home-discord-section{border-color:rgba(246,221,150,.33) !important;background:radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.16) 0 7%,rgba(228,238,245,.07) 14%,transparent 31%),radial-gradient(ellipse at 88% 8%,rgba(255,255,255,.13) 0 6%,rgba(143,176,204,.09) 13%,transparent 31%),linear-gradient(118deg,transparent 0 47%,rgba(248,242,230,.035) 48%,transparent 49% 100%),linear-gradient(145deg,rgba(57,68,80,.98),rgba(34,43,54,.99)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 24px 54px rgba(8,14,22,.18),0 0 42px rgba(143,176,204,.035) !important;} .home-main-banner::after,.ods-hero::after,.hero-card::after{color:rgba(246,221,150,.075) !important;} .panel,.profile-card,.panel-card,.content-card,.info-card,.department-card,.promotion-panel,.fichaje-panel,.times-panel,.admin-module-card,.admin-app-card,.home-card,.rank-card,.ods-rank-card,.permissions-table-shell,.career-progress-card,.mission-admin-item,.home-public-card,.work-card,.membership-card,.olympus-membership-card,.olympus-individual-benefit,.modal-card,.auth-modal-card,.login-modal,.register-modal,.department-modal,.promotion-item,.fichaje-person-row,.account-form-card,.account-preview-card,.clone-detection-panel,.clone-help-panel,.discount-help-panel,.discount-main-panel,.membership-catalog-panel,.membership-assignments-panel,.board-column,.directory-card,.home-schedule-card,.home-membership-card,.home-admin-card,.home-discord-card,.notification-item{border-color:rgba(234,205,127,.30) !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.075),transparent 34%),linear-gradient(121deg,transparent 0 47%,rgba(248,242,230,.030) 48%,transparent 49% 100%),linear-gradient(145deg,rgba(58,65,75,.97),rgba(37,45,55,.985)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 0 0 1px rgba(255,255,255,.012),0 14px 32px rgba(8,14,22,.15) !important;} .panel:hover,.department-card:hover,.rank-card:hover,.ods-rank-card:hover,.work-card:hover,.membership-card:hover,.olympus-membership-card:hover,.olympus-individual-benefit:hover,.admin-app-card:hover,.directory-card:hover{border-color:rgba(246,221,150,.52) !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.09),transparent 34%),linear-gradient(145deg,rgba(64,72,83,.98),rgba(40,48,59,.99)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 38px rgba(8,14,22,.18),0 0 30px rgba(226,191,100,.045) !important;} .dashboard-dropdown,.dropdown-menu,.profile-menu-dropdown,.notification-panel,.admin-dashboard-dropdown,.public-admin-dropdown,.public-dashboard-dropdown,.admin-submenu-list,.calculator-auth-menu,.auth-modal-card,.login-modal,.register-modal,.modal-card,.department-modal,.clone-modal,.replacement-modal,.payroll-modal,.membership-modal{border-color:rgba(246,221,150,.37) !important;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.095),transparent 31%),linear-gradient(150deg,rgba(61,70,82,.995),rgba(35,44,55,.997)) !important;box-shadow:0 22px 50px rgba(8,14,22,.27),inset 0 1px 0 rgba(255,255,255,.07) !important;} .dashboard-dropdown button:hover,.dropdown-menu button:hover,.profile-menu-dropdown button:hover,.admin-submenu-list button:hover,.notification-item:hover,.public-admin-dropdown button:hover,.calculator-auth-menu button:hover{background:rgba(143,176,204,.13) !important;border-color:rgba(246,221,150,.30) !important;} input,select,textarea,.field input,.field select,.field textarea,.auth-field input,.auth-field select,.promotion-search-box>input[type="search"],.department-create-form input,.department-leader-search input,.fichaje-search{color:#fffaf0 !important;border-color:rgba(234,205,127,.28) !important;background:linear-gradient(180deg,rgba(33,43,55,.95),rgba(28,37,48,.97)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 14px rgba(8,14,22,.06) !important;} input::placeholder,textarea::placeholder{color:#aeb8c0 !important;} input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(246,221,150,.68) !important;box-shadow:0 0 0 3px rgba(226,191,100,.10),0 0 22px rgba(143,176,204,.07) !important;} .primary-button,.auth-submit,.modal-primary-button,.rank-missions-primary,button[data-variant="primary"],.btn-primary,#odsCalculateButton,.calculator-calculate-button,.login-submit,.register-submit,#loginSubmitButton,#registerSubmitButton,button[type="submit"].primary-button{color:#1a160d !important;border-color:rgba(255,245,206,.70) !important;background:linear-gradient(135deg,#f8e5a6 0%,#e4bd5c 52%,#bd8431 100%) !important;box-shadow:0 12px 26px rgba(174,122,43,.18),inset 0 1px 0 rgba(255,255,255,.48) !important;} .primary-button:hover,.auth-submit:hover,.modal-primary-button:hover,.btn-primary:hover,#odsCalculateButton:hover,.calculator-calculate-button:hover{filter:brightness(1.07) saturate(1.02) !important;box-shadow:0 14px 30px rgba(174,122,43,.22),0 0 22px rgba(246,221,150,.09),inset 0 1px 0 rgba(255,255,255,.54) !important;} .secondary-button,.button.secondary,.btn-secondary,.modal-secondary-button{color:#f7f3e9 !important;border-color:rgba(214,228,238,.23) !important;background:rgba(143,176,204,.10) !important;} h1,h2,h3,h4,.ods-section-heading h1,.home-section-heading h2,.panel-heading h2,.habbo-profile-identity h1,.profile-main h1,.auth-modal-header h1,.auth-modal-header h2{color:#fff9ec !important;text-shadow:0 1px 0 rgba(255,255,255,.055),0 10px 26px rgba(8,14,22,.13),0 0 28px rgba(237,244,248,.025) !important;} .eyebrow,.panel-kicker,.ods-kicker,.rank-missions-kicker,.admin-access-badge,.olympus-membership-ribbon,.permissions-kicker{color:#f1cf78 !important;} small,.muted,.panel-description,.header-description,.ods-section-heading p,.ods-rank-copy small,.olympus-membership-copy>p,.olympus-individual-benefit-copy p,.auth-modal-header p,.department-page-heading p,.admin-module-heading p,.home-section-heading p,.form-help,.profile-chip-copy small{color:#d2d6d5 !important;} a,.ods-rank-more,.rank-missions-link,.permissions-role-level{--link-gold:#f1cf78;} table,.table-shell,.users-table,.permissions-table,.payroll-table,.sales-table{border-color:rgba(234,205,127,.24) !important;} th,.table-heading{color:#f6dda0 !important;background:rgba(143,176,204,.09) !important;} td,tr,.table-row{border-color:rgba(234,205,127,.12) !important;} tr:hover,.table-row:hover{background:rgba(143,176,204,.07) !important;} .habbo-profile-banner,.profile-hero,.profile-card-main{background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.15),transparent 31%),radial-gradient(circle at 78% 15%,rgba(143,176,204,.20),transparent 35%),linear-gradient(145deg,rgba(55,67,81,.98),rgba(31,41,53,.99)) !important;} .profile-rank-badge,.department-role-badge,.permissions-status,.fichaje-personnel-section header b,.membership-badge{border-color:rgba(246,221,150,.30) !important;color:#f5d986 !important;background:rgba(226,191,100,.09) !important;} .olympus-individual-benefit-mark.has-image,.olympus-membership-art:has(>img[src$=".png"])::before{box-shadow:0 0 0 8px rgba(246,221,150,.035),0 0 34px rgba(246,221,150,.12),0 0 54px rgba(143,176,204,.06) !important;} .footer,.ods-home-footer,.calculator-page-footer,footer{border-top-color:rgba(246,221,150,.32) !important;color:#ded4b8 !important;background:linear-gradient(180deg,transparent,rgba(143,176,204,.035)) !important;} @media (max-width:760px){body{background:radial-gradient(ellipse at 12% 0%,rgba(255,255,255,.13),transparent 25%),radial-gradient(circle at 88% 10%,rgba(143,176,204,.18),transparent 32%),linear-gradient(145deg,#273342,#34414f 52%,#232e3a) !important;} body::before{opacity:.72 !important;} .panel,.department-card,.profile-card,.ods-rank-card,.olympus-membership-card,.olympus-individual-benefit{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(8,14,22,.13) !important;}}:root{--ol-home-gold:#e7c86f;--ol-home-ivory:#fff8e9;--ol-home-sky-1:#536577;--ol-home-sky-2:#334252;--ol-home-stone-1:#465463;--ol-home-stone-2:#2d3946;} header.topbar>.brand{min-width:max-content !important;min-height:52px !important;padding:5px 12px 5px 5px !important;gap:10px !important;border:1px solid rgba(231,200,111,.42) !important;border-radius:16px !important;color:var(--ol-home-ivory) !important;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.12),transparent 39%),linear-gradient(145deg,rgba(72,86,101,.96),rgba(42,53,65,.98)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 24px rgba(7,13,20,.15) !important;} header.topbar>.brand:hover,header.topbar>.brand:focus-visible{border-color:rgba(246,221,150,.68) !important;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.15),transparent 39%),linear-gradient(145deg,rgba(80,95,111,.98),rgba(46,58,71,.99)) !important;} header.topbar>.brand .brand-logo,header.topbar>.brand .brand-mark,header.topbar>.brand .olympus-brand-mark{width:42px !important;height:42px !important;flex:0 0 42px !important;padding:4px !important;display:grid !important;place-items:center !important;border:1px solid rgba(231,200,111,.52) !important;border-radius:13px !important;overflow:hidden !important;background:radial-gradient(circle at 45% 25%,rgba(255,255,255,.14),transparent 43%),linear-gradient(145deg,rgba(33,44,56,.92),rgba(16,24,33,.98)) !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.025),0 7px 16px rgba(6,12,18,.18) !important;} header.topbar>.brand .brand-logo img,header.topbar>.brand .brand-mark img,header.topbar>.brand .olympus-brand-mark img{width:100% !important;height:100% !important;object-fit:contain !important;} header.topbar>.brand .brand-copy strong{margin:0 !important;color:var(--ol-home-ivory) !important;font-family:Georgia,Cambria,"Times New Roman",serif !important;font-size:14px !important;line-height:1.15 !important;} .olympus-home-unified{display:grid;gap:22px;} .olympus-home-unified .home-main-banner{border-color:rgba(246,221,150,.40) !important;background:radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.18) 0 7%,rgba(223,237,247,.09) 14%,transparent 33%),radial-gradient(ellipse at 88% 10%,rgba(255,255,255,.13) 0 6%,rgba(145,180,208,.11) 14%,transparent 33%),linear-gradient(118deg,transparent 0 47%,rgba(250,245,233,.045) 48%,transparent 49% 100%),linear-gradient(145deg,var(--ol-home-sky-1),var(--ol-home-sky-2)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 45px rgba(8,14,22,.16) !important;} .olympus-home-unified .olympus-council-section{border:1px solid rgba(246,221,150,.34) !important;background:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.13),transparent 31%),radial-gradient(ellipse at 85% 7%,rgba(151,184,209,.10),transparent 34%),linear-gradient(145deg,rgba(67,79,92,.98),rgba(39,49,61,.99)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 20px 45px rgba(8,14,22,.16) !important;} .olympus-home-unified .olympus-council-section::before{color:rgba(246,221,150,.050) !important;} .olympus-home-unified .olympus-council-pyramid{border-color:rgba(231,200,111,.26) !important;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.07),transparent 34%),linear-gradient(145deg,rgba(44,55,67,.80),rgba(25,33,42,.83)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 34px rgba(7,13,20,.15) !important;} .olympus-home-unified .olympus-council-card,.olympus-home-unified .council-card-dynamic,.olympus-home-unified .olympus-council-empty{border-color:rgba(231,200,111,.30) !important;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.075),transparent 36%),linear-gradient(145deg,rgba(67,78,90,.92),rgba(42,52,63,.96)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 12px 26px rgba(7,13,20,.13) !important;} .olympus-home-unified .olympus-council-empty strong,.olympus-home-unified .olympus-council-card-copy h3,.olympus-home-unified .olympus-council-heading h2{color:var(--ol-home-ivory) !important;} .olympus-home-unified .olympus-council-card-copy small,.olympus-home-unified .olympus-council-motto p{color:#d1c39e !important;} .olympus-home-unified .olympus-payment-section{padding:clamp(28px,4vw,44px) !important;border-color:rgba(246,221,150,.36) !important;background:radial-gradient(ellipse at 13% 0%,rgba(255,255,255,.15),transparent 31%),radial-gradient(ellipse at 90% 9%,rgba(145,180,208,.10),transparent 33%),linear-gradient(118deg,transparent 0 47%,rgba(250,245,233,.038) 48%,transparent 49% 100%),linear-gradient(145deg,rgba(66,79,92,.98),rgba(39,49,61,.99)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 20px 45px rgba(8,14,22,.16) !important;} .olympus-home-unified .olympus-payment-section::before{color:rgba(246,221,150,.050) !important;} .olympus-home-unified .olympus-payment-heading h2{color:var(--ol-home-ivory) !important;} .olympus-home-unified .olympus-payment-heading>small{border-color:rgba(231,200,111,.34) !important;color:#f1d98b !important;background:rgba(231,200,111,.10) !important;} .olympus-home-unified .olympus-schedule-grid{grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:13px !important;margin-top:24px !important;} @media (max-width:1180px){.olympus-home-unified .olympus-schedule-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}} @media (max-width:820px){.olympus-home-unified .olympus-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}} @media (max-width:520px){.olympus-home-unified .olympus-schedule-grid{grid-template-columns:minmax(0,1fr) !important;}} .olympus-home-unified .olympus-schedule-card{min-height:176px !important;padding:18px 12px 15px !important;border-color:rgba(231,200,111,.26) !important;border-radius:17px !important;background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.07),transparent 35%),linear-gradient(145deg,rgba(64,75,87,.95),rgba(40,50,61,.98)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 11px 24px rgba(7,13,20,.13) !important;} .olympus-home-unified .olympus-schedule-card:hover{border-color:rgba(246,221,150,.52) !important;background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.09),transparent 35%),linear-gradient(145deg,rgba(72,84,97,.98),rgba(44,55,67,.99)) !important;} .olympus-home-unified .olympus-schedule-card .country-flag{width:54px !important;height:38px !important;margin-bottom:10px !important;padding:3px !important;border-radius:9px !important;border-color:rgba(231,200,111,.40) !important;background:rgba(24,32,41,.72) !important;box-shadow:0 7px 14px rgba(7,13,20,.16),0 0 0 3px rgba(231,200,111,.025) !important;} .olympus-home-unified .olympus-schedule-card .country-flag img{border-radius:6px !important;} .olympus-home-unified .olympus-schedule-country{min-height:40px !important;} .olympus-home-unified .olympus-schedule-country h3{color:var(--ol-home-ivory) !important;font-size:16px !important;} .olympus-home-unified .olympus-schedule-country small{color:#d8d0bc !important;} .olympus-home-unified .olympus-schedule-card>strong{min-width:92px !important;min-height:31px !important;margin-top:11px !important;padding:5px 10px !important;color:#f3db91 !important;border-color:rgba(231,200,111,.34) !important;background:rgba(231,200,111,.09) !important;font-size:10px !important;} @media (max-width:780px){.olympus-home-unified{gap:17px;} .olympus-home-unified .olympus-payment-section{padding:25px 16px !important;}} @media (max-width:520px){header.topbar>.brand{padding-right:8px !important;} header.topbar>.brand .brand-logo,header.topbar>.brand .brand-mark,header.topbar>.brand .olympus-brand-mark{width:38px !important;height:38px !important;flex-basis:38px !important;} header.topbar>.brand .brand-copy strong{font-size:13px !important;}} body.session-authenticated header.topbar{position:sticky !important;top:0 !important;z-index:50 !important;min-height:80px !important;padding:12px clamp(18px,4vw,54px) !important;display:flex !important;align-items:center !important;gap:28px !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.075),transparent 32%),linear-gradient(180deg,rgba(31,43,57,.985),rgba(24,33,44,.985)) !important;border-top:0 !important;border-bottom:1px solid rgba(246,221,150,.42) !important;box-shadow:0 10px 28px rgba(8,14,22,.20),inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(226,191,100,.12) !important;backdrop-filter:blur(18px) !important;} body.session-authenticated header.topbar>[hidden]{display:none !important;} body.session-authenticated header.topbar>.brand{min-width:max-content !important;min-height:52px !important;padding:5px 12px 5px 5px !important;display:flex !important;align-items:center !important;gap:10px !important;border:1px solid rgba(231,200,111,.42) !important;border-radius:16px !important;color:#fff8e9 !important;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.12),transparent 39%),linear-gradient(145deg,rgba(72,86,101,.96),rgba(42,53,65,.98)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 24px rgba(7,13,20,.15) !important;} body.session-authenticated header.topbar>.brand .brand-mark,body.session-authenticated header.topbar>.brand .olympus-brand-mark{width:42px !important;height:42px !important;flex:0 0 42px !important;padding:4px !important;display:grid !important;place-items:center !important;border:1px solid rgba(231,200,111,.52) !important;border-radius:13px !important;overflow:hidden !important;background:radial-gradient(circle at 45% 25%,rgba(255,255,255,.14),transparent 43%),linear-gradient(145deg,rgba(33,44,56,.92),rgba(16,24,33,.98)) !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.025),0 7px 16px rgba(6,12,18,.18) !important;} body.session-authenticated header.topbar>.brand .brand-mark img,body.session-authenticated header.topbar>.brand .olympus-brand-mark img{width:100% !important;height:100% !important;display:block !important;object-fit:contain !important;} body.session-authenticated header.topbar>.brand .brand-copy strong{margin:0 !important;color:#fff8e9 !important;font-family:Georgia,Cambria,"Times New Roman",serif !important;font-size:14px !important;line-height:1.15 !important;} body.session-authenticated #authenticatedNavigation.calculator-auth-navigation.dashboard-nav{margin:0 auto !important;padding:0 !important;width:auto !important;max-width:none !important;min-width:0 !important;display:flex !important;flex:0 1 auto !important;align-items:center !important;justify-content:center !important;gap:7px !important;position:static !important;background:transparent !important;border:0 !important;box-shadow:none !important;} body.session-authenticated #authenticatedNavigation>.calculator-auth-nav-group{position:relative !important;flex:0 0 auto !important;} body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle{min-height:43px !important;height:auto !important;padding:0 16px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;border:1px solid rgba(246,221,150,.30) !important;border-radius:14px !important;color:#fff8e9 !important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(143,176,204,.035)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;font:inherit !important;font-size:inherit !important;font-weight:850 !important;line-height:normal !important;white-space:nowrap !important;cursor:pointer !important;transition:.2s ease !important;} body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle>span,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle>b{min-width:0 !important;width:auto !important;height:auto !important;display:inline !important;place-items:initial !important;color:#e7c86f !important;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;font-size:12px !important;font-weight:900 !important;line-height:inherit !important;} body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle>b{font-size:13px !important;transition:transform .2s ease !important;} body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle:hover,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle:focus-visible,body.session-authenticated .calculator-auth-nav-group.open>.calculator-auth-nav-link.dashboard-menu-toggle,body.session-authenticated .calculator-auth-nav-group.active>.calculator-auth-nav-link.dashboard-menu-toggle{color:#fff8e9 !important;border-color:rgba(246,221,150,.58) !important;background:linear-gradient(145deg,rgba(246,221,150,.13),rgba(143,176,204,.10)) !important;outline:none !important;} body.session-authenticated .calculator-auth-nav-group.open>.calculator-auth-nav-link.dashboard-menu-toggle>b{transform:rotate(180deg) !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown{position:absolute !important;top:calc(100% + 12px) !important;left:50% !important;right:auto !important;z-index:1400 !important;width:285px !important;min-width:285px !important;max-width:none !important;padding:8px !important;display:grid !important;gap:4px !important;visibility:hidden !important;opacity:0 !important;border:1px solid rgba(246,221,150,.28) !important;border-radius:18px !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.055),transparent 32%),linear-gradient(155deg,rgba(28,38,49,.995),rgba(18,25,33,.995)) !important;box-shadow:0 24px 65px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035) !important;backdrop-filter:blur(18px) !important;transform:translateX(-50%) translateY(-8px) !important;pointer-events:none !important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown[hidden]{display:none !important;} body.session-authenticated .calculator-auth-nav-group.open>.calculator-auth-menu.dashboard-dropdown:not([hidden]){visibility:visible !important;opacity:1 !important;transform:translateX(-50%) translateY(0) !important;pointer-events:auto !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown::before{content:"" !important;position:absolute !important;top:-6px !important;left:50% !important;width:12px !important;height:12px !important;border-top:1px solid rgba(246,221,150,.28) !important;border-left:1px solid rgba(246,221,150,.28) !important;background:#1a242f !important;transform:translateX(-50%) rotate(45deg) !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button{width:100% !important;min-height:63px !important;padding:10px 12px !important;display:flex !important;align-items:center !important;gap:12px !important;border:0 !important;border-radius:13px !important;color:#fff8e9 !important;background:transparent !important;font:inherit !important;text-align:left !important;cursor:pointer !important;transition:.2s ease !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button:hover,body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button:focus-visible{background:rgba(231,200,111,.075) !important;outline:none !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button>span{width:38px !important;height:38px !important;flex:0 0 38px !important;display:grid !important;place-items:center !important;border-radius:12px !important;color:#e7c86f !important;background:rgba(231,200,111,.10) !important;font-weight:900 !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button strong,body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button small{display:block !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button strong{font-size:12px !important;} body.session-authenticated .calculator-auth-menu.dashboard-dropdown>button small{margin-top:4px !important;color:#d2d6d5 !important;font-size:9px !important;} body.session-authenticated .calculator-auth-admin-group>.admin-dashboard-dropdown{left:50% !important;right:auto !important;width:390px !important;min-width:390px !important;max-height:min(720px,calc(100vh - 115px)) !important;overflow-x:hidden !important;overflow-y:auto !important;transform:translateX(-50%) translateY(-8px) !important;} body.session-authenticated .calculator-auth-admin-group.open>.admin-dashboard-dropdown:not([hidden]){transform:translateX(-50%) translateY(0) !important;} body.session-authenticated .calculator-auth-admin-group>.admin-dashboard-dropdown::before{left:50% !important;right:auto !important;transform:translateX(-50%) rotate(45deg) !important;} body.session-authenticated #authenticatedTopActions.calculator-auth-actions.top-actions{margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;min-width:max-content !important;display:flex !important;flex:0 0 auto !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;position:static !important;background:transparent !important;border:0 !important;box-shadow:none !important;} body.session-authenticated .calculator-auth-notification.icon-button{position:relative !important;width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;flex:0 0 50px !important;padding:0 !important;display:grid !important;place-items:center !important;border:1px solid rgba(246,221,150,.30) !important;border-radius:16px !important;color:#f2dda0 !important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(143,176,204,.035)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;} body.session-authenticated .calculator-auth-notification.icon-button>span{width:30px !important;height:30px !important;display:grid !important;place-items:center !important;font-size:16px !important;line-height:1 !important;} body.session-authenticated .calculator-auth-notification .notification-badge{position:absolute !important;top:-5px !important;right:-4px !important;min-width:19px !important;width:auto !important;height:19px !important;padding:0 5px !important;display:grid !important;place-items:center !important;border:2px solid #0c0d12 !important;border-radius:999px !important;color:#fff !important;background:#bb4c54 !important;font-size:10px !important;font-weight:900 !important;line-height:15px !important;} body.session-authenticated .calculator-auth-notification .notification-badge[hidden]{display:none !important;} body.session-authenticated .calculator-auth-profile.profile-chip{min-width:0 !important;min-height:50px !important;height:auto !important;padding:4px 10px 4px 4px !important;display:flex !important;grid-template-columns:none !important;align-items:center !important;gap:9px !important;border:1px solid rgba(246,221,150,.30) !important;border-radius:16px !important;color:inherit !important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(143,176,204,.035)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;text-align:left !important;white-space:nowrap !important;} body.session-authenticated .calculator-auth-avatar.mini-avatar{width:40px !important;height:40px !important;flex:0 0 40px !important;padding:0 !important;display:grid !important;place-items:center !important;overflow:hidden !important;border:1px solid rgba(217,180,90,.34) !important;border-radius:12px !important;background:linear-gradient(145deg,rgba(217,180,90,.14),rgba(119,81,29,.05)),#15161c !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.016) !important;} body.session-authenticated .calculator-auth-avatar.mini-avatar img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;image-rendering:pixelated !important;} body.session-authenticated .calculator-auth-profile .profile-chip-copy{min-width:78px !important;padding-right:2px !important;} body.session-authenticated .calculator-auth-profile .profile-chip-copy strong,body.session-authenticated .calculator-auth-profile .profile-chip-copy small{display:block !important;} body.session-authenticated .calculator-auth-profile .profile-chip-copy strong{color:#fff8e9 !important;font-size:13px !important;line-height:1.15 !important;} body.session-authenticated .calculator-auth-profile .profile-chip-copy small{margin-top:3px !important;color:#d2d6d5 !important;font-size:10px !important;line-height:1.1 !important;} body.session-authenticated .calculator-auth-profile .profile-menu-arrow{margin-left:3px !important;color:#e7c86f !important;font-size:12px !important;} @media (max-width:1080px){body.session-authenticated header.topbar{gap:16px !important;} body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle{padding-inline:11px !important;}} @media (max-width:900px){body.session-authenticated #authenticatedNavigation.calculator-auth-navigation.dashboard-nav{gap:4px !important;} body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle{padding-inline:9px !important;}} @media (max-width:760px){body.session-authenticated header.topbar{padding-inline:14px !important;gap:10px !important;} body.session-authenticated #authenticatedNavigation .calculator-auth-nav-group:not([data-menu-category="informacion"]){display:none !important;} body.session-authenticated .calculator-auth-notification{display:none !important;} body.session-authenticated .calculator-auth-profile .profile-chip-copy,body.session-authenticated .calculator-auth-profile .profile-menu-arrow{display:none !important;} body.session-authenticated .calculator-auth-profile.profile-chip{padding-right:4px !important;}} body.session-authenticated .calculator-auth-avatar.mini-avatar{position:relative !important;isolation:isolate !important;} body.session-authenticated .calculator-auth-avatar.mini-avatar .header-habbo-head-image{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:block !important;object-fit:contain !important;object-position:center !important;image-rendering:pixelated !important;transform:translate3d(0,2px,0) scale(1.12) !important;} body.session-authenticated .calculator-auth-nav-group.open>.calculator-auth-nav-link.dashboard-menu-toggle,body.session-authenticated .calculator-auth-nav-group.active>.calculator-auth-nav-link.dashboard-menu-toggle{color:#f7f9ff !important;border-color:rgba(95,124,255,.25) !important;background:rgba(95,124,255,.16) !important;} .dashboard-menu-group.active>.dashboard-menu-toggle,.calculator-auth-nav-group.active>.calculator-auth-nav-link.dashboard-menu-toggle,.calculator-auth-nav-link.is-active{color:#f7f9ff !important;border-color:rgba(95,124,255,.25) !important;background:rgba(95,124,255,.16) !important;} .dashboard-menu-group.active>.dashboard-menu-toggle>span,.dashboard-menu-group.active>.dashboard-menu-toggle>b,.calculator-auth-nav-group.active>.calculator-auth-nav-link.dashboard-menu-toggle>span,.calculator-auth-nav-group.active>.calculator-auth-nav-link.dashboard-menu-toggle>b{color:#e7c86f !important;}:root{--olympus-number-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;} html body .olympus-number,html body .olympus-number-field{font-family:var(--olympus-number-font) !important;font-variant-numeric:tabular-nums lining-nums !important;font-feature-settings:"tnum" 1,"lnum" 1 !important;font-weight:650 !important;letter-spacing:0.015em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;} html body input[type="number"],html body input[type="date"],html body input[type="time"],html body input[type="datetime-local"],html body input[type="month"],html body input[type="week"],html body input[type="tel"]{font-family:var(--olympus-number-font) !important;font-variant-numeric:tabular-nums lining-nums !important;font-feature-settings:"tnum" 1,"lnum" 1 !important;font-weight:600;} html body #timesFichajeSection .fichaje-time,html body .profile-active-time-clock-wrap>strong,html body .profile-active-time-clock,html body .time-fixed-status,html body .ods-result-price,html body .public-calculator-price,html body .payroll-amount,html body .transfer-price-value,html body .membership-card-price,html body .olympus-membership-price,html body .discount-price-effective,html body .discount-inline-price,html body .sales-agency-percent,html body .rank-missions-number,html body .ods-rank-number{font-family:var(--olympus-number-font) !important;font-variant-numeric:tabular-nums lining-nums !important;font-feature-settings:"tnum" 1,"lnum" 1 !important;font-weight:700 !important;letter-spacing:0.01em !important;} html body #timesFichajeSection .fichaje-time,html body .profile-active-time-clock-wrap>strong,html body [data-olympus-number-kind="clock"]{font-variant-numeric:tabular-nums lining-nums !important;font-feature-settings:"tnum" 1,"lnum" 1 !important;} html body .notification-badge .olympus-number,html body .admin-access-badge .olympus-number,html body .clone-badge .olympus-number,html body .users-permission-badge .olympus-number,html body .membership-status-pill .olympus-number,html body .transfer-status-pill .olympus-number,html body .profile-badges .olympus-number{font-weight:700 !important;letter-spacing:0 !important;} html body #currentMission,html body #desiredMission,html body #rankDateUser,html body #payrollPeriodSelect,html body select[id*="Time"],html body select[id*="time"],html body select[id*="Date"],html body select[id*="date"],html body select[id*="Period"],html body select[id*="period"]{font-family:var(--olympus-number-font) !important;font-variant-numeric:tabular-nums lining-nums !important;font-feature-settings:"tnum" 1,"lnum" 1 !important;font-weight:600 !important;} html body input[id*="Price"],html body input[id*="price"],html body input[id*="Amount"],html body input[id*="amount"],html body input[id*="Percent"],html body input[id*="percent"],html body input[id*="Hours"],html body input[id*="hours"],html body input[id*="Time"],html body input[id*="time"],html body input[id*="Date"],html body input[id*="date"],html body input[class*="price"],html body input[class*="percent"],html body input[class*="amount"]{font-family:var(--olympus-number-font) !important;font-variant-numeric:tabular-nums lining-nums !important;font-feature-settings:"tnum" 1,"lnum" 1 !important;font-weight:600 !important;} body:not(.session-authenticated) #authenticatedNavigation,body:not(.session-authenticated) #authenticatedNavigation[hidden]{display:none !important;} body:not(.session-authenticated) #authenticatedTopActions,body:not(.session-authenticated) #authenticatedTopActions[hidden]{display:none !important;} .dashboard-nav,body.session-authenticated #authenticatedNavigation.dashboard-nav{margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;} .dashboard-menu-group,body.session-authenticated .calculator-auth-nav-group.dashboard-menu-group{position:relative !important;} .dashboard-menu-toggle,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle{min-height:43px !important;padding:0 16px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;border:1px solid rgba(246,221,150,.30) !important;border-radius:14px !important;background:linear-gradient( 145deg,rgba(255,255,255,.065),rgba(143,176,204,.035) ) !important;color:#fff8e9 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;font:inherit !important;font-weight:850 !important;line-height:normal !important;white-space:nowrap !important;transition:border-color .2s ease,background .2s ease,color .2s ease !important;} .dashboard-menu-toggle>span,.dashboard-menu-toggle>b,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle>span,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle>b{width:auto !important;height:auto !important;min-width:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#e7c86f !important;font-size:12px !important;font-weight:900 !important;line-height:inherit !important;} .dashboard-menu-toggle>b,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle>b{font-size:13px !important;transition:transform .2s ease !important;} .dashboard-menu-toggle:hover,.dashboard-menu-toggle:focus-visible,.dashboard-menu-group.open>.dashboard-menu-toggle,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle:hover,body.session-authenticated .calculator-auth-nav-link.dashboard-menu-toggle:focus-visible,body.session-authenticated .calculator-auth-nav-group.open>.calculator-auth-nav-link.dashboard-menu-toggle{border-color:rgba(246,221,150,.58) !important;background:linear-gradient( 145deg,rgba(246,221,150,.13),rgba(143,176,204,.10) ) !important;color:#fff8e9 !important;outline:none !important;} .dashboard-menu-group.open>.dashboard-menu-toggle>b,body.session-authenticated .calculator-auth-nav-group.open>.calculator-auth-nav-link.dashboard-menu-toggle>b{transform:rotate(180deg) !important;} .dashboard-menu-group.active>.dashboard-menu-toggle,body.session-authenticated .calculator-auth-nav-group.active>.calculator-auth-nav-link.dashboard-menu-toggle,body.session-authenticated .calculator-auth-nav-link.is-active{border-color:rgba(95,124,255,.25) !important;background:rgba(95,124,255,.16) !important;color:#f7f9ff !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown),body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown){position:absolute !important;top:calc(100% + 12px) !important;left:50% !important;right:auto !important;z-index:1400 !important;width:285px !important;min-width:285px !important;max-width:285px !important;padding:8px !important;display:grid !important;gap:4px !important;border:1px solid rgba(246,221,150,.37) !important;border-radius:18px !important;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.095),transparent 31%),linear-gradient(150deg,rgba(61,70,82,.995),rgba(35,44,55,.997)) !important;box-shadow:0 22px 50px rgba(8,14,22,.27),inset 0 1px 0 rgba(255,255,255,.07) !important;backdrop-filter:blur(18px) !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)::before,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)::before{content:"" !important;position:absolute !important;top:-6px !important;left:50% !important;width:12px !important;height:12px !important;border-top:1px solid rgba(246,221,150,.37) !important;border-left:1px solid rgba(246,221,150,.37) !important;background:#39434f !important;transform:translateX(-50%) rotate(45deg) !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button{width:100% !important;min-height:63px !important;padding:10px 12px !important;display:flex !important;align-items:center !important;gap:12px !important;border:1px solid transparent !important;border-radius:13px !important;background:transparent !important;color:#fff8e9 !important;font:inherit !important;text-align:left !important;transition:background .2s ease,border-color .2s ease !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button:hover,.dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button:focus-visible,.dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button.active,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button:hover,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button:focus-visible{border-color:rgba(246,221,150,.22) !important;background:rgba(143,176,204,.13) !important;outline:none !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button>span,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button>span{width:38px !important;height:38px !important;flex:0 0 38px !important;display:grid !important;place-items:center !important;border-radius:12px !important;background:rgba(231,200,111,.10) !important;color:#e7c86f !important;font-weight:900 !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button strong,.dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button small,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button strong,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button small{display:block !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button strong,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button strong{color:#fff8e9 !important;font-size:12px !important;} .dashboard-menu-group>.dashboard-dropdown:not(.admin-dashboard-dropdown)>button small,body.session-authenticated .calculator-auth-nav-group>.calculator-auth-menu.dashboard-dropdown:not(.admin-dashboard-dropdown)>button small{margin-top:4px !important;color:#d2d6d5 !important;font-size:9px !important;} .dashboard-menu-group>.admin-dashboard-dropdown,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown{border-color:rgba(246,221,150,.37) !important;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.095),transparent 31%),linear-gradient(150deg,rgba(61,70,82,.995),rgba(35,44,55,.997)) !important;box-shadow:0 22px 50px rgba(8,14,22,.27),inset 0 1px 0 rgba(255,255,255,.07) !important;} body.session-authenticated .calculator-auth-admin-group.dashboard-menu-group>.admin-dashboard-dropdown{left:50% !important;right:auto !important;transform:translateX(-50%) translateY(-8px) !important;} body.session-authenticated .calculator-auth-admin-group.dashboard-menu-group.open>.admin-dashboard-dropdown:not([hidden]){transform:translateX(-50%) translateY(0) !important;} body.session-authenticated .calculator-auth-admin-group.dashboard-menu-group>.admin-dashboard-dropdown::before{left:50% !important;right:auto !important;transform:translateX(-50%) rotate(45deg) !important;} @media (max-width:900px){body.session-authenticated #authenticatedNavigation.dashboard-nav,.dashboard-nav{justify-content:flex-start !important;}} .dashboard-menu-group>.admin-dashboard-dropdown,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown{scrollbar-color:rgba(223,189,99,.46) transparent !important;} .dashboard-menu-group>.admin-dashboard-dropdown::-webkit-scrollbar-thumb,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown::-webkit-scrollbar-thumb{background:rgba(223,189,99,.38) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-dropdown-header,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-dropdown-header{border-color:rgba(223,189,99,.24) !important;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.07),transparent 34%),linear-gradient(145deg,rgba(82,94,106,.52),rgba(64,75,88,.52)) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-dropdown-icon,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-dropdown-icon{border:1px solid rgba(223,189,99,.12) !important;background:rgba(121,168,204,.16) !important;color:#efd47f !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-dropdown-header strong,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-dropdown-header strong{color:#fff8e9 !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-dropdown-header small,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-dropdown-header small{color:#d4d8d8 !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-group,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-group{border-bottom-color:rgba(223,189,99,.10) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-toggle,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-toggle{border:1px solid transparent !important;color:#f6f2e8 !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-toggle>span,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-toggle>span,.dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button>span,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button>span{background:rgba(121,168,204,.16) !important;color:#e8c96d !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-toggle>b,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-toggle>b{color:#e7c86f !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-toggle:hover,.dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-toggle:focus-visible,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-toggle:hover,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-toggle:focus-visible{border-color:rgba(223,189,99,.16) !important;background:rgba(121,168,204,.10) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-group.open>.admin-submenu-toggle,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-group.open>.admin-submenu-toggle{border-color:rgba(223,189,99,.22) !important;background:linear-gradient(145deg,rgba(121,168,204,.16),rgba(223,189,99,.07)) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button{border-left-color:rgba(223,189,99,.22) !important;color:#f4f0e6 !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button:hover,.dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button:focus-visible,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button:hover,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button:focus-visible{background:rgba(121,168,204,.12) !important;border-left-color:rgba(223,189,99,.52) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button.active,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button.active{background:linear-gradient(145deg,rgba(121,168,204,.17),rgba(223,189,99,.10)) !important;border-left-color:rgba(223,189,99,.62) !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button strong,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button strong{color:#fff8e9 !important;} .dashboard-menu-group>.admin-dashboard-dropdown .admin-submenu-list button small,body.session-authenticated .calculator-auth-nav-group>.admin-dashboard-dropdown .admin-submenu-list button small{color:#d0d7dc !important;} body.public-ranks-active>.footer{width:min(1320px,calc(100% - 48px));margin:30px auto 0;padding:26px 0 54px;min-height:92px;display:flex;align-items:center;justify-content:flex-end;} body.public-ranks-active>.footer>span{margin-left:auto;max-width:100%;white-space:nowrap;line-height:1.55;font-size:10px;text-align:right;} body.public-calculator-active #view-calculator .public-calculator-footer{margin-top:38px;padding:26px 0 54px;min-height:92px;align-items:center;} body.public-calculator-active #view-calculator .public-calculator-footer>span{max-width:100%;white-space:nowrap;line-height:1.55;} @media (max-width:680px){body.public-ranks-active>.footer{width:min(100% - 28px,1320px);padding-bottom:38px;} body.public-ranks-active>.footer>span,body.public-calculator-active #view-calculator .public-calculator-footer>span{white-space:normal;} body.public-calculator-active #view-calculator .public-calculator-footer{padding-bottom:38px;}} body.public-ranks-active #view-ranks .ods-information-page{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important;padding-left:0;padding-right:0;} body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean{width:min(100%,1120px);margin-inline:auto;padding:clamp(22px,3vw,34px) 0 0;overflow:visible !important;isolation:auto;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean::before{content:none !important;display:none !important;} body.public-calculator-active #view-calculator .ods-calculator-shell{width:min(100%,920px);margin:32px auto 0;} body.public-ranks-active #view-ranks .ods-section-heading{padding-top:24px;} @media (max-width:680px){body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean{padding-top:18px;} body.public-ranks-active #view-ranks .ods-section-heading{padding-top:18px;}} body.public-ranks-active .page-shell{width:100% !important;max-width:none !important;min-height:0 !important;padding:80px 0 28px !important;} body.public-ranks-active #view-ranks,body.public-ranks-active #view-ranks .ods-information-page{width:min(100%,1320px) !important;margin-inline:auto !important;} body.public-ranks-active #view-ranks .ods-information-page{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;overflow:visible !important;} body.public-ranks-active>.footer{width:min(1320px,calc(100% - 72px)) !important;margin:18px auto 0 !important;padding:30px 0 78px !important;min-height:0 !important;display:flex !important;align-items:flex-end !important;justify-content:flex-end !important;border-top:1px solid rgba(246,221,150,.30) !important;} body.public-ranks-active>.footer>span{margin-left:auto !important;max-width:100% !important;white-space:nowrap !important;line-height:1.65 !important;text-align:right !important;font-size:10px !important;} body.public-calculator-active .page-shell{width:min(1540px,100%) !important;min-height:0 !important;margin:0 auto !important;padding:34px clamp(16px,4vw,54px) 54px !important;} body.public-calculator-active #view-calculator.public-calculator-view{width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;} body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean,body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean.public-calculator-page{width:min(100%,1120px) !important;margin-inline:auto !important;padding:clamp(18px,3vw,30px) 0 0 !important;overflow:visible !important;isolation:auto !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean::before,body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean.public-calculator-page::before,body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean::after,body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean.public-calculator-page::after{content:none !important;display:none !important;} body.public-calculator-active #view-calculator .ods-section-heading{max-width:760px !important;margin-inline:auto !important;} body.public-calculator-active #view-calculator .ods-calculator-shell,body.public-calculator-active #view-calculator .public-calculator-shell{width:min(100%,920px) !important;margin:30px auto 0 !important;} body.public-calculator-active #view-calculator .public-calculator-footer{width:min(100%,920px) !important;margin:34px auto 0 !important;padding:28px 0 72px !important;min-height:0 !important;display:flex !important;align-items:flex-end !important;justify-content:flex-end !important;border-top:1px solid rgba(246,221,150,.30) !important;} body.public-calculator-active #view-calculator .public-calculator-footer>span{margin-left:auto !important;max-width:100% !important;white-space:nowrap !important;line-height:1.65 !important;text-align:right !important;} body.public-calculator-active>.footer{display:none !important;} @media (max-width:760px){body.public-ranks-active .page-shell{padding-bottom:22px !important;} body.public-ranks-active>.footer{width:calc(100% - 28px) !important;padding-bottom:44px !important;} body.public-ranks-active>.footer>span,body.public-calculator-active #view-calculator .public-calculator-footer>span{white-space:normal !important;} body.public-calculator-active .page-shell{padding-bottom:36px !important;} body.public-calculator-active #view-calculator .public-calculator-footer{padding-bottom:44px !important;}} body.public-ranks-active .page-shell,body.public-calculator-active .page-shell,body.public-ranks-active #view-ranks,body.public-calculator-active #view-calculator,body.public-calculator-active #view-calculator .ods-calculator-page.ods-calculator-clean,body.public-ranks-active #view-ranks .ods-information-page{background:transparent !important;} body.public-ranks-active>.footer,body.public-calculator-active #view-calculator .public-calculator-footer,body.public-calculator-active #view-calculator footer.public-calculator-footer{background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;} body.public-ranks-active>.footer{padding-top:26px !important;padding-bottom:74px !important;min-height:0 !important;} body.public-calculator-active #view-calculator .public-calculator-footer,body.public-calculator-active #view-calculator footer.public-calculator-footer{width:min(100%,920px) !important;margin:34px auto 0 !important;padding:26px 0 74px !important;min-height:0 !important;border-top:1px solid rgba(246,221,150,.30) !important;background-image:none !important;} body.public-calculator-active #view-calculator .public-calculator-footer>span,body.public-ranks-active>.footer>span{background:transparent !important;} @media (max-width:760px){body.public-ranks-active>.footer,body.public-calculator-active #view-calculator .public-calculator-footer,body.public-calculator-active #view-calculator footer.public-calculator-footer{padding-bottom:42px !important;}} body.public-ranks-active .page-shell{padding-bottom:14px !important;} body.public-ranks-active>.footer{width:min(1320px,calc(100% - 72px)) !important;margin:14px auto 0 !important;padding:18px 0 24px !important;min-height:0 !important;background:transparent !important;background-image:none !important;box-shadow:none !important;backdrop-filter:none !important;display:flex !important;align-items:flex-start !important;justify-content:flex-end !important;border-top:1px solid rgba(246,221,150,.30) !important;} body.public-ranks-active>.footer>span{margin-left:auto !important;max-width:100% !important;white-space:nowrap !important;line-height:1.5 !important;text-align:right !important;font-size:10px !important;background:transparent !important;} @media (max-width:760px){body.public-ranks-active .page-shell{padding-bottom:8px !important;} body.public-ranks-active>.footer{width:calc(100% - 28px) !important;padding:16px 0 20px !important;} body.public-ranks-active>.footer>span{white-space:normal !important;}} body.public-ranks-active .page-shell{width:min(1540px,100%) !important;min-height:0 !important;margin:0 auto !important;padding:34px clamp(16px,4vw,54px) 18px !important;} body.public-ranks-active #view-ranks,body.public-ranks-active #view-ranks .ods-information-page{width:min(100%,1280px) !important;margin-inline:auto !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body.public-ranks-active #view-ranks .ods-section-heading{max-width:760px !important;margin:0 auto 30px !important;padding:8px 0 0 !important;text-align:center !important;} body.public-ranks-active #view-ranks .ods-section-heading h1{margin:0 0 12px !important;color:#f8f1df !important;font-family:Georgia,Cambria,serif !important;font-size:clamp(40px,5vw,58px) !important;font-weight:700 !important;line-height:1.04 !important;letter-spacing:-.045em !important;} body.public-ranks-active #view-ranks .ods-section-heading p{max-width:670px !important;margin:0 auto !important;color:#b7ad95 !important;font-size:14px !important;line-height:1.58 !important;} body.public-ranks-active #view-ranks .ods-rank-grid{width:min(100%,1280px) !important;margin:0 auto !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;} body.public-ranks-active #view-ranks .ods-rank-card{position:relative !important;display:grid !important;grid-template-columns:68px minmax(0,1fr) !important;gap:18px !important;align-items:center !important;min-height:146px !important;padding:22px 22px 18px !important;overflow:hidden !important;border:1px solid rgba(217,180,90,.17) !important;border-radius:22px !important;color:#f8f1df !important;text-align:left !important;background:radial-gradient(circle at 100% 100%,rgba(217,180,90,.055),transparent 38%),linear-gradient(145deg,rgba(24,26,34,.985),rgba(9,10,15,.998)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 12px 28px rgba(0,0,0,.12) !important;cursor:pointer !important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;} body.public-ranks-active #view-ranks .ods-rank-card:hover,body.public-ranks-active #view-ranks .ods-rank-card:focus-visible{border-color:rgba(217,180,90,.34) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.024),0 16px 36px rgba(0,0,0,.16) !important;transform:translateY(-2px) !important;outline:none !important;} body.public-ranks-active #view-ranks .ods-rank-number.ods-rank-badge-slot{width:64px !important;height:64px !important;padding:8px !important;display:grid !important;place-items:center !important;border:1px solid rgba(217,180,90,.22) !important;border-radius:16px !important;background:radial-gradient(circle,rgba(217,180,90,.11),transparent 70%),rgba(12,14,20,.86) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.16) !important;} body.public-ranks-active #view-ranks .ods-rank-badge-image{width:46px !important;height:46px !important;display:block !important;object-fit:contain !important;image-rendering:pixelated !important;image-rendering:crisp-edges !important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(217,180,90,.16)) !important;} body.public-ranks-active #view-ranks .ods-rank-copy{min-width:0 !important;align-self:center !important;} body.public-ranks-active #view-ranks .ods-rank-copy strong,body.public-ranks-active #view-ranks .ods-rank-copy small{display:block !important;} body.public-ranks-active #view-ranks .ods-rank-copy strong{color:#f8f1df !important;font-family:Georgia,Cambria,serif !important;font-size:20px !important;line-height:1.15 !important;} body.public-ranks-active #view-ranks .ods-rank-copy small{margin-top:7px !important;color:#b9ae94 !important;font-size:12px !important;line-height:1.48 !important;} body.public-ranks-active #view-ranks .ods-rank-more,body.public-ranks-active #view-ranks .ods-rank-more.rank-card-action{grid-column:1 / -1 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;margin-top:2px !important;padding-top:14px !important;border-top:1px solid rgba(217,180,90,.12) !important;color:#d9b45a !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.08em !important;text-transform:uppercase !important;position:static !important;} body.public-ranks-active #view-ranks .ods-rank-more b,body.public-ranks-active #view-ranks .ods-rank-more.rank-card-action b{color:#e7c969 !important;font-size:15px !important;line-height:1 !important;} body.public-ranks-active>.footer{width:min(1280px,calc(100% - 72px)) !important;margin:18px auto 0 !important;padding:18px 0 24px !important;min-height:0 !important;display:flex !important;justify-content:flex-end !important;align-items:flex-start !important;border-top:1px solid rgba(246,221,150,.30) !important;background:transparent !important;box-shadow:none !important;} body.public-ranks-active>.footer>span{margin-left:auto !important;max-width:100% !important;white-space:nowrap !important;line-height:1.5 !important;text-align:right !important;font-size:10px !important;} @media (max-width:920px){body.public-ranks-active #view-ranks .ods-rank-grid{grid-template-columns:1fr !important;}} @media (max-width:760px){body.public-ranks-active .page-shell{padding-bottom:10px !important;} body.public-ranks-active #view-ranks,body.public-ranks-active #view-ranks .ods-information-page,body.public-ranks-active #view-ranks .ods-rank-grid{width:100% !important;} body.public-ranks-active #view-ranks .ods-section-heading{margin-bottom:22px !important;} body.public-ranks-active #view-ranks .ods-rank-card{min-height:138px !important;padding:20px 18px 16px !important;grid-template-columns:60px minmax(0,1fr) !important;gap:16px !important;} body.public-ranks-active #view-ranks .ods-rank-number.ods-rank-badge-slot{width:58px !important;height:58px !important;} body.public-ranks-active #view-ranks .ods-rank-badge-image{width:42px !important;height:42px !important;} body.public-ranks-active>.footer{width:calc(100% - 28px) !important;padding:16px 0 20px !important;} body.public-ranks-active>.footer>span{white-space:normal !important;}} body.public-ranks-active>.footer{width:min(1280px,calc(100% - 72px)) !important;margin:18px auto 0 !important;padding:18px 0 24px !important;min-height:42px !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;overflow:visible !important;} body.public-ranks-active>.footer>span{display:inline-block !important;width:auto !important;max-width:none !important;margin-left:auto !important;white-space:nowrap !important;text-wrap:nowrap !important;overflow-wrap:normal !important;word-break:normal !important;line-height:1.35 !important;font-size:10px !important;text-align:right !important;overflow:visible !important;} @media (max-width:760px){body.public-ranks-active>.footer{width:calc(100% - 28px) !important;padding:14px 0 18px !important;min-height:36px !important;} body.public-ranks-active>.footer>span{white-space:nowrap !important;text-wrap:nowrap !important;font-size:9px !important;line-height:1.3 !important;}} .public-footer-copy.public-footer-copy--singleline{display:inline-flex !important;align-items:center !important;justify-content:flex-end !important;width:auto !important;max-width:none !important;flex:0 0 auto !important;white-space:nowrap !important;text-wrap:nowrap !important;overflow-wrap:normal !important;word-break:normal !important;word-spacing:normal !important;letter-spacing:0 !important;line-height:1.35 !important;text-align:right !important;font-size:10px !important;overflow:visible !important;} body.public-ranks-active>.footer>.public-footer-copy.public-footer-copy--singleline,body.public-calculator-active #view-calculator .public-calculator-footer>.public-footer-copy.public-footer-copy--singleline,body>.footer>.public-footer-copy.public-footer-copy--singleline{display:inline-flex !important;white-space:nowrap !important;text-wrap:nowrap !important;overflow-wrap:normal !important;word-break:normal !important;max-width:none !important;width:auto !important;margin-left:auto !important;} body.public-ranks-active>.footer,body.public-calculator-active #view-calculator .public-calculator-footer{align-items:center !important;} @media (max-width:760px){.public-footer-copy.public-footer-copy--singleline{font-size:9px !important;line-height:1.3 !important;}} html.modal-open,body.modal-open{overflow:hidden !important;height:100% !important;} body.modal-open{position:relative;} .auth-modal{position:fixed !important;inset:0 !important;z-index:500 !important;display:grid !important;place-items:center !important;min-height:100vh !important;min-height:100dvh !important;overflow:hidden !important;overscroll-behavior:none !important;contain:none !important;} .auth-modal-backdrop{position:fixed !important;inset:0 !important;z-index:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;min-height:100vh !important;min-height:100dvh !important;background:rgba(2,6,15,0.82) !important;} .auth-modal-dialog,.auth-modal-dialog-large{position:relative !important;z-index:2 !important;margin:0 !important;max-height:calc(100vh - 44px) !important;max-height:calc(100dvh - 44px) !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch;} @media (max-width:560px){.auth-modal-dialog,.auth-modal-dialog-large{max-height:calc(100vh - 20px) !important;max-height:calc(100dvh - 20px) !important;}}