@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.LoginForm_loginLayout__flUPC{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.LoginForm_loginSection__oRIVM{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex:1 1;justify-content:center;padding:2rem;position:relative}.LoginForm_loginContainer__VbGrr{max-width:450px;width:100%}.LoginForm_loginBranding__amtPc{margin-bottom:2rem;text-align:center}.LoginForm_jobbyLogo__TOs\+B{margin-bottom:1.5rem}.LoginForm_logoGradient__ZZAvj{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.5rem}.LoginForm_logoTagline__TCGPi{color:#718096;font-size:1rem;font-weight:500;margin:0}.LoginForm_loginFormContainer__3kxyn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2.5rem}.LoginForm_loginFormContainer__3kxyn h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.LoginForm_loginForm__6OA6x{display:flex;flex-direction:column;gap:1.5rem}.LoginForm_formGroupWithIcon__9dfsR{align-items:center;display:flex;position:relative}.LoginForm_inputIcon__uuHZ4{font-size:1.25rem;left:1rem;pointer-events:none;position:absolute;z-index:2}.LoginForm_formGroupWithIcon__9dfsR input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:1rem 1rem 1rem 3.5rem;transition:all .3s ease;width:100%}.LoginForm_formGroupWithIcon__9dfsR input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.LoginForm_formGroupWithIcon__9dfsR input::placeholder{color:#a0aec0;font-weight:500}.LoginForm_loginButton__6i98P{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.LoginForm_loginButton__6i98P:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.LoginForm_loginButton__6i98P:disabled{cursor:not-allowed;opacity:.7;transform:none}.LoginForm_loadingSpinner__pgoa1{align-items:center;display:flex;gap:.5rem;justify-content:center}.LoginForm_spinner__bg2l2{animation:LoginForm_loginSpin__aTnUP 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes LoginForm_loginSpin__aTnUP{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.LoginForm_errorModal__JAZCH{animation:LoginForm_slideIn__5slho .3s ease;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.LoginForm_errorContent__zYxB6{align-items:center;display:flex;gap:.75rem}.LoginForm_errorIcon__Pd4\+R{font-size:1.25rem}.LoginForm_errorContent__zYxB6 p{color:#c53030;font-size:.875rem;font-weight:500;margin:0}@keyframes LoginForm_slideIn__5slho{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes LoginForm_fadeInUp__kIkjs{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.LoginForm_loginFormContainer__3kxyn{animation:LoginForm_fadeInUp__kIkjs .6s ease}@media (max-width:768px){.LoginForm_loginLayout__flUPC{flex-direction:column}.LoginForm_loginSection__oRIVM{min-height:60vh;padding:1rem}.LoginForm_loginFormContainer__3kxyn{padding:1.5rem}.LoginForm_logoGradient__ZZAvj{font-size:2.5rem}}@media (max-width:480px){.LoginForm_loginSection__oRIVM{padding:.5rem}.LoginForm_loginFormContainer__3kxyn{padding:1rem}.LoginForm_formGroupWithIcon__9dfsR input{padding:.875rem .875rem .875rem 3rem}.LoginForm_inputIcon__uuHZ4{font-size:1.1rem;left:.75rem}}.BenefitsCarousel_benefitsShowcase__\+f9Jf{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.BenefitsCarousel_benefitSlide__UGLqE{align-items:center;background-position:50%;background-size:cover;display:flex;flex:1 1;height:100vh;justify-content:center;position:relative;transition:all .8s ease;width:100%}.BenefitsCarousel_benefitImageContainer__6PGL3{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.BenefitsCarousel_benefitImage__5bXRk{height:100%;object-fit:cover;opacity:1;width:100%}.BenefitsCarousel_benefitOverlay__r3\+Uh{align-items:center;background:linear-gradient(0deg,#000000f2 0,#000000b3 50%,#0000004d 80%,#0000);bottom:0;display:flex;flex-direction:column;height:35%;justify-content:center;left:0;padding:2rem;position:absolute;right:0;z-index:2}.BenefitsCarousel_benefitPromoText__GAmkW{color:#fff;margin-bottom:1.5rem;text-align:center}.BenefitsCarousel_benefitPromoText__GAmkW h2{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;text-shadow:0 2px 10px #00000080}.BenefitsCarousel_benefitPromoText__GAmkW p{font-size:.95rem;line-height:1.4;margin-bottom:.75rem;opacity:.95;text-shadow:0 1px 5px #0000004d}.BenefitsCarousel_benefitCategoryBadge__AQlHA{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff3;border-radius:25px;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1.25rem;text-transform:uppercase}.BenefitsCarousel_previewDots__gKI2T{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.BenefitsCarousel_dot__ZTVB3{background:#fff6;border:2px solid #0000;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.BenefitsCarousel_dot__ZTVB3.BenefitsCarousel_active__R0nb7{background:#fff;box-shadow:0 0 15px #fff9;transform:scale(1.2)}.BenefitsCarousel_dot__ZTVB3:hover{background:#ffffffb3;transform:scale(1.1)}@media (max-width:768px){.BenefitsCarousel_benefitsShowcase__\+f9Jf{min-height:40vh}.BenefitsCarousel_benefitOverlay__r3\+Uh{height:45%}.BenefitsCarousel_benefitPromoText__GAmkW h2{font-size:1.5rem}.BenefitsCarousel_benefitPromoText__GAmkW p{font-size:.875rem}}@media (max-width:480px){.BenefitsCarousel_benefitOverlay__r3\+Uh{height:50%;padding:1.5rem}.BenefitsCarousel_benefitPromoText__GAmkW h2{font-size:1.25rem}.BenefitsCarousel_benefitCategoryBadge__AQlHA{font-size:.75rem;padding:.4rem 1rem}}:root{--level3-primary:#6b3aa0;--level3-secondary:#8b5ba8;--level3-accent:pink;--level3-success:#4169e1;--level3-warning:#d4a645;--level3-bg:linear-gradient(135deg,#f5e6d3,#e6d5f5);--level3-card-bg:#fffffff2;--level3-glass:#ffffff40;--level3-glass-border:#ffffff2e;--level3-shadow:0 8px 32px 0 #1f26875e;--level3-text:#333;--level3-text-light:#666}[data-level="3"] .app-container{background:linear-gradient(135deg,#f5e6d3,#e6d5f5);background:var(--level3-bg);min-height:100vh}[data-level="3"] .main-content{align-items:stretch;display:flex;flex:1 1;margin-top:0}[data-level="3"] .header{align-items:center;background:#fff;border:none;border-bottom:1px solid #f5f5f5;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;height:65px;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-level="3"] .header-left{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0;overflow:hidden}[data-level="3"] .header .logo h1{color:#6b3aa0;color:var(--level3-primary);font-size:1.25rem;font-weight:600;line-height:1.5;margin:0;white-space:nowrap}[data-level="3"] .user-info{align-items:center;display:flex;gap:.5rem}[data-level="3"] .user-info span{display:none}[data-level="3"] .header-actions,[data-level="3"] .header-tokens{align-items:center;display:flex;gap:.5rem}[data-level="3"] .header-tokens{height:100%;justify-content:center}[data-level="3"] .mobile-tokens-row{display:none}[data-level="3"] .token-card{align-items:center;background:#6b3aa00d;border:1px solid #6b3aa01a;border-radius:6px;box-sizing:border-box;display:flex;font-size:.75rem;gap:.25rem;height:40px;line-height:1.5;margin:0;padding:.25rem .8rem;transition:all .2s ease;white-space:nowrap}[data-level="3"] .token-card:hover{background:#6b3aa01a}[data-level="3"] .token-logo{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}[data-level="3"] .token-logo svg{height:14px;width:14px}[data-level="3"] .token-card.jobby-tokens .token-logo{background:linear-gradient(135deg,#6b3aa0,#8b5ba8);color:#fff}[data-level="3"] .token-card.company-tokens .token-logo{background:linear-gradient(135deg,#d4a645,#c9a23e);color:#fff}[data-level="3"] .token-info{align-items:center;display:flex;gap:.375rem;height:80%;margin-top:12px}[data-level="3"] .token-count{color:#6b3aa0;color:var(--level3-primary);font-size:1rem;font-weight:700;line-height:1.2}[data-level="3"] .token-label{color:#666;color:var(--level3-text-light);font-size:.75rem;font-weight:500;letter-spacing:.8px;line-height:1.2;text-transform:uppercase}[data-level="3"] .header-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.375rem;position:relative;transition:all .2s ease;width:32px}[data-level="3"] .header-btn:hover{background:#f5f5f5;color:#6b3aa0;color:var(--level3-primary)}[data-level="3"] .header-btn svg{height:16px;width:16px}[data-level="3"] .notification-badge{align-items:center;background:coral;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}[data-level="3"] .user-dropdown{position:relative}[data-level="3"] .user-avatar{align-items:center;background:#6b3aa0;border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}[data-level="3"] .user-avatar:hover{border-color:#6b3aa0;transform:scale(1.05)}[data-level="3"] .user-dropdown-menu{background:#fff;border:1px solid #f5f5f5;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:none;margin-top:.5rem;max-width:220px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}[data-level="3"] .user-dropdown.active .user-dropdown-menu{display:block}[data-level="3"] .user-dropdown-header{border-bottom:1px solid #f5f5f5;padding:.75rem 1rem}[data-level="3"] .user-dropdown-header .user-name{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}[data-level="3"] .user-dropdown-header .user-email{color:#666;display:block;font-size:.75rem;word-break:break-all}[data-level="3"] .user-dropdown-menu a,[data-level="3"] .user-dropdown-menu button{align-items:center;background:none;border:none;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.625rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}[data-level="3"] .user-dropdown-menu a:hover,[data-level="3"] .user-dropdown-menu button:hover{background:#f5f5f5;color:#6b3aa0;color:var(--level3-primary)}[data-level="3"] .user-dropdown-menu svg{flex-shrink:0;height:14px;width:14px}[data-level="3"][data-theme=dark] .header{background:#1f2937;border-bottom-color:#374151}[data-level="3"][data-theme=dark] .header .logo h1,[data-level="3"][data-theme=dark] .header-btn{color:#9ca3af}[data-level="3"][data-theme=dark] .header-btn:hover{background:#374151;color:#e5e7eb}[data-level="3"][data-theme=dark] .token-card{background:#374151;border-color:#4b5563}[data-level="3"][data-theme=dark] .token-count{color:#f3f4f6}[data-level="3"][data-theme=dark] .token-label{color:#9ca3af}[data-level="3"][data-theme=dark] .user-dropdown-menu{background:#1f2937;border-color:#374151}[data-level="3"][data-theme=dark] .user-dropdown-header{border-bottom-color:#374151}[data-level="3"][data-theme=dark] .user-dropdown-header .user-name{color:#f3f4f6}[data-level="3"][data-theme=dark] .user-dropdown-menu a,[data-level="3"][data-theme=dark] .user-dropdown-menu button{background:#0000!important;color:#d1d5db!important}[data-level="3"][data-theme=dark] .user-dropdown-menu a:hover,[data-level="3"][data-theme=dark] .user-dropdown-menu button:hover{background:#374151!important;color:#f3f4f6!important}[data-level="3"][data-theme=dark] .user-dropdown-menu .logout-button,[data-level="3"][data-theme=dark] .user-dropdown-menu .sign-out-button,[data-level="3"][data-theme=dark] .user-dropdown-menu button[onClick*=logout],[data-level="3"][data-theme=dark] .user-dropdown-menu button[onClick*=signOut]{background:#0000!important;border:none!important;color:#d1d5db!important}[data-level="3"][data-theme=dark] .user-dropdown-menu .logout-button:hover,[data-level="3"][data-theme=dark] .user-dropdown-menu .sign-out-button:hover,[data-level="3"][data-theme=dark] .user-dropdown-menu button[onClick*=logout]:hover,[data-level="3"][data-theme=dark] .user-dropdown-menu button[onClick*=signOut]:hover{background:#dc2626!important;color:#fff!important}[data-level="3"] .sidebar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;background:var(--level3-card-bg);border:none;border-radius:0 0 20px 0;border-right:1px solid #ffffff2e;border-right:1px solid var(--level3-glass-border);box-shadow:none;flex-shrink:0;height:calc(100vh - 65px);margin:0;max-width:200px;min-width:200px;overflow-y:auto;padding:1.5rem 1rem 2rem;position:-webkit-sticky;position:sticky;top:65px;width:200px}[data-level="3"] .sidebar>div:first-child{background:linear-gradient(135deg,#6b3aa0,#8b5ba8);background:linear-gradient(135deg,var(--level3-primary),var(--level3-secondary));border-radius:0;box-shadow:none;color:#fff;font-size:.875rem;font-weight:600;margin:-1.5rem -1rem 1.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center}[data-level="3"] .sidebar>div:first-child:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}[data-level="3"] .sidebar ul{list-style:none;margin:0;padding:0}[data-level="3"] .sidebar li{margin-bottom:.25rem}[data-level="3"] .sidebar a{align-items:center;background:#0000;border:none;border-radius:12px;color:#333;color:var(--level3-text);display:flex;font-size:.875rem;font-weight:500;margin:.25rem .5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-level="3"] .sidebar a:before{display:none}[data-level="3"] .sidebar a:hover{background:#6b3aa014;box-shadow:none;color:#6b3aa0;color:var(--level3-primary);transform:translateX(4px)}[data-level="3"] .sidebar a:hover .menu-icon{opacity:1}[data-level="3"] .sidebar a.active{background:#6b3aa01f;color:#6b3aa0;color:var(--level3-primary);font-weight:600;position:relative}[data-level="3"] .sidebar a.active:after{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#6b3aa0;border-radius:2px;content:"";height:60%;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}[data-level="3"] .sidebar a.active .menu-icon{color:#6b3aa0;opacity:1}[data-level="3"] .sidebar .menu-icon{display:inline-block;flex-shrink:0;height:18px;margin-right:.75rem;opacity:.7;transition:opacity .3s ease;width:18px}[data-level="3"] .sidebar a[href*=benefits]:before,[data-level="3"] .sidebar a[href*=dashboard]:before,[data-level="3"] .sidebar a[href*=requests]:before,[data-level="3"] .sidebar a[href*=tokens]:before{content:"";display:none}[data-level="3"] .content{background:#0000;flex:1 1;margin:0;overflow-x:hidden;padding:2rem}[data-level="3"] .footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--level3-card-bg);border:1px solid #ffffff2e;border:1px solid var(--level3-glass-border);border-radius:15px;box-shadow:0 4px 12px #00000014;color:#666;color:var(--level3-text-light);margin:1rem}[data-level="3"] .mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b3aa0;cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;margin-right:.75rem;padding:.5rem;transition:all .2s ease;width:40px}[data-level="3"] .mobile-menu-btn:hover{background:#6b3aa01a}[data-level="3"] .mobile-menu-btn svg{height:20px;width:20px}[data-level="3"] .mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}[data-level="3"] .mobile-menu-close{align-items:center;background:#6b3aa0;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;width:32px;z-index:1001}@media (min-width:769px){[data-level="3"] .header{flex-direction:row;height:65px;padding:1rem 1.5rem}[data-level="3"] .header,[data-level="3"] .header-top-row{align-items:center;display:flex;justify-content:space-between}[data-level="3"] .header-top-row{height:100%;width:100%}[data-level="3"] .mobile-tokens-row{display:none}[data-level="3"] .header-actions,[data-level="3"] .user-info{align-items:center;display:flex;flex-shrink:0;gap:.5rem;height:100%}}@media (max-width:768px){body.immersive-carousel-active [data-level="3"] .header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000b3;border:none;height:50px;left:0;min-height:50px;padding:.5rem 1rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1001}body.immersive-carousel-active [data-level="3"] .header-top-row{align-items:center;height:100%;justify-content:space-between}body.immersive-carousel-active [data-level="3"] .header-left{gap:.5rem}body.immersive-carousel-active [data-level="3"] .logo h1{color:#fff;font-size:1rem}body.immersive-carousel-active [data-level="3"] .mobile-menu-btn{background:#ffffff1a;border-radius:8px;color:#fff;height:36px;width:36px}body.immersive-carousel-active [data-level="3"] .header-actions{gap:.25rem}body.immersive-carousel-active [data-level="3"] .header-btn{background:#ffffff1a;border-radius:8px;color:#fff;height:36px;width:36px}body.immersive-carousel-active [data-level="3"] .user-avatar{background:#6b3aa0cc;border:2px solid #fff3;height:36px;width:36px}body.immersive-carousel-active [data-level="3"] .mobile-tokens-row{display:none}body.immersive-carousel-active [data-level="3"] .sidebar{transform:translateX(-100%);transition:transform .3s ease}body.immersive-carousel-active [data-level="3"] .sidebar.mobile-menu-open{left:0;transform:translateX(0);z-index:1002}body.immersive-carousel-active [data-level="3"] .mobile-menu-overlay{display:block;z-index:1001}body.immersive-carousel-active [data-level="3"] .content{margin:0;padding:50px 0 0}[data-level="3"] .mobile-menu-btn{display:flex}[data-level="3"] .main-content{flex-direction:column;position:relative}[data-level="3"] .sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--level3-card-bg);border-radius:0;border-right:1px solid #ffffff2e;border-right:1px solid var(--level3-glass-border);box-shadow:2px 0 10px #0000001a;height:100vh;left:-100%;padding-top:4rem;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:999}[data-level="3"] .sidebar.mobile-menu-open{left:0}[data-level="3"] .mobile-menu-overlay,[data-level="3"] .sidebar.mobile-menu-open+.mobile-menu-overlay{display:block}[data-level="3"] .content{margin:0 .5rem;width:100%}[data-level="3"] .header{flex-direction:column;gap:.75rem;height:auto;min-height:60px;padding:.75rem 1rem}[data-level="3"] .header-top-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}[data-level="3"] .header-left{align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:.75rem;min-width:0}[data-level="3"] .header-tokens{flex-wrap:nowrap;gap:.75rem;justify-content:center;margin-top:.5rem;width:100%}[data-level="3"] .token-card{flex:1 1;font-size:.75rem;justify-content:center;margin-top:0;max-width:140px;padding:.5rem .75rem}[data-level="3"] .token-count{font-size:1rem}[data-level="3"] .token-label{font-size:.7rem}[data-level="3"] .logo h1{font-size:1.1rem}[data-level="3"] .header-left .header-tokens{display:none}[data-level="3"] .mobile-tokens-row{display:flex}[data-level="3"] .user-dropdown-menu{max-width:200px;min-width:180px;right:-10px}[data-level="3"] .user-dropdown-header{padding:.5rem .75rem}[data-level="3"] .user-dropdown-menu a,[data-level="3"] .user-dropdown-menu button{font-size:.75rem;padding:.5rem .75rem}[data-theme=dark][data-level="3"] .sidebar{background:#1f2937;border-color:#374151}[data-theme=dark][data-level="3"] .mobile-menu-btn{color:#9ca3af}[data-theme=dark][data-level="3"] .mobile-menu-btn:hover{background:#9ca3af1a;color:#f3f4f6}[data-theme=dark][data-level="3"] .mobile-menu-close{background:#4f46e5}}[data-theme=dark][data-level="3"] .sidebar{background:#1f2937;border-color:#374151}[data-theme=dark][data-level="3"] .sidebar>div:first-child{background:linear-gradient(135deg,#4f46e5,#7c3aed)}[data-theme=dark][data-level="3"] .sidebar a{color:#d1d5db}[data-theme=dark][data-level="3"] .sidebar a:hover{color:#fff}[data-theme=dark][data-level="3"] .sidebar a.active{background:#4f46e526;color:#a78bfa}[data-theme=dark][data-level="3"] .sidebar a.active:after{background:#a78bfa}[data-theme=dark][data-level="3"] .sidebar a:hover{background:#4f46e51a}[data-theme=dark][data-level="3"] .sidebar a[href*=benefits]:before,[data-theme=dark][data-level="3"] .sidebar a[href*=dashboard]:before,[data-theme=dark][data-level="3"] .sidebar a[href*=requests]:before,[data-theme=dark][data-level="3"] .sidebar a[href*=tokens]:before{display:none}[data-theme=dark][data-level="3"] .content{color:#f3f4f6}[data-theme=dark][data-level="3"] .footer{background:#1f2937;border-color:#374151;color:#9ca3af}[data-level="3"] .sidebar{animation:slideInLeft .6s ease-out}[data-level="3"] .content{animation:fadeIn .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.header{background:#fff;border:none;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header .logo h1{color:#667eea;font-size:1.5rem;font-weight:600;margin:0}.header-actions{gap:.5rem}.header-actions,.header-btn{align-items:center;display:flex}.header-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;height:40px;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;width:40px}.header-btn:hover{background:#f3f4f6;color:#667eea}.header-btn svg{height:20px;width:20px}.notification-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}.user-dropdown{position:relative}.user-avatar{align-items:center;background:#667eea;border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:#667eea;transform:scale(1.05)}.user-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:none;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-dropdown.active .user-dropdown-menu{display:block}.user-dropdown-header{border-bottom:1px solid #e5e7eb;padding:1rem}.user-dropdown-header .user-name{color:#1f2937;display:block;font-weight:600}.user-dropdown-header .user-email{color:#6b7280;display:block;font-size:.875rem}.user-dropdown-menu a,.user-dropdown-menu button{align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-dropdown-menu a:hover,.user-dropdown-menu button:hover{background:#f3f4f6;color:#667eea}.user-dropdown-menu svg{height:16px;width:16px}[data-theme=dark] .header{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .header .logo h1,[data-theme=dark] .header-btn{color:#9ca3af}[data-theme=dark] .header-btn:hover{background:#374151;color:#e5e7eb}[data-theme=dark] .user-dropdown-menu{background:#1f2937;border-color:#374151}[data-theme=dark] .user-dropdown-header{border-bottom-color:#374151}[data-theme=dark] .user-dropdown-header .user-name{color:#f3f4f6}[data-theme=dark] .user-dropdown-menu a,[data-theme=dark] .user-dropdown-menu button{background:#0000!important;color:#d1d5db!important}[data-theme=dark] .user-dropdown-menu a:hover,[data-theme=dark] .user-dropdown-menu button:hover{background:#374151!important;color:#f3f4f6!important}html[data-theme=dark] .user-dropdown-menu .logout-button,html[data-theme=dark] .user-dropdown-menu .sign-out-button,html[data-theme=dark] .user-dropdown-menu button:last-child,html[data-theme=dark] .user-dropdown-menu button[onClick*=logout],html[data-theme=dark] .user-dropdown-menu button[onClick*=signOut]{background:#0000!important;border:none!important;color:#d1d5db!important}html[data-theme=dark] .user-dropdown-menu .logout-button:hover,html[data-theme=dark] .user-dropdown-menu .sign-out-button:hover,html[data-theme=dark] .user-dropdown-menu button:last-child:hover,html[data-theme=dark] .user-dropdown-menu button[onClick*=logout]:hover,html[data-theme=dark] .user-dropdown-menu button[onClick*=signOut]:hover{background:#dc2626!important;color:#fff!important}[data-level="1"][data-theme=dark] .user-dropdown-menu button,[data-level="2"][data-theme=dark] .user-dropdown-menu button,[data-level="4"][data-theme=dark] .user-dropdown-menu button{background:#0000!important;color:#d1d5db!important}[data-level="1"][data-theme=dark] .user-dropdown-menu button:hover,[data-level="2"][data-theme=dark] .user-dropdown-menu button:hover,[data-level="4"][data-theme=dark] .user-dropdown-menu button:hover{background:#374151!important;color:#f3f4f6!important}[data-level="1"][data-theme=dark] .user-dropdown-menu button:last-child,[data-level="2"][data-theme=dark] .user-dropdown-menu button:last-child,[data-level="3"][data-theme=dark] .user-dropdown-menu button:last-child,[data-level="4"][data-theme=dark] .user-dropdown-menu button:last-child{background:#0000!important;border:none!important;color:#d1d5db!important}[data-level="1"][data-theme=dark] .user-dropdown-menu button:last-child:hover,[data-level="2"][data-theme=dark] .user-dropdown-menu button:last-child:hover,[data-level="3"][data-theme=dark] .user-dropdown-menu button:last-child:hover,[data-level="4"][data-theme=dark] .user-dropdown-menu button:last-child:hover{background:#dc2626!important;color:#fff!important}[data-theme=dark] .user-dropdown-menu button:contains("Cerrar Sesión"),[data-theme=dark] .user-dropdown-menu button[onclick*=handleLogout],[data-theme=dark] .user-dropdown-menu button[onclick*=logout]{background:#0000!important;border:none!important;color:#d1d5db!important}[data-theme=dark] .user-dropdown-menu button:contains("Cerrar Sesión"):hover,[data-theme=dark] .user-dropdown-menu button[onclick*=handleLogout]:hover,[data-theme=dark] .user-dropdown-menu button[onclick*=logout]:hover{background:#dc2626!important;color:#fff!important}[data-theme=dark] .user-dropdown-menu button:last-child svg,[data-theme=dark] .user-dropdown-menu button[onclick*=handleLogout] svg,[data-theme=dark] .user-dropdown-menu button[onclick*=logout] svg{stroke:#d1d5db!important}[data-theme=dark] .user-dropdown-menu button:last-child:hover svg,[data-theme=dark] .user-dropdown-menu button[onclick*=handleLogout]:hover svg,[data-theme=dark] .user-dropdown-menu button[onclick*=logout]:hover svg{stroke:#fff!important}[data-theme=dark],[data-theme=dark] .app-container,[data-theme=dark] body{background:#111827;color:#f3f4f6}[data-theme=dark] .sidebar{background:#1f2937;border-color:#374151;color:#f3f4f6}[data-theme=dark] .sidebar a{color:#d1d5db}[data-theme=dark] .sidebar a:hover{background:#374151;color:#f3f4f6}[data-theme=dark] .content,[data-theme=dark] .content h1,[data-theme=dark] .content h2,[data-theme=dark] .content h3,[data-theme=dark] .content h4,[data-theme=dark] .content h5,[data-theme=dark] .content h6,[data-theme=dark] .sidebar>div:first-child{color:#f3f4f6}[data-theme=dark] .content div,[data-theme=dark] .content li,[data-theme=dark] .content p,[data-theme=dark] .content span,[data-theme=dark] .content td,[data-theme=dark] .content th{color:#e5e7eb}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9ca3af}[data-theme=dark] button{color:#f3f4f6}[data-theme=dark] .btn-primary{background:#4f46e5}[data-theme=dark] .btn-secondary{border-color:#4b5563}[data-theme=dark] .card,[data-theme=dark] .dashboard-card,[data-theme=dark] .panel{background:#1f2937;border-color:#374151;color:#f3f4f6}[data-theme=dark] table{color:#f3f4f6}[data-theme=dark] table th{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] table td{border-color:#374151;color:#e5e7eb}[data-theme=dark] table tr:hover{background:#374151}[data-theme=dark] .footer{background:#1f2937;border-top:1px solid #374151;color:#9ca3af}@media (max-width:768px){.header{padding:.75rem 1rem}.header .logo h1{font-size:1.25rem}.header-btn,.user-avatar{height:36px;width:36px}.user-avatar{font-size:12px}}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{border-bottom:1px solid #eaeaea;padding-bottom:1rem}.dashboard-header,.quick-access{margin-bottom:2rem}.quick-access h2{border-bottom:1px solid #eaeaea;color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.quick-access-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.quick-access-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:1.5rem;text-align:center}.quick-access-card h3{color:#444;margin-bottom:1rem}.quick-access-card button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease}.quick-access-card button:hover{background-color:#2980b9}.recent-activity{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.recent-activity h2{border-bottom:1px solid #eaeaea;color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.activity-list{list-style-type:none;padding:0}.activity-list li{border-bottom:1px solid #eee;color:#555;font-size:.95rem;padding:.8rem 0}.activity-list li:last-child{border-bottom:none}.completed-tokens .card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;overflow:hidden}.completed-tokens .card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.completed-tokens .card-title{color:#333;font-size:1.25rem;margin:0}.completed-tokens-table{border-collapse:collapse;width:100%}.completed-tokens-table th{background-color:#f8f9fa;border-bottom:1px solid #eaeaea;color:#555;font-weight:600;padding:1rem;text-align:left}.completed-tokens-table td{border-bottom:1px solid #eaeaea;color:#444;padding:1rem}.completed-tokens-table tr:last-child td{border-bottom:none}.completed-tokens-table tr:hover{background-color:#f8f9fa}.token-code{background-color:#f0f0f0;border-radius:4px;color:#333;padding:.25rem .5rem}.token-type{border-radius:3px;font-size:.8rem;margin-left:.5rem;padding:.1rem .5rem}.token-jobby{background-color:#e3f2fd;color:#0d47a1}.token-company{background-color:#e8f5e9;color:#1b5e20}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.stats-card{box-shadow:0 2px 10px #0000001a;transition:transform .2s ease}.stats-card:hover{transform:translateY(-5px)}.stats-card-title{color:#666;font-size:1rem}.stats-card-value{color:#2c3e50}.stats-card-description{color:#888;font-size:.9rem}.welcome-message{color:#666}.action-buttons{margin-top:1rem}.action-button{background-color:#3498db;padding:.8rem 1.5rem;transition:background-color .3s ease}.action-button:hover{background-color:#2980b9;color:#fff}.company-mgmt-container{display:block;margin:0 auto;max-width:100%;padding:20px;width:100%}.company-mgmt-page-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;width:100%}.company-mgmt-page-header h1{color:#333;font-size:24px;margin:0}.company-mgmt-btn-primary{background-color:#8b5cf6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.company-mgmt-btn-primary:hover{background-color:#7c3aed}.company-mgmt-btn-secondary{background-color:#6b7280;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.company-mgmt-btn-secondary:hover{background-color:#4b5563}.company-mgmt-error-alert{background-color:#fee;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:14px;margin-bottom:15px;padding:12px 16px}.company-mgmt-success-alert{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#059669;font-size:14px;margin-bottom:15px;padding:12px 16px}.company-mgmt-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:block;overflow:hidden;width:100%}.company-mgmt-card-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.company-mgmt-card-title{color:#333;font-size:18px;margin:0}.company-mgmt-table-container{overflow-x:auto;padding:20px;width:100%}.company-mgmt-table{border-collapse:collapse;min-width:800px;width:100%}.company-mgmt-table td,.company-mgmt-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.company-mgmt-table th{background-color:#f8f9fa;color:#666;font-size:14px;font-weight:600}.company-mgmt-table td{color:#333;font-size:14px}.company-mgmt-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.company-mgmt-badge-success{background-color:#10b981;color:#fff}.company-mgmt-badge-error{background-color:#ef4444;color:#fff}.company-mgmt-action-buttons{display:flex;gap:8px}.company-mgmt-action-buttons.small{gap:5px}.company-mgmt-btn-action{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.company-mgmt-btn-action.edit{background-color:#3b82f6;color:#fff}.company-mgmt-btn-action.edit:hover{background-color:#2563eb}.company-mgmt-btn-action.deactivate{background-color:#ef4444;color:#fff}.company-mgmt-btn-action.deactivate:hover{background-color:#dc2626}.company-mgmt-btn-action.activate{background-color:#10b981;color:#fff}.company-mgmt-btn-action.activate:hover{background-color:#059669}.company-mgmt-btn-action.create-admin{background-color:#8b5cf6;color:#fff}.company-mgmt-btn-action.create-admin:hover{background-color:#7c3aed}.company-mgmt-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.company-mgmt-modal-container{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.company-mgmt-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.company-mgmt-modal-header h2{color:#333;font-size:20px;margin:0}.company-mgmt-close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.company-mgmt-close-button:hover{color:#333}.company-mgmt-form-group{margin-bottom:15px}.company-mgmt-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.company-mgmt-form-group input,.company-mgmt-form-group select,.company-mgmt-form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.company-mgmt-form-group textarea{min-height:80px;resize:vertical}.company-mgmt-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.company-mgmt-mt-4{margin-top:1.5rem}.company-mgmt-loading{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;padding:40px}.company-mgmt-empty-state{color:#666;padding:40px;text-align:center}.company-mgmt-empty-state p{font-size:16px;margin:0}.company-mgmt-form-group input:invalid{border-color:#ef4444}.company-mgmt-form-group input:valid{border-color:#10b981}@media (max-width:768px){.company-mgmt-container{padding:10px}.company-mgmt-page-header{align-items:flex-start;flex-direction:column;gap:10px}.company-mgmt-table-container{padding:10px}.company-mgmt-action-buttons{flex-direction:column}.company-mgmt-modal-container{margin:10px;max-width:none;width:calc(100vw - 20px)}.company-mgmt-form-actions{flex-direction:column}.company-mgmt-btn-primary,.company-mgmt-btn-secondary{width:100%}}@media (prefers-color-scheme:dark){.company-mgmt-card{background:#1f2937;color:#f9fafb}.company-mgmt-card-header,.company-mgmt-table th{background-color:#374151}.company-mgmt-table th{color:#d1d5db}.company-mgmt-table td{color:#f9fafb}.company-mgmt-modal-container{background:#1f2937;color:#f9fafb}}.jobby-benefits-container{display:block;margin:0 auto;max-width:100%;padding:20px;width:100%}.jobby-benefits-page-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;width:100%}.jobby-benefits-page-header h1{color:#333;font-size:24px;margin:0}.jobby-benefits-btn-primary{background-color:#8b5cf6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.jobby-benefits-btn-primary:hover{background-color:#7c3aed}.jobby-benefits-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:block;overflow:hidden;width:100%}.jobby-benefits-card-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.jobby-benefits-card-title{color:#333;font-size:18px;margin:0}.jobby-benefits-table-container{overflow-x:auto;padding:20px;width:100%}.jobby-benefits-table{border-collapse:collapse;min-width:800px;width:100%}.jobby-benefits-table td,.jobby-benefits-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.jobby-benefits-table th{background-color:#f8f9fa;color:#666;font-size:14px;font-weight:600}.jobby-benefits-table td{color:#333;font-size:14px}.jobby-benefits-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.jobby-benefits-badge-success{background-color:#10b981;color:#fff}.jobby-benefits-badge-warning{background-color:#f59e0b;color:#fff}.jobby-benefits-badge-info{background-color:#3b82f6;color:#fff}.jobby-benefits-badge-danger{background-color:#ef4444;color:#fff}.jobby-benefits-highlight-badge{color:#f59e0b;margin-left:5px}.jobby-benefits-action-buttons{display:flex;gap:8px}.jobby-benefits-action-buttons.small{gap:5px}.jobby-benefits-btn-action{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.jobby-benefits-btn-action.edit{background-color:#3b82f6;color:#fff}.jobby-benefits-btn-action.edit:hover{background-color:#2563eb}.jobby-benefits-btn-action.deactivate{background-color:#ef4444;color:#fff}.jobby-benefits-btn-action.deactivate:hover{background-color:#dc2626}.jobby-benefits-btn-action.activate{background-color:#10b981;color:#fff}.jobby-benefits-btn-action.activate:hover{background-color:#059669}.jobby-benefits-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.jobby-benefits-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.jobby-benefits-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.jobby-benefits-modal-header h2{color:#333;font-size:20px;margin:0}.jobby-benefits-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.jobby-benefits-modal-close:hover{color:#333}.jobby-benefits-form-group{margin-bottom:15px}.jobby-benefits-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.jobby-benefits-form-group input,.jobby-benefits-form-group select,.jobby-benefits-form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.jobby-benefits-form-group textarea{min-height:80px;resize:vertical}.jobby-benefits-checkbox-group{align-items:center;display:flex;gap:8px}.jobby-benefits-checkbox-group input[type=checkbox]{width:auto}.jobby-benefits-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.jobby-benefits-btn-cancel{background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.jobby-benefits-btn-cancel:hover{background-color:#4b5563}.jobby-benefits-alert{border-radius:4px;font-size:14px;margin-bottom:15px;padding:12px 16px}.jobby-benefits-alert-error{background-color:#fee;border:1px solid #fecaca;color:#dc2626}.jobby-benefits-alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.jobby-benefits-mt-4{margin-top:1.5rem}@media (max-width:768px){.jobby-benefits-container{padding:10px}.jobby-benefits-page-header{align-items:flex-start;flex-direction:column;gap:10px}.jobby-benefits-table-container{padding:10px}.jobby-benefits-action-buttons{flex-direction:column}}.requests-management-container{margin:0 auto;max-width:1200px;padding:2rem}.requests-management-container h1{color:#333;font-size:2rem;margin-bottom:1rem}.requests-management-description{color:#666;line-height:1.5;margin-bottom:2rem}.filter-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filter-tabs{gap:1rem}.filter-tab{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem 1rem}.filter-tab:hover{background-color:#edf2f7}.filter-tab.active{background-color:#3498db;border-color:#3498db}.requests-count{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:.9rem;padding:.5rem 1rem}.search-input{border:1px solid #e2e8f0;border-radius:4px;margin-left:auto;padding:.5rem 1rem}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #4299e126}.no-requests{background-color:#f8f9fa;border-radius:8px;color:#666;padding:3rem;text-align:center}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;overflow:hidden}td,th{border-bottom:1px solid #edf2f7;padding:1rem}th{color:#4a5568}tbody tr:hover,th{background-color:#f8f9fa}.badge-pending{background-color:#feebc8;color:#744210}.badge-approved{background-color:#c6f6d5;color:#22543d}.badge-rejected{background-color:#fed7d7;color:#822727}.badge-jobby{background-color:#bee3f8;color:#2a4365}.badge-company{background-color:#e9d8fd;color:#44337a}.btn-action{border-radius:4px;transition:all .3s ease}.btn-approve{background-color:#c6f6d5;color:#22543d}.btn-approve:hover{background-color:#9ae6b4}.btn-reject{background-color:#fed7d7;color:#822727}.btn-reject:hover{background-color:#feb2b2}.btn-view{background-color:#bee3f8;color:#2a4365}.btn-view:hover{background-color:#90cdf4}.modal-container{box-shadow:0 4px 6px #0000001a;width:90%}.modal-header{border-bottom:1px solid #edf2f7;padding-bottom:.5rem}.modal-header h2{color:#2d3748;font-size:1.5rem}.close-button:hover{color:#4a5568}.modal-content,.request-details{margin-bottom:1.5rem}.detail-group{display:flex;margin-bottom:1rem}.detail-label{color:#4a5568;font-weight:500;width:40%}.detail-value{color:#2d3748;width:60%}.modal-actions{border-top:1px solid #edf2f7;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-modal{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-cancel{background-color:#e2e8f0;color:#4a5568}.btn-cancel:hover{background-color:#cbd5e0}.btn-confirm{background-color:#3498db;color:#fff}.btn-confirm:hover{background-color:#2980b9}.success-message{background-color:#c6f6d5;color:#22543d}.error-message,.success-message{margin-bottom:1.5rem;padding:1rem}.error-message{background-color:#fed7d7;color:#822727}.loading{color:#4a5568;padding:2rem}.pagination{gap:.5rem;margin-top:1.5rem}.pagination button{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;padding:.5rem .75rem;transition:all .3s ease}.pagination button:hover:not(:disabled){background-color:#f8f9fa;border-color:#cbd5e0}.pagination button.active{background-color:#3498db;border-color:#3498db;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.instructions-section{background-color:#f7fafc;border-left:4px solid #3498db;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.instructions-section h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.instructions-help{color:#4a5568;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.instructions-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;line-height:1.5;min-height:100px;padding:.75rem}.instructions-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.instructions-textarea::placeholder{color:#a0aec0}.instructions-note{background-color:#e6fffa;border-radius:4px;color:#234e52;font-size:.85rem;margin-top:.75rem;padding:.5rem}.badge-tokens{background-color:#fef5e7;border:1px solid #f6e05e;color:#744210}.badge-traditional{background-color:#edf2f7;border:1px solid #cbd5e0;color:#4a5568}.provider-mgmt-container{display:block;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.provider-mgmt-container h1{color:#333;font-size:24px;margin-bottom:1.5rem}.provider-mgmt-action-bar{display:flex;justify-content:flex-end;margin-bottom:2rem}.provider-mgmt-add-provider-btn{background-color:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background-color .3s ease}.provider-mgmt-add-provider-btn:hover{background-color:#7c3aed}.provider-mgmt-message{border-radius:4px;margin-bottom:1.5rem;padding:1rem}.provider-mgmt-message.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.provider-mgmt-message.error{background-color:#fee;border:1px solid #fecaca;color:#dc2626}.provider-mgmt-provider-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:block;margin-bottom:2rem;padding:2rem;width:100%}.provider-mgmt-provider-form-container h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.provider-mgmt-provider-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.provider-mgmt-form-group{margin-bottom:1rem}.provider-mgmt-form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.provider-mgmt-form-group input,.provider-mgmt-form-group select,.provider-mgmt-form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.8rem;width:100%}.provider-mgmt-form-group textarea{min-height:100px;resize:vertical}.provider-mgmt-form-group small{color:#6c757d;display:block;font-size:.85rem;margin-top:.25rem}.provider-mgmt-form-actions{display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:1rem}.provider-mgmt-submit-btn{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background-color .3s ease}.provider-mgmt-submit-btn:hover{background-color:#059669}.provider-mgmt-cancel-btn{background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background-color .3s ease}.provider-mgmt-cancel-btn:hover{background-color:#4b5563}.provider-mgmt-providers-list-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:block;padding:2rem;width:100%}.provider-mgmt-providers-list-container h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.provider-mgmt-table-container{overflow-x:auto;width:100%}.provider-mgmt-providers-table{border-collapse:collapse;min-width:700px;width:100%}.provider-mgmt-providers-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:1rem;text-align:left}.provider-mgmt-providers-table td{border-bottom:1px solid #dee2e6;color:#212529;font-size:14px;padding:1rem}.provider-mgmt-providers-table tr:last-child td{border-bottom:none}.provider-mgmt-providers-table tr:hover{background-color:#f8f9fa}.provider-mgmt-providers-table tr.inactive-row{background-color:#f8f9fa;color:#6c757d}.provider-mgmt-status-badge{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.provider-mgmt-status-badge.active{background-color:#d4edda;color:#155724}.provider-mgmt-status-badge.inactive{background-color:#f8d7da;color:#721c24}.provider-mgmt-action-buttons{display:flex;gap:.5rem}.provider-mgmt-action-buttons button{background-color:initial;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;padding:.25rem;transition:background-color .2s ease}.provider-mgmt-action-buttons button:hover{background-color:#0000000d}.provider-mgmt-edit-btn{color:#3b82f6}.provider-mgmt-edit-btn:hover{background-color:#3b82f61a}.provider-mgmt-deactivate-btn{color:#ef4444}.provider-mgmt-deactivate-btn:hover{background-color:#ef44441a}.provider-mgmt-activate-btn{color:#10b981}.provider-mgmt-activate-btn:hover{background-color:#10b9811a}.provider-mgmt-loading{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;padding:40px}.provider-mgmt-empty-state{color:#666;padding:40px;text-align:center}.provider-mgmt-empty-state p{font-size:16px;margin:0}.provider-mgmt-form-group input:invalid{border-color:#ef4444}.provider-mgmt-form-group input:valid{border-color:#10b981}@media (max-width:768px){.provider-mgmt-container{padding:1rem}.provider-mgmt-provider-form{grid-template-columns:1fr}.provider-mgmt-providers-table{min-width:700px}.provider-mgmt-form-actions{flex-direction:column}.provider-mgmt-cancel-btn,.provider-mgmt-submit-btn{width:100%}.provider-mgmt-action-bar{justify-content:center}.provider-mgmt-add-provider-btn{max-width:300px;width:100%}}@media (prefers-color-scheme:dark){.provider-mgmt-provider-form-container,.provider-mgmt-providers-list-container{background-color:#1f2937;color:#f9fafb}.provider-mgmt-container h1,.provider-mgmt-provider-form-container h2,.provider-mgmt-providers-list-container h2{color:#f9fafb}.provider-mgmt-providers-table th{background-color:#374151;color:#d1d5db}.provider-mgmt-providers-table td{color:#f9fafb}.provider-mgmt-providers-table tr:hover{background-color:#374151}.provider-mgmt-form-group label{color:#d1d5db}.provider-mgmt-form-group input,.provider-mgmt-form-group select,.provider-mgmt-form-group textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}}.token-management-container{display:block;margin:0 auto;max-width:100%;padding:20px;width:100%}.token-management-container h1{color:#333;font-size:24px;margin:0 0 10px}.token-management-description{background-color:#f8f9fa;border-left:4px solid #8b5cf6;border-radius:8px;margin-bottom:20px;padding:15px}.token-management-description p{color:#666;font-size:14px;margin:0}.token-management-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.user-selection-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.card-header h2{color:#333;font-size:18px;margin:0}.card-body{padding:20px}.form-group label{color:#333;font-size:14px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px 12px}.warning-message{background-color:#fff3cd;color:#856404;font-size:14px;margin-top:10px;padding:10px}.user-token-balance{background-color:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.balance-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.balance-label{color:#666;font-size:14px}.balance-value{background-color:#fff;border:2px solid #8b5cf6;border-radius:20px;color:#8b5cf6;font-size:20px;font-weight:700;padding:5px 12px}.user-info{flex-direction:column;gap:5px}.user-name{color:#333;font-weight:500}.user-company{color:#666;font-size:12px}.token-actions-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.action-section{margin-bottom:20px}.action-section h3{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;margin:0 0 15px;padding-bottom:8px}.form-row{align-items:end;display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1 1;margin-bottom:0}.add-tokens-button{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.add-tokens-button:hover{background-color:#059669}.add-tokens-button:disabled{background-color:#9ca3af;cursor:not-allowed}.remove-tokens-button{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.remove-tokens-button:hover{background-color:#dc2626}.remove-tokens-button:disabled{background-color:#9ca3af;cursor:not-allowed}.action-separator{background-color:#e0e0e0;height:1px;margin:20px 0}.error-message{background-color:#fee;border:1px solid #fecaca;color:#dc2626}.error-message,.success-message{font-size:14px;margin:15px 0;padding:12px 16px}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.token-history-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;grid-column:1/-1;overflow:hidden}.history-filter-bar{background-color:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.filter-group{gap:8px}.filter-group label{color:#333;font-size:14px;font-weight:500;white-space:nowrap}.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:6px 10px}.search-group{flex:1 1}.search-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:6px 12px;width:100%}.no-history-message{color:#666;font-size:16px;padding:40px;text-align:center}.history-table-container{overflow-x:auto}.history-table{border-collapse:collapse;min-width:800px;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.history-table th{background-color:#f8f9fa;color:#666;font-size:14px;font-weight:600}.history-table td{color:#333;font-size:14px}.history-table tr:hover{background-color:#f8f9fa}.type-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.type-badge.type-add{background-color:#d1fae5;color:#065f46}.type-badge.type-remove{background-color:#fee2e2;color:#991b1b}.type-badge.type-used{background-color:#dbeafe;color:#1e40af}.amount.positive{color:#059669;font-weight:600}.amount.negative{color:#dc2626;font-weight:600}.balance-change{background-color:#f3f4f6;border-radius:3px;font-family:monospace;font-size:13px;padding:2px 6px}.loading-container{padding:60px}.loading-spinner{font-size:16px}@media (max-width:768px){.token-management-container{padding:10px}.token-management-grid{gap:15px;grid-template-columns:1fr}.form-row{flex-direction:column;gap:10px}.form-row .form-group{margin-bottom:10px}.add-tokens-button,.remove-tokens-button{height:auto;padding:12px;width:100%}.history-filter-bar{flex-direction:column;gap:10px}.filter-group{justify-content:space-between}.filter-group select{flex:1 1;min-width:auto}.balance-display{align-items:flex-start;flex-direction:column;gap:10px}.history-table{min-width:600px}}@media (prefers-color-scheme:dark){.token-management-container{color:#f9fafb}.token-actions-card,.token-history-card,.user-selection-card{background-color:#1f2937}.card-header{background-color:#374151}.card-header h2{color:#f9fafb}.history-table th,.user-token-balance{background-color:#374151}.history-table th{color:#d1d5db}.history-table td{color:#f9fafb}.history-table tr:hover{background-color:#374151}.form-group label{color:#d1d5db}.form-group input,.form-group select{background-color:#374151;border-color:#4b5563;color:#f9fafb}}.obtain-users-container{margin:0 auto;max-width:1200px;padding:20px}.obtain-users-container h1,.obtain-users-container h2{color:#333;margin-bottom:20px}.loading{font-size:16px}.users-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.summary-item{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px}.summary-label{color:#555;display:block;font-weight:500;margin-bottom:5px}.summary-value{color:#2196f3;display:block;font-size:24px;font-weight:700}.users-table tr:hover{background-color:#f9f9f9}.level-1{border-left:4px solid #9c27b0}.level-2{border-left:4px solid #ff9800}.level-3{border-left:4px solid #4caf50}.level-4{border-left:4px solid #2196f3}.no-users{background-color:#f5f5f5;color:#666;text-align:center}.no-users,.recommendations{border-radius:8px;padding:20px}.recommendations{background-color:#e8f5e9;margin-top:30px}.recommendations h2{color:#2e7d32;margin-top:0}.recommendations ul{margin-bottom:20px;padding-left:20px}.recommendations li{line-height:1.5;margin-bottom:10px}.action-links{display:flex;gap:15px;margin-top:20px}.action-button{background-color:#2196f3;border-radius:4px;padding:10px 20px;transition:background-color .3s}.action-button:hover{background-color:#1976d2}.asignar-niveles-container{margin:0 auto;max-width:1200px;padding:20px}.asignar-niveles-container h1,.asignar-niveles-container h2,.asignar-niveles-container h3{color:#333;margin-bottom:20px}.page-description{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:20px}.page-description p{margin-bottom:10px}.page-description ul{padding-left:20px}.page-description li{margin-bottom:5px}.stats-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:30px}.stats-card{box-shadow:0 2px 5px #0000001a;padding:15px;text-align:center}.stats-header{color:#555;font-size:14px;margin-bottom:10px}.stats-value{color:#2196f3;font-size:24px;font-weight:700}.loading-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:800px;padding:100px 0}.loading-spinner{color:#666;padding:40px 0;position:relative;text-align:center}.loading-spinner:before{animation:spinner .8s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#2196f3;content:"";display:block;height:30px;margin:0 auto 15px;width:30px}@keyframes spinner{to{transform:rotate(1turn)}}.users-controls{display:flex;justify-content:space-between;margin-bottom:20px}.search-bar input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:300px;padding:10px}.navigation-links{display:flex;gap:15px}.nav-link{background-color:#f5f5f5;border-radius:4px;color:#333;padding:10px 15px;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#e0e0e0}.users-table-container{margin-bottom:30px;overflow-x:auto}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.users-table th{background-color:#f5f5f5;color:#333;font-weight:500}.user-row:hover{background-color:#f9f9f9}.level-3-row{background-color:#e8f5e9}.level-3-row:hover{background-color:#d7f0d9}.user-id{color:#777;font-size:12px;max-width:100px}.user-email,.user-id,.user-name{overflow:hidden;text-overflow:ellipsis}.user-email,.user-name{max-width:200px}.badge{color:#fff;font-size:12px;padding:3px 8px}.badge-admin{background-color:#9c27b0}.badge-hr{background-color:#ff9800}.badge-employee{background-color:#4caf50}.badge-provider{background-color:#2196f3}.badge-unknown{background-color:#9e9e9e}.level-selector select{border:1px solid #ddd;border-radius:4px;max-width:200px;padding:8px;width:100%}.no-results{background-color:#f5f5f5;border-radius:8px;margin-bottom:30px;padding:30px;text-align:center}.error-message{background-color:#ffebee;color:#f44336}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:15px}.success-message{background-color:#e8f5e9;color:#4caf50}.warning-message{background-color:#fff8e1;border-radius:4px;color:#ff9800;margin-bottom:20px;padding:15px}.help-section{background-color:#e3f2fd;border-radius:8px;margin-top:30px;padding:20px}.help-section h2{color:#1976d2;margin-top:0}.help-content p{margin-bottom:15px}.help-content ul{padding-left:20px}.help-content li{margin-bottom:5px}.achievements-management-simple{margin:0 auto;max-width:1200px;padding:20px}.achievements-management-simple h1{color:#333;margin-bottom:20px}.tabs{border-bottom:1px solid #ddd;gap:10px;margin-bottom:20px;padding-bottom:10px}.tabs button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:10px 15px}.tabs button.active{background:#007cba;border-color:#007cba;color:#fff}.rules-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr}.create-rule{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:20px}.create-rule h3{margin-top:0}.create-rule h3,.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.form-group textarea{height:60px}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.create-rule button[type=submit]{background:#007cba;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.create-rule button[type=submit]:hover{background:#005a8b}.rules-list h3{margin-bottom:15px;margin-top:0}.rules-list table{background:#fff;border:1px solid #ddd;border-collapse:collapse;width:100%}.rules-list td,.rules-list th{border-bottom:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.rules-list th{background:#f5f5f5;font-weight:600}.status{border-radius:3px;font-size:12px;font-weight:500;padding:4px 8px}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.rules-list button{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;margin:0 2px;padding:5px 10px}.rules-list button:hover{background:#e5e5e5}.analysis-section{max-width:800px}.analysis-card{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:20px}.analysis-card h4{color:#333;margin-bottom:15px;margin-top:0}.analysis-card ul{margin:0;padding-left:20px}.analysis-card li{margin-bottom:5px}.analysis-section button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.analysis-section button:hover{background:#218838}.loading{color:#666;padding:40px;text-align:center}@media (max-width:768px){.rules-section{grid-template-columns:1fr}.rules-list table{font-size:12px}.rules-list td,.rules-list th{padding:8px}}.survey-mgmt-container{display:block;margin:0 auto;max-width:100%;padding:20px;width:100%}.survey-mgmt-page-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;width:100%}.survey-mgmt-page-header h1{color:#333;font-size:24px;margin:0}.survey-mgmt-page-header p{color:#666;font-size:14px;margin:5px 0 0}.survey-mgmt-controls{margin-bottom:20px}.survey-mgmt-search-container{margin-bottom:15px}.survey-mgmt-search-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;max-width:400px;padding:10px 12px;width:100%}.survey-mgmt-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.survey-mgmt-surveys-list{padding:20px}.survey-mgmt-surveys-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.survey-mgmt-survey-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .2s}.survey-mgmt-survey-card:hover{box-shadow:0 4px 12px #0000001a}.survey-mgmt-survey-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.survey-mgmt-survey-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.survey-mgmt-survey-date{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.survey-mgmt-survey-stats{display:flex;gap:15px;margin-bottom:15px}.survey-mgmt-stat{align-items:center;display:flex;flex-direction:column}.survey-mgmt-stat-label{color:#666;font-size:12px;margin-bottom:2px}.survey-mgmt-stat-value{color:#8b5cf6;font-size:16px;font-weight:600}.survey-mgmt-view-details-btn{background-color:#8b5cf6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s;width:100%}.survey-mgmt-view-details-btn:hover{background-color:#7c3aed}.survey-mgmt-no-data{color:#666;font-size:16px;padding:40px 20px;text-align:center}.survey-mgmt-loading-container{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;padding:40px}.survey-mgmt-survey-details{padding:20px}.survey-mgmt-details-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:15px}.survey-mgmt-back-btn{background-color:#6b7280;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.survey-mgmt-back-btn:hover{background-color:#4b5563}.survey-mgmt-details-header h2{color:#333;font-size:22px;margin:0}.survey-mgmt-details-content{display:flex;flex-direction:column;gap:25px}.survey-mgmt-details-section{background:#f8f9fa;border-radius:8px;padding:20px}.survey-mgmt-details-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.survey-mgmt-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.survey-mgmt-info-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.survey-mgmt-info-item strong{color:#374151;font-weight:600}.survey-mgmt-answers-list{display:flex;flex-direction:column;gap:15px}.survey-mgmt-answer-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.survey-mgmt-question-id{color:#374151;font-weight:600;margin-bottom:8px}.survey-mgmt-answer-value{color:#4b5563}.survey-mgmt-answer-value pre{word-wrap:break-word;background:#f3f4f6;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:13px;margin:0;padding:10px;white-space:pre-wrap}.survey-mgmt-benefits-list,.survey-mgmt-medals-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.survey-mgmt-benefit-item,.survey-mgmt-medal-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#374151;font-size:14px;padding:12px}@media (max-width:768px){.survey-mgmt-container{padding:10px}.survey-mgmt-page-header{align-items:flex-start;flex-direction:column;gap:10px}.survey-mgmt-surveys-grid{gap:15px;grid-template-columns:1fr}.survey-mgmt-survey-stats{justify-content:space-around}.survey-mgmt-details-header{align-items:flex-start;flex-direction:column;gap:10px}.survey-mgmt-benefits-list,.survey-mgmt-info-grid,.survey-mgmt-medals-list{grid-template-columns:1fr}}.bot-management-container{margin:0 auto;max-width:1200px;padding:20px}.bot-management-header{margin-bottom:30px}.bot-management-header h1{color:var(--text-primary);font-size:28px;margin:0 0 10px}.bot-management-header p{color:var(--text-secondary);margin:0}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:var(--surface-color);padding:20px}.stat-card.enabled{border-left:4px solid #4caf50}.stat-card.disabled{border-left:4px solid #f44336}.stat-value{color:var(--primary-color);font-size:36px;margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:14px}.search-section{margin-bottom:30px}.search-input{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;max-width:400px;padding:12px 20px;transition:border-color .3s ease;width:100%}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.company-card{background:var(--surface-color);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.company-card.enabled{border-color:#4caf50}.company-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.company-header h3{color:var(--text-primary);font-size:18px;margin:0 0 10px}.company-meta{display:flex;gap:15px;margin-bottom:15px}.user-count{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:5px}.user-count svg{height:16px;width:16px}.bot-status{margin-bottom:15px}.status-indicator{align-items:center;display:flex;gap:8px}.status-dot{background-color:#ccc;border-radius:50%;height:8px;transition:background-color .3s ease;width:8px}.status-dot.active{animation:pulse 2s infinite;background-color:#4caf50}.company-actions{margin-top:15px}.toggle-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.toggle-btn svg{height:18px;width:18px}.toggle-btn.enable{background-color:#4caf50;color:#fff}.toggle-btn.enable:hover{background-color:#45a049}.toggle-btn.disable{background-color:#f44336;color:#fff}.toggle-btn.disable:hover{background-color:#da190b}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-top-color:#0000;height:18px;width:18px}.enabled-date{font-size:12px;margin-top:10px;text-align:center}.empty-state,.enabled-date{color:var(--text-secondary)}.empty-state{padding:60px 20px}[data-theme=dark] .company-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .company-card.enabled{background-color:#4caf501a}[data-theme=dark] .stat-card{box-shadow:0 2px 8px #0000004d}.btn-action.type-toggle{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:background-color .2s}.btn-action.type-toggle:hover{background-color:#5a6268}.badge-info{background-color:#17a2b8;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.level2-dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.level2-dashboard-container h1{color:#333;font-size:2rem;margin-bottom:.5rem}.level2-welcome-message{color:#666;margin-bottom:2rem}.level2-dashboard-header{border-bottom:1px solid #eaeaea;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1rem}.stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#555;font-size:1.1rem;margin-bottom:1rem}.stat-value{color:#2c3e50;font-size:2rem}.job-postings-section{margin-bottom:2rem}.job-postings-section h2{border-bottom:1px solid #eaeaea;color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.action-buttons{margin-bottom:1.5rem}.primary-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.7rem 1.5rem;transition:background-color .3s ease}.primary-button:hover{background-color:#2980b9}.secondary-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-weight:500;padding:.7rem 1.5rem;transition:all .3s ease}.secondary-button:hover{background-color:#eaeaea}.job-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.job-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.job-card h3{color:#333;margin-bottom:.5rem}.job-card p{color:#666;font-size:.9rem;margin-bottom:.5rem}.card-actions{justify-content:space-between;margin-top:1rem}.card-actions button{background-color:initial;border:1px solid #3498db;border-radius:4px;color:#3498db;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.card-actions button:hover{background-color:#3498db;color:#fff}.calendar-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.calendar-section h2{border-bottom:1px solid #eaeaea;color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.calendar-preview h3{color:#555;margin-bottom:1rem}.interview-list{list-style-type:none;padding:0}.interview-list li{border-bottom:1px solid #eee;display:flex;padding:.8rem 0}.time{color:#3498db;font-weight:700;width:80px}.candidate{flex:1 1}.calendar-preview button{background-color:initial;border:1px solid #3498db;border-radius:4px;color:#3498db;cursor:pointer;margin-top:1.5rem;padding:.5rem 1rem;transition:all .3s ease}.chart-section{padding:1rem 1.5rem 1.5rem}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:1rem 0;max-width:100%;overflow:hidden;width:100%}.chart-title{background-color:#f8f9fa;border-bottom:1px solid #eaeaea;color:#333;font-size:1.25rem;font-weight:700;margin:0;padding:1rem 1.5rem}.no-data-message{color:#666;padding:2rem;text-align:center}.no-data-message p{margin:.5rem 0}.benefit-insights{padding:0 1.5rem 1.5rem}.benefit-insights h3{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.links-container{display:flex;flex-direction:column;gap:.75rem}.product-link-item{align-items:center;background-color:#f8f9fa;border-left:3px solid #3498db;border-radius:4px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.employee-name{color:#333;font-weight:500;min-width:120px}.product-link{color:#3498db;flex:1 1;text-decoration:none;word-break:break-all}.product-link:hover{text-decoration:underline}.request-date{color:#888;font-size:.85rem}.no-links-message{background-color:#f8f9fa;border-radius:4px;color:#666;font-style:italic;padding:1rem;text-align:center}.level2-dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.level2-stats-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s ease}.level2-stats-card:hover{transform:translateY(-5px)}.level2-stats-card-title{color:#666;font-size:1rem;margin-bottom:.5rem}.level2-stats-card-value{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.5rem}.level2-stats-card-description{color:#888;font-size:.9rem}.level2-card{background-color:#fff;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.level2-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.level2-card-title{color:#333;font-size:1.25rem;margin:0}.card-subtitle{color:#666;font-size:.9rem;margin-top:.5rem}.mt-5{margin-top:2rem}.analysis-content{padding:1.5rem}.analysis-content p{color:#555;font-size:1rem;line-height:1.5;margin:0}.analysis-content a{color:#3498db;font-weight:500;text-decoration:none}.analysis-content a:hover{text-decoration:underline}.p-4{padding:1.5rem}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.product-link-item{align-items:flex-start;flex-direction:column}.employee-name{min-width:auto}.chart-container{margin:.5rem 0}.chart-title{font-size:1.1rem;padding:.75rem 1rem}}.highcharts-container{height:auto!important;width:100%!important}.highcharts-root{width:100%!important}.level2-benefits-container,.level2-benefits-container *,.level2-benefits-container :after,.level2-benefits-container :before{box-sizing:border-box}.level2-benefits-container{background:#f8f9fa;color:#1a202c;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.level2-benefits-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:1.5rem 2rem;position:relative;z-index:20}.level2-benefits-header h1{color:#2d3748;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;position:relative;z-index:1}.level2-btn-primary{background:#667eea;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:background-color .2s ease;z-index:1}.level2-btn-primary:hover{background:#5a67d8}.level2-btn-primary:active{background:#4c51bf}.level2-benefits-content{background:#0000;flex:1 1;overflow-y:auto;padding:0;width:100%}.level2-error-alert,.level2-success-alert{border-radius:4px;font-size:.875rem;gap:.75rem;margin:1.5rem;padding:1rem}.level2-error-alert{background:#fee;border:1px solid #feb2b2}.level2-success-alert{border:1px solid #9ae6b4}.level2-tokens-overview{background:#f8f9fa;border-bottom:1px solid #e2e8f0;margin:0;padding:1.5rem}.level2-tokens-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.level2-token-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.25rem;position:relative;transition:box-shadow .2s ease}.level2-token-stat-card:hover{box-shadow:0 4px 12px #0000001a}.level2-token-stat-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.level2-token-stat-content{flex:1 1}.level2-token-stat-value{color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1;margin-bottom:.25rem}.level2-token-stat-label{color:#718096;font-size:.75rem;font-weight:500}.level2-tokens-actions{display:flex;justify-content:center}.level2-btn-tokens{align-items:center;background:#667eea;border-radius:6px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.level2-btn-tokens:hover{background:#5a67d8;color:#fff;text-decoration:none}.level2-main-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-areas:"stats stats" "links benefits";grid-template-columns:1fr 1fr;margin:0;padding:1.5rem;width:100%}.level2-stats-section{grid-area:stats;min-width:0;width:100%}.level2-links-section{grid-area:links;min-width:0;width:100%}.level2-benefits-section{grid-area:benefits;min-width:0;width:100%}.level2-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease;width:100%}.level2-card:hover{box-shadow:0 4px 12px #0000001a}.level2-card-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;padding:1.5rem}.level2-card-title{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.level2-card-subtitle{font-size:.875rem}.level2-chart-section{background:#fff;display:block;padding:1.5rem;width:100%}.level2-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:block!important;height:400px!important;overflow:visible;width:100%!important}.level2-stats-section .highcharts-container,.level2-stats-section .highcharts-root,.level2-stats-section svg{max-width:100%!important;width:100%!important}.level2-benefit-insights{padding:2rem}.level2-links-container{display:flex;flex-direction:column;gap:1rem}.level2-product-link-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:background-color .2s ease}.level2-product-link-item:hover{background:#f1f3f5}.level2-employee-name{color:#2d3748;font-size:.875rem;font-weight:500}.level2-request-date{color:#a0aec0;font-size:.75rem;font-weight:400}.level2-no-links-message{background:#f8f9fa;border:1px dashed #e2e8f0;border-radius:6px;color:#718096;font-size:.875rem;font-style:italic;padding:3rem 2rem;text-align:center}.level2-table-container{border-radius:0 0 8px 8px}.level2-table-wrapper{max-height:500px}.level2-table td,.level2-table th{border-bottom:1px solid #e2e8f0;padding:1rem}.level2-table th{color:#4a5568;font-size:.75rem;font-weight:600}.level2-table th,.level2-table tr:hover td{background:#f8f9fa}.level2-benefit-title{color:#2d3748;font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.25rem}.level2-benefit-description{color:#718096;font-size:.8125rem;font-weight:400;line-height:1.5}.level2-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:relative;text-transform:uppercase}.level2-badge-success{background:#d1f3df;color:#22543d}.level2-badge-error{background:#fee;color:#742a2a}.level2-action-buttons{display:flex;flex-direction:column;gap:.5rem}.level2-btn-action{border-radius:4px;font-size:.75rem;font-weight:500;position:relative;text-align:center;transition:all .2s ease}.level2-btn-action.edit{background:#667eea;color:#fff}.level2-btn-action.edit:hover{background:#5a67d8}.level2-btn-action.deactivate{background:#e53e3e;color:#fff}.level2-btn-action.deactivate:hover{background:#c53030}.level2-btn-action.activate{background:#38a169;color:#fff}.level2-btn-action.activate:hover{background:#2f855a}.level2-no-data-message{background:#f8f9fa;border-radius:6px;color:#718096;margin:1.5rem;padding:3rem 2rem}.level2-modal-overlay{background:#00000080}.level2-modal-container{border-radius:8px;box-shadow:0 10px 25px #0003;position:relative}.level2-modal-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;padding:1.5rem}.level2-modal-header h2{font-size:1.25rem;font-weight:600}.level2-close-button{color:#718096;font-size:1.5rem;height:2rem;right:1rem;top:1rem;transition:color .2s ease;width:2rem}.level2-close-button:hover{color:#2d3748}.level2-form-group label{color:#4a5568;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.level2-form-group input,.level2-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.level2-form-group input:focus,.level2-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.level2-form-group small{color:#718096;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.level2-form-actions{border-top:1px solid #4a90e21a}.level2-btn-secondary{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.level2-btn-secondary:hover{background:#f8f9fa;border-color:#cbd5e0}@media (min-width:1600px){.level2-chart-container{height:500px!important}.level2-main-layout{gap:2.5rem;padding:2.5rem}}@media (max-width:1200px){.level2-tokens-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.level2-main-layout{grid-template-areas:"stats" "links" "benefits";grid-template-columns:1fr;padding:1.5rem}.level2-chart-container{height:400px!important}}@media (max-width:768px){.level2-benefits-header{flex-direction:column;gap:1.5rem;padding:2rem 1rem;text-align:center}.level2-benefits-header h1{font-size:1.75rem}.level2-tokens-overview{padding:1rem}.level2-tokens-stats-grid{gap:1rem;grid-template-columns:1fr}.level2-token-stat-card{padding:1rem}.level2-token-stat-icon{font-size:1.5rem;height:3rem;width:3rem}.level2-token-stat-value{font-size:1.5rem}.level2-btn-tokens{font-size:.9rem;padding:.875rem 2rem}.level2-main-layout{gap:1.5rem;padding:1rem}.level2-card-header{padding:1.5rem 1.5rem 1rem}.level2-chart-section{padding:1rem}.level2-chart-container{height:300px!important}.level2-benefit-insights{padding:1.5rem}.level2-table td,.level2-table th{font-size:.9rem;padding:1rem}.level2-action-buttons{flex-direction:row;gap:.5rem}.level2-btn-action{font-size:.8rem;padding:.5rem .75rem}.level2-modal-container{margin:1rem;width:calc(100% - 2rem)}.level2-form{padding:1.5rem}.level2-form-actions{flex-direction:column}}.level2-card:hover{animation:none}.level2-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.level2-tokens-container,.level2-tokens-container *,.level2-tokens-container :after,.level2-tokens-container :before{box-sizing:border-box}.level2-tokens-container{color:#1a202c;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;padding:0}.level2-tokens-container,.level2-tokens-header{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;margin:0;position:relative}.level2-tokens-header{align-items:center;box-shadow:0 8px 32px #667eea66;flex-shrink:0;justify-content:space-between;overflow:hidden;padding:2.5rem 2rem 2rem;z-index:20}.level2-tokens-header:before{animation:float 25s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.06' fill-rule='evenodd'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='50' cy='10' r='2'/%3E%3Ccircle cx='10' cy='50' r='2'/%3E%3Ccircle cx='50' cy='50' r='2'/%3E%3C/g%3E%3C/svg%3E");content:"";height:200%;opacity:.3;position:absolute;right:-10%;top:-50%;width:120%}.level2-tokens-header h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.level2-tokens-header-actions{display:flex;gap:1rem;position:relative;z-index:1}.level2-btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.level2-btn-primary:hover{background:#fff;box-shadow:0 8px 30px #00000026;color:#5a67d8;transform:translateY(-2px)}.level2-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.level2-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.level2-tokens-content{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex:1 1;overflow-y:auto;padding:0;width:100%}.level2-error-alert,.level2-success-alert{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-weight:500;gap:1rem;margin:2rem;padding:1.25rem 1.5rem}.level2-error-alert{background:#fff5f5;border-left:4px solid #e53e3e;color:#c53030}.level2-success-alert{background:#f0fff4;border-left:4px solid #38a169;color:#2f855a}.level2-tokens-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem;padding:2rem}.level2-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.level2-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.level2-stat-card:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-4px)}.level2-stat-card:hover:before{opacity:1}.level2-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;display:flex;font-size:2.5rem;height:4rem;justify-content:center;width:4rem}.level2-stat-content{flex:1 1}.level2-stat-value{color:#2d3748;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.level2-stat-label{color:#718096;font-size:.95rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.level2-tokens-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;padding:0 2rem 2rem;width:100%}.level2-tokens-history-section,.level2-tokens-users-section{min-width:0;width:100%}.level2-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.level2-card:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-2px)}.level2-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.level2-card:hover:before{opacity:1}.level2-card-header{background:linear-gradient(135deg,#667eea08,#ffffff1a);border-bottom:1px solid #667eea1a;padding:2rem 2rem 1.5rem}.level2-card-title{color:#2d3748;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .5rem}.level2-card-subtitle{color:#718096;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.level2-table-container{background:#fff;border-radius:0 0 20px 20px;overflow:hidden}.level2-table-wrapper{max-height:600px;overflow-y:auto}.level2-table{background:#fff;border-collapse:collapse;width:100%}.level2-table td,.level2-table th{border-bottom:1px solid #667eea1a;padding:1.5rem;text-align:left}.level2-table th{background:linear-gradient(135deg,#667eea0d,#f5f7facc);color:#2d3748;font-size:.9rem;font-weight:700;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.level2-table td{background:#fff;font-size:.95rem;transition:all .3s ease}.level2-table tr:hover td{background:linear-gradient(135deg,#667eea05,#f5f7fa80)}.level2-user-info{display:flex;flex-direction:column;gap:.25rem}.level2-user-name{color:#2d3748;font-size:.95rem;font-weight:600}.level2-user-email{color:#718096;font-size:.85rem}.level2-token-balance{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:60px;padding:.5rem 1rem}.level2-token-balance.company{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.level2-token-balance.jobby{background:linear-gradient(135deg,#4fd1c7,#06b6d4);box-shadow:0 2px 8px #4fd1c74d;color:#fff}.level2-last-updated{color:#a0aec0;font-size:.85rem;font-style:italic}.level2-btn-action{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.level2-btn-action.assign{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 2px 8px #48bb784d;color:#fff}.level2-btn-action.assign:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-1px)}.level2-history-container{max-height:500px;overflow-y:auto;padding:1.5rem}.level2-history-item{align-items:center;background:linear-gradient(135deg,#f5f7fa80,#fffc);border:1px solid #667eea1a;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.level2-history-item:hover{background:linear-gradient(135deg,#667eea0d,#ffffffe6);border-color:#667eea33;transform:translateX(4px)}.level2-history-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.level2-history-content{flex:1 1}.level2-history-main{align-items:center;display:flex;gap:1rem;margin-bottom:.25rem}.level2-history-amount{color:#2d3748;font-size:1rem;font-weight:700}.level2-history-user{color:#4a5568;font-size:.9rem;font-weight:600}.level2-history-details{align-items:center;display:flex;justify-content:space-between}.level2-history-reason{color:#718096;font-size:.85rem;font-style:italic}.level2-history-date{color:#a0aec0;font-size:.8rem}.level2-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.level2-modal-container{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.level2-modal-large{max-width:800px}.level2-modal-header{background:linear-gradient(135deg,#667eea08,#ffffff1a);border-bottom:1px solid #667eea1a;padding:2rem 2rem 1rem;position:relative}.level2-modal-header h2{color:#2d3748;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.level2-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:1.75rem;height:2.5rem;justify-content:center;position:absolute;right:2rem;top:1.5rem;transition:all .3s ease;width:2.5rem}.level2-close-button:hover{background:#667eea1a;color:#667eea;transform:rotate(90deg)}.level2-form{padding:2rem}.level2-form-group{margin-bottom:1.5rem}.level2-form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.level2-form-group input,.level2-form-group select,.level2-form-group textarea{background:#fff;border:2px solid #667eea1a;border-radius:12px;font-family:inherit;font-size:.95rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.level2-form-group input:focus,.level2-form-group select:focus,.level2-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.level2-form-actions{border-top:1px solid #667eea1a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:2rem}.level2-user-selection{border:2px solid #667eea1a;border-radius:12px;overflow:hidden}.level2-select-all{background:linear-gradient(135deg,#667eea08,#f5f7facc);border-bottom:1px solid #667eea1a;padding:1rem 1.25rem}.level2-select-all label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-weight:600;gap:.75rem;margin:0}.level2-users-list{max-height:300px;overflow-y:auto;padding:.5rem}.level2-user-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin:0;padding:.75rem 1rem;transition:all .2s ease}.level2-user-checkbox:hover{background:#667eea0d}.level2-user-checkbox input[type=checkbox]{margin:0;width:auto}.level2-user-label{color:#4a5568;font-size:.9rem}.level2-loading{background:#ffffffe6;box-shadow:0 4px 12px #0000001a;color:#718096;font-size:1.1rem}.level2-loading,.level2-no-data-message{border-radius:16px;margin:2rem;padding:4rem 2rem;text-align:center}.level2-no-data-message{background:linear-gradient(135deg,#f5f7fa80,#fffc);color:#a0aec0}.level2-no-data-message p{font-size:1.1rem;font-style:italic;margin:.5rem 0}@media (max-width:1200px){.level2-tokens-layout{grid-template-columns:1fr;padding:0 1.5rem 2rem}.level2-tokens-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}}@media (max-width:768px){.level2-tokens-header{flex-direction:column;gap:1.5rem;padding:2rem 1rem;text-align:center}.level2-tokens-header h1{font-size:1.75rem}.level2-tokens-header-actions{flex-direction:column;width:100%}.level2-tokens-stats{grid-template-columns:1fr;padding:1rem}.level2-tokens-layout{padding:0 1rem 1rem}.level2-stat-card{padding:1.5rem}.level2-stat-icon{font-size:2rem;height:3rem;width:3rem}.level2-stat-value{font-size:2rem}.level2-table td,.level2-table th{font-size:.9rem;padding:1rem}.level2-card-header{padding:1.5rem 1.5rem 1rem}.level2-modal-container{margin:1rem;width:calc(100% - 2rem)}.level2-form{padding:1.5rem}.level2-form-actions{flex-direction:column}.level2-history-container{padding:1rem}.level2-history-item{align-items:flex-start;flex-direction:column;gap:.75rem}.level2-history-main{justify-content:space-between;width:100%}}.level2-mt-4{margin-top:1.5rem}.level2-mt-5{margin-top:2rem}.level2-tokens-container .level2-card{animation:slideInUp .6s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bot-messaging-container{margin:0 auto;max-width:1400px;padding:20px}.messaging-header{margin-bottom:30px}.messaging-header h1{color:var(--text-primary);font-size:28px;margin:0 0 10px}.messaging-header p{color:var(--text-secondary);margin:0}.tabs{border-bottom:2px solid var(--border-color);display:flex;gap:20px;margin-bottom:30px}.tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:12px 24px;position:relative;transition:all .3s ease}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-color);font-weight:600}.tab.active:after{background-color:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{animation:fadeIn .3s ease}.config-section{grid-gap:30px;display:grid;gap:30px}.api-instructions,.config-card,.instructions-card{background:var(--surface-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.api-instructions h3,.config-card h3,.instructions-card h3{color:var(--text-primary);font-size:20px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.toggle-container{align-items:center;display:flex;gap:12px}.switch{display:inline-block;height:30px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(30px)}.help-text{color:var(--text-secondary)}.default-btn,.help-text{font-size:14px;margin-bottom:15px}.default-btn{background-color:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.default-btn:hover{background-color:var(--secondary-dark)}.instructions-textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:13px;padding:15px;resize:vertical;width:100%}.instructions-textarea:focus{border-color:var(--primary-color);outline:none}.instruction-box{background-color:var(--background-color);border-radius:8px;margin-top:15px;padding:20px}.instruction-box h4{color:var(--text-primary);font-size:16px;margin:15px 0 10px}.instruction-box pre{background-color:#2d2d2d;border-radius:6px;color:#f8f8f2;font-size:12px;line-height:1.5;margin:10px 0;overflow-x:auto;padding:15px}[data-theme=dark] .instruction-box pre{background-color:#1a1a1a}.save-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.save-button:hover:not(:disabled){background-color:var(--primary-dark)}.save-button:disabled{cursor:not-allowed;opacity:.6}.profiles-section{background:var(--surface-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.profiles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.profile-card{background:var(--background-color);border:2px solid #0000;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s ease}.profile-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.profile-card.selected{border-color:var(--primary-color)}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.profile-header h4{color:var(--text-primary);font-size:18px;margin:0}.stress-indicator{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.profile-info{margin-bottom:15px}.profile-info p{color:var(--text-secondary);font-size:14px;margin:5px 0}.profile-info .phone{color:var(--text-tertiary);font-size:13px}.profile-stats{border-top:1px solid var(--border-color);padding-top:15px}.stat{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.stat .label{color:var(--text-secondary)}.stat .value{color:var(--text-primary);font-weight:500}.analytics-section{grid-gap:30px;display:grid;gap:30px}.alerts-container,.metrics-container{background:var(--surface-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.alerts-container h3,.metrics-container h3{color:var(--text-primary);font-size:20px;margin:0 0 20px}.alerts-list{grid-gap:15px;display:grid;gap:15px}.alert-card{align-items:center;background:var(--background-color);border-left:4px solid #0000;border-radius:10px;display:flex;gap:15px;padding:20px}.alert-card.high{background-color:#ff44440d;border-left-color:#f44}.alert-icon{font-size:24px}.alert-content{flex:1 1}.alert-content h4{color:var(--text-primary);font-size:16px;margin:0 0 5px}.alert-content p{color:var(--text-secondary);font-size:14px;margin:0}.alert-meta{color:var(--text-tertiary)!important;font-size:12px!important;margin-top:5px!important}.action-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.action-btn:hover{background-color:var(--primary-dark)}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:var(--background-color);border-radius:10px;padding:25px;text-align:center}.metric-value{color:var(--primary-color);font-size:36px;font-weight:700;margin-bottom:10px}.metric-label{font-size:14px}.loading,.metric-label{color:var(--text-secondary)}.loading{align-items:center;display:flex;font-size:18px;height:400px;justify-content:center}[data-theme=dark] .alerts-container,[data-theme=dark] .api-instructions,[data-theme=dark] .config-card,[data-theme=dark] .instructions-card,[data-theme=dark] .metrics-container,[data-theme=dark] .profiles-section{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .alert-card.high{background-color:#ff44441a}@media (max-width:768px){.tabs{overflow-x:auto;white-space:nowrap}.tab{font-size:14px;padding:10px 16px}.metrics-grid,.profiles-grid{grid-template-columns:1fr}}.level3-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.page-container{min-height:100vh;overflow:hidden;position:relative}.content-wrapper{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.gradient-primary{background:var(--primary-gradient)}.gradient-secondary{background:var(--secondary-gradient)}.gradient-success{background:var(--success-gradient)}.gradient-warning{background:var(--warning-gradient)}.text-gradient{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:var(--transition-fast)}.btn-primary{background:var(--primary-gradient);color:var(--text-white)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-ghost{background:#0000;color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-primary)}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);display:inline-block;height:20px;width:20px}@media (max-width:768px){.content-wrapper{padding:var(--spacing-md)}.hide-mobile{display:none}}@media (min-width:769px){.hide-desktop{display:none}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-brightness{transition:filter .2s ease}.hover-brightness:hover{filter:brightness(1.1)}.skeleton-loading{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#fff0,#ffffff80 50%,#fff0);background-size:2000px 100%}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--border-light)}.card-gradient{background:var(--primary-gradient);color:var(--text-white)}.card-bordered{border:2px solid var(--border-primary)}.card-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-title{color:var(--text-primary)!important;font-size:var(--font-xl);font-weight:var(--font-bold)}.card-subtitle{color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--spacing-xs)}.card-body{padding:var(--spacing-md) 0}.card-footer{border-top:1px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.cards-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.benefit-card{transition:var(--transition-slow)}.benefit-card-image{height:100%;left:0;object-fit:cover;opacity:.1;position:absolute;top:0;transition:var(--transition-normal);width:100%}.benefit-card:hover .benefit-card-image{opacity:.2;transform:scale(1.05)}.benefit-card-content{position:relative;z-index:2}.benefit-card-icon{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);color:var(--text-white);display:flex;font-size:var(--font-2xl);height:60px;justify-content:center;margin-bottom:var(--spacing-md);width:60px}.token-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.token-amount{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-3xl);font-weight:var(--font-bold);margin:var(--spacing-sm) 0}.token-label{color:var(--text-muted);font-size:var(--font-sm)}@media (max-width:768px){.cards-grid{gap:var(--spacing-md);grid-template-columns:1fr}.card{padding:var(--spacing-md)}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--primary-color:#667eea;--secondary-color:#764ba2;--success-color:#4facfe;--warning-color:#fa709a;--danger-color:#f5576c;--bg-primary:#667eea1a;--bg-secondary:#764ba21a;--bg-card:#fffffff2;--bg-overlay:#00000080;--border-light:#ffffff2e;--border-primary:#667eea33;--text-primary:#2c3e50;--text-secondary:#667eea;--text-muted:#8492a6;--text-white:#fff;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 8px 32px 0 #1f26875e;--shadow-lg:0 20px 40px #00000026;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:8px;--radius-md:15px;--radius-lg:20px;--radius-xl:25px;--radius-full:9999px;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease;--transition-slow:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);--font-xs:0.75rem;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70}@media (prefers-color-scheme:dark){:root{--bg-card:#1e1e1ef2;--text-primary:#e2e8f0;--border-light:#ffffff1a}}.modal-backdrop{align-items:center;animation:fadeIn .3s ease forwards;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-xl);position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.modal{animation:modalEnter .3s ease forwards;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform:scale(.9);width:100%;z-index:var(--z-modal)}@keyframes modalEnter{to{transform:scale(1)}}.modal-sm{max-width:400px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{border-bottom:1px solid var(--border-light);padding:var(--spacing-xl)}.modal-title{font-size:var(--font-xl);font-weight:var(--font-bold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-xl);justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--spacing-xl)}.modal-footer{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}.modal-form-group{margin-bottom:var(--spacing-lg)}.modal-label{color:var(--text-primary);display:block;font-weight:var(--font-medium);margin-bottom:var(--spacing-sm)}.modal-input,.modal-select,.modal-textarea{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-md);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);width:100%}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-textarea{min-height:100px;resize:vertical}.modal-alert{text-align:center}.modal-alert-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.modal-alert-success{color:var(--success-color)}.modal-alert-error{color:var(--danger-color)}.modal-alert-warning{color:var(--warning-color)}@media (max-width:768px){.modal-backdrop{padding:var(--spacing-md)}.modal{border-radius:var(--radius-lg);max-height:60vh}.modal-body{font-size:.9rem;max-height:calc(60vh - 140px)}.modal-footer,.modal-header{padding:1rem}.modal-title{font-size:1.25rem}}.modern-dashboard{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.dashboard-tokens-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.tokens-info-content{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between}.welcome-message h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.company-info{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-secondary);display:flex;font-weight:var(--font-medium);gap:var(--spacing-sm);margin:0;padding:var(--spacing-sm) var(--spacing-md)}.company-icon{font-size:var(--font-lg)}.tokens-summary{align-items:center;gap:1.5rem}.token-card{background:var(--primary-gradient);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 25px #667eea4d;color:#fff;padding:1.5rem 2rem;text-align:center}.token-amount{align-items:center;display:flex;flex-direction:column}.token-number{animation:pulse 2s infinite;display:block;font-size:2.5rem;font-weight:900;text-shadow:0 2px 10px #0003}.token-label{font-size:.875rem;font-weight:500;margin-top:.25rem;opacity:.9}.token-breakdown{margin-top:.75rem}.token-detail{font-size:.75rem;opacity:.8}.active-token-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea33;border-radius:20px;padding:1.25rem 1.75rem;text-align:center}.active-amount{align-items:center;display:flex;flex-direction:column}.active-number{color:#667eea;display:block;font-size:1.75rem;font-weight:700}.active-label{color:#667eea;font-size:.75rem;font-weight:500;margin-top:.25rem}.welcome-board{margin:0 auto 3rem;max-width:1200px;padding:0 2rem}.hero-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff3;border-radius:25px;box-shadow:0 20px 40px #0000001a;display:flex;justify-content:space-between;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.hero-content{flex:1 1;max-width:500px}.hero-content h2{color:#2d3748;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.hero-content p{color:#4a5568;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.cta-button{align-items:center;background:var(--primary-gradient);border-radius:50px;box-shadow:0 10px 25px #667eea4d;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.cta-button,.cta-button:hover{color:#fff;text-decoration:none}.cta-button:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-button:hover:before{left:100%}.cta-icon{animation:sparkle 1.5s infinite;font-size:1.25rem}.cta-arrow{transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translateX(5px)}@keyframes sparkle{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.hero-visual{height:300px;position:relative;width:300px}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;box-shadow:0 10px 25px #0000001a;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:absolute;width:60px}.card-1{animation-delay:0s;left:10%;top:20%}.card-2{animation-delay:.5s;right:20%;top:10%}.card-3{animation-delay:1s;bottom:30%;left:20%}.card-4{animation-delay:1.5s;bottom:20%;right:10%}.token-explanation{margin-bottom:3rem}.token-explanation h3{color:#2d3748;font-size:1.875rem;font-weight:700;margin-bottom:2rem;text-align:center}.explanation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.explanation-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 15px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.explanation-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.explanation-icon{font-size:3rem;margin-bottom:1rem}.explanation-card h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.explanation-card p{color:#4a5568;font-size:.9375rem;line-height:1.5}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.achievements-section{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.see-all-link{transition:color .2s}.see-all-link:hover{color:#764ba2}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.achievement-item:hover{background:#e9ecef;transform:translateX(5px)}.achievement-icon{font-size:1.5rem}.achievement-content{flex:1 1}.achievement-content h5{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .25rem}.achievement-content p{color:#718096;font-size:.875rem;margin:0}.status-badge{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.25rem;padding:.25rem .75rem}.status-badge.status-approved{background:#d4f7e0;color:#22863a}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-rejected{background:#fee;color:#dc3545}.empty-state{padding:2rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#718096;margin-bottom:1rem}.empty-action{color:#667eea}.empty-action:hover{text-decoration:underline}.popular-benefits{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;padding:2rem}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:100%;width:100%}.error-state{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin:2rem auto;max-width:500px;padding:3rem}.error-icon{font-size:4rem}.error-state p{color:#718096;line-height:1.6}@media (max-width:768px){.tokens-info-content{flex-direction:column;gap:1.5rem;text-align:center}.welcome-message h1{font-size:1.5rem}.tokens-summary{flex-wrap:wrap;gap:1rem;justify-content:center}.active-token-card,.token-card{min-width:150px}.dashboard-tokens-info{margin-bottom:1.5rem;padding:1.5rem}.hero-section{flex-direction:column;padding:2rem;text-align:center}.hero-content{max-width:100%}.hero-content h2{font-size:2rem}.hero-visual{display:none}.dashboard-content,.explanation-grid{grid-template-columns:1fr}.dashboard-content,.welcome-board{padding:0 1rem}}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#1f2937e6,#111827b3);border:1px solid #4b55634d}[data-theme=dark] .hero-content h2{color:#f3f4f6}[data-theme=dark] .hero-content p{color:#d1d5db}[data-theme=dark] .floating-card{background:#1f2937e6;border:1px solid #4b55634d;box-shadow:0 10px 30px #0000004d}[data-theme=dark] .explanation-card{background:#1f2937;border:1px solid #374151;box-shadow:0 4px 15px #0003}[data-theme=dark] .explanation-card:hover{box-shadow:0 8px 25px #0000004d}[data-theme=dark] .explanation-card h4{color:#f3f4f6}[data-theme=dark] .explanation-card p{color:#d1d5db}[data-theme=dark] .achievements-section,[data-theme=dark] .popular-benefits{background:#1f2937;border:1px solid #374151}[data-theme=dark] .section-header h3{color:#f3f4f6}[data-theme=dark] .see-all-link{color:#9ca3af}[data-theme=dark] .empty-action,[data-theme=dark] .see-all-link:hover{color:#667eea}[data-theme=dark] .empty-action:hover{color:#7c3aed}[data-theme=dark] .achievement-item{background:#1f293780;border:1px solid #374151}[data-theme=dark] .achievement-info h4{color:#f3f4f6}[data-theme=dark] .achievement-date{color:#9ca3af}[data-theme=dark] .benefit-item{background:#1f293780;border:1px solid #374151}[data-theme=dark] .benefit-name{color:#f3f4f6}[data-theme=dark] .dashboard-tokens-info{background:linear-gradient(135deg,#1f2937e6,#111827e6);border:1px solid #4b55634d}[data-theme=dark] .company-info{background:#1f2937b3;border:1px solid #4b556380;color:#d1d5db}[data-theme=dark] .token-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #8b5cf64d;box-shadow:0 8px 25px #4f46e54d}[data-theme=dark] .dashboard-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}[data-theme=dark] .dashboard-error p{color:#fca5a5}[data-theme=dark] .retry-button{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}[data-theme=dark] .retry-button:hover{background:#ef44444d}[data-theme=dark] .dashboard-loading{color:#9ca3af}.new-token-widget{background:var(--primary-gradient);border-radius:20px;box-shadow:0 8px 25px #667eea4d;color:#fff;min-width:180px;padding:1.5rem 2rem}.new-token-widget.jobby-tokens{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d}.new-token-widget.company-tokens{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 8px 25px #28a7454d}.new-token-widget .token-icon{opacity:.9}.new-token-widget .token-value{animation:pulse 2s infinite;font-size:2.5rem;font-weight:900;margin-bottom:.25rem;text-shadow:0 2px 10px #0003}.new-token-widget .token-text{font-size:.875rem;font-weight:500;opacity:.9}.recommended-benefits{background:linear-gradient(135deg,#667eea08,#764ba208);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1rem;position:relative}.benefits-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.benefits-header h2{color:#667eea;font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.benefits-header p{color:#718096;display:none;font-size:.75rem;margin:0}.see-all-link{background:#667eea14;border-radius:6px;color:#667eea;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.see-all-link:hover{background:#667eea26}.benefits-loading{display:flex;gap:.75rem;justify-content:space-between}.loading-pulse{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;flex:1 1;height:120px}.no-benefits{color:#718096;padding:2rem;text-align:center}.no-benefits-icon{font-size:3rem;margin-bottom:1rem}.explore-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.explore-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.benefits-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.benefit-card{background:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 6px #0000000f;transition:all .2s ease}.benefit-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.benefit-image{height:80px;overflow:hidden;position:relative}.benefit-image img{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.benefit-card:hover .benefit-image img{transform:scale(1.02)}.benefit-category-badge{align-items:center;background:#000000bf;border-radius:4px;color:#fff;display:flex;font-size:.625rem;font-weight:500;gap:.125rem;padding:.125rem .375rem;position:absolute;right:.5rem;top:.5rem}.category-icon{font-size:.75rem}.category-text{font-size:.625rem;letter-spacing:.3px;text-transform:uppercase}.benefit-content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.benefit-content h3{color:#2d3748;font-size:.875rem;font-weight:600}.benefit-content h3,.benefit-content p{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.benefit-content p{color:#4a5568;font-size:.7rem}.benefit-footer{justify-content:space-between;margin-top:auto}.benefit-cost,.benefit-footer{align-items:center;display:flex}.benefit-cost{background:#667eea14;border-radius:4px;color:#667eea;font-weight:600;gap:.125rem;padding:.25rem .375rem}.benefit-cost,.cost-icon{font-size:.625rem}.cost-label{display:none}.benefit-cta{align-items:center;background:#667eea0d;border-radius:4px;color:#667eea;display:flex;font-size:.625rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.benefit-cta:hover{background:#667eea1f}.cta-arrow{font-size:.625rem}.personalization-note{display:none}.note-icon{flex-shrink:0;font-size:1rem}.preference-tag{color:#764ba2;font-weight:600;text-transform:capitalize}[data-theme=dark] .recommended-benefits{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#ffffff1a}[data-theme=dark] .benefit-card{background:#374151;border-color:#4b5563;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .benefit-card:hover{box-shadow:0 12px 30px #00000080}[data-theme=dark] .benefit-content h3{color:#f3f4f6}[data-theme=dark] .benefit-content p{color:#d1d5db}[data-theme=dark] .benefits-header p,[data-theme=dark] .no-benefits{color:#9ca3af}[data-theme=dark] .loading-pulse{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%)}@media (max-width:768px){.recommended-benefits{margin-bottom:1rem;padding:.75rem}.benefits-grid{gap:.5rem;grid-template-columns:1fr}.benefits-header h2{font-size:1rem}.benefit-image{height:70px}.benefit-content{padding:.5rem}.benefits-loading{flex-direction:column}.loading-pulse{height:100px}}@media (max-width:480px){.benefits-grid{grid-template-columns:1fr}.benefit-footer{align-items:stretch;flex-direction:column;gap:.75rem}.benefit-cta{justify-content:center}}.request-form{gap:1.5rem}.form-group,.request-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.optional-label{color:#718096;font-size:.875rem;font-weight:400}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-group small{color:#718096;font-size:.875rem;line-height:1.4}.form-actions{margin-top:1rem}.cancel-button{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button:hover{background:#e2e8f0;border-color:#cbd5e0}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:1rem;padding:.75rem 1.5rem}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d}.submit-button:disabled{opacity:.7;transform:none}.badge{border-radius:12px;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-jobby{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-company{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.experience-cost{margin-top:1rem}.cost-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;font-size:.875rem;padding:.5rem 1rem}.experience-type{border-radius:15px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.experience-type.jobby{background:#667eea1a;border:1px solid #667eea33;color:#667eea}.experience-type.company{background:#4facfe1a;border:1px solid #4facfe33;color:#4facfe}.token-summary{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:15px;margin:1.5rem 0}.token-info{align-items:center}.available-tokens{color:#667eea}.after-redemption{color:#4a5568;font-size:.875rem}.insufficient-tokens{align-items:center;background:#dc26261a;border:1px solid #dc262633;border-radius:12px;display:flex;gap:.5rem;padding:1rem}.insufficient-text{color:#dc2626;display:block;margin-bottom:.25rem}.insufficient-tokens small{color:#7f1d1d}.success-notification{animation:slideInRight .3s ease;z-index:1100}.notification-content{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:15px;box-shadow:0 10px 25px #48bb784d;color:#fff;max-width:400px;min-width:300px;padding:1.5rem}.success-icon{font-size:1.25rem}.success-details h4{color:#fff;font-size:1.1rem}.success-details p{font-size:.875rem;opacity:.9}.notification-content button{border-radius:50%;color:#fff;font-size:1.25rem;padding:.25rem;transition:background .3s ease}.notification-content button:hover{background:#fff3}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.immersive-benefits{animation:immersiveEntrance 1.2s ease-out;background:#1a1a1a;border-radius:3rem;box-shadow:0 20px 40px #0006;isolation:isolate;margin:1.5rem;min-height:100vh;overflow:hidden;position:relative;z-index:1}@media (max-width:768px){.immersive-benefits{border-radius:0;bottom:0;box-shadow:none;height:100vh;left:0;margin:0;min-height:100vh;position:fixed;right:0;top:0;z-index:1000}.benefits-carousel{height:100vh;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.benefit-card{-webkit-touch-callout:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mobile-exit-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:44px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:1001}.mobile-exit-btn:hover{background:#000000e6;transform:scale(1.1)}.mobile-nav-hints{animation:fadeInDown .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;color:#fff;font-size:12px;left:50%;opacity:1;padding:8px 16px;position:fixed;top:70px;transform:translateX(-50%);transition:opacity .3s ease;z-index:1001}.mobile-nav-hints.hidden{opacity:0;pointer-events:none}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}}@keyframes immersiveEntrance{0%{filter:blur(10px);opacity:0;transform:scale(.95) rotateX(10deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotateX(0deg)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.benefits-carousel{align-items:center;display:flex;flex-direction:column;isolation:isolate;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:var(--transition-slow);z-index:2}.background-blur{border-radius:3rem;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}@media (max-width:768px){.background-blur{border-radius:0}}.background-blur:after{background:linear-gradient(180deg,#1a1a1a4d 0,#1a1a1a99);border-radius:3rem;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.background-blur:after{border-radius:0}}.blur-background{border-radius:3rem;filter:blur(2px) brightness(.7) contrast(1.3) saturate(1.6);height:100%;object-fit:cover;opacity:.8;transform:scale(1.2);transition:var(--transition-normal);width:100%}.benefits-carousel .filter-bar{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;left:0;padding:0 var(--spacing-xl);pointer-events:none;position:absolute;right:0;top:var(--spacing-xl);z-index:10}.benefits-carousel .filter-bar>*{pointer-events:auto}.benefits-carousel .filter-container,.benefits-carousel .filter-left,.benefits-carousel .filter-right{align-items:center;display:flex;gap:var(--spacing-md)}.benefits-carousel .filter-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-white);cursor:pointer;display:flex;font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.benefits-carousel .filter-button:hover{background:#fff3;transform:translateY(-2px)}.benefits-carousel .filter-button.active{background:var(--primary-gradient);border-color:#0000}.benefits-carousel .view-controls-simple{align-items:center;animation:fadeInScale .8s ease-out .6s both;display:flex;gap:var(--spacing-md);position:absolute;right:var(--spacing-xl);top:var(--spacing-xl);z-index:1000}.benefits-carousel .view-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-white);cursor:pointer;display:flex;font-size:var(--font-xl);height:45px;justify-content:center;transition:var(--transition-fast);width:45px}.benefits-carousel .view-toggle:hover{background:#fff3;transform:scale(1.05)}.map-menu-container,.search-container{position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-lg);padding-left:2.5rem;transition:var(--transition-fast);width:300px}.search-input::placeholder{color:#fff9}.search-input:focus{background:#fff3;border-color:var(--primary-color);outline:none}.search-icon{color:#fff9;left:var(--spacing-md)}.carousel-navigation,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.carousel-navigation{animation:slideInFromBottom .8s ease-out .4s both;display:flex;justify-content:space-between;padding:0 var(--spacing-xl);width:100%;z-index:15}.nav-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-white);cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;transition:var(--transition-fast);width:60px}.nav-arrow:hover{background:#fff3;transform:scale(1.1)}.benefits-container{align-items:center;animation:fadeInScale 1s ease-out .2s both;display:flex;height:70vh;justify-content:center;position:relative;transition:transform .3s ease;width:100%;z-index:10}.benefit-card-immersive{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 10px #00000014;cursor:pointer;display:flex;flex-direction:column;margin-bottom:15px;overflow:visible;padding:6px;position:absolute;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:300px}.benefit-card-immersive .card-header h3{color:#2d3748!important;font-weight:700!important;text-shadow:none!important}.benefit-card-immersive .card-description p{color:#4a5568!important}.benefit-card-immersive .card-metadata .category{color:#667eea!important}.benefit-card-immersive .token-cost{color:#2d3748!important}.benefit-card-immersive.active{cursor:default;z-index:10}.benefit-card-immersive.next,.benefit-card-immersive.prev{filter:brightness(.9);opacity:.7}.card-image{border-radius:10px;box-sizing:border-box;flex-shrink:0;height:65px;margin-bottom:4px;margin-top:12px;padding:4px}.card-image img{background-color:#f3f4f6;background-image:linear-gradient(135deg,#e5e7eb 25%,#f3f4f6 0,#f3f4f6 50%,#e5e7eb 0,#e5e7eb 75%,#f3f4f6 0,#f3f4f6);background-size:20px 20px;border-radius:6px;height:calc(100% - 8px);margin:4px;width:calc(100% - 8px)}.card-overlay{background:linear-gradient(180deg,#0000 0,#0000004d);pointer-events:none}.benefit-card-immersive:hover .card-image img{transform:scale(1.05)}.card-content{overflow:hidden;padding:0}.card-top{flex:1 1;gap:.05rem}.card-bottom,.card-top{display:flex;flex-direction:column;padding:0}.card-bottom{gap:.15rem;margin-top:auto}.card-header{gap:.5rem}.card-header h3{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#2d3748!important;display:-webkit-box;font-size:.8rem;line-height:1.05;overflow:hidden;text-overflow:ellipsis}.benefit-type{border-radius:6px;flex-shrink:0;font-size:.6rem;left:50%;letter-spacing:.03em;padding:.1rem .4rem;position:absolute;top:-12px;transform:translateX(-50%);z-index:10}.card-description{overflow:hidden}.card-description p{-webkit-line-clamp:1;line-clamp:1;font-size:.65rem;line-height:1.2}.card-metadata{align-items:center;flex-wrap:wrap;gap:.2rem;justify-content:space-between;margin-top:0}.card-metadata .category{background:#667eea1a;border-radius:8px;color:#5a67d8;font-size:.75rem;font-weight:600;padding:.3rem .6rem}.card-metadata .token-badge{align-items:center;background-color:#f8f9fa;border-radius:20px;color:#495057;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:6px 12px}.card-metadata .token-badge .token-icon{font-size:1rem}.card-metadata .popular-tag{align-items:center;color:#e74c3c;display:inline-flex;font-size:.875rem;font-weight:600}.card-metadata .popular-tag .emoji{font-size:1rem;margin-right:6px}.card-metadata .token-cost{align-items:center;background:#34d3991a;border-radius:8px;color:#047857;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.3rem .6rem}.token-icon{font-size:1rem}.cost-amount{font-weight:700}.cost-label{opacity:.8}.popularity{background:#fbbf241a;border-radius:8px;color:#d97706;font-size:.75rem;font-weight:600;padding:.3rem .6rem}.card-actions{justify-content:stretch}.redeem-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .3s ease;width:100%}.redeem-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.button-arrow{margin-left:auto;transition:transform .3s ease}.redeem-button:hover .button-arrow{transform:translateX(3px)}.button-icon{font-size:.875rem}.insufficient-tokens,.status-indicator{align-items:center;background:#e5e7eb80;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:.75rem;width:100%}.redeemed{align-items:center;color:#38a169;display:flex;font-size:.875rem;font-weight:600}.insufficient-tokens,.redeemed{gap:.25rem}.insufficient-text{color:#e53e3e;font-size:.875rem;font-weight:600}.insufficient-tokens small{color:#718096;font-size:.75rem;text-align:center}.provider-info{align-items:center;display:flex;gap:var(--spacing-sm)}.provider-logo{border-radius:var(--radius-full);height:30px;object-fit:cover;width:30px}.request-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-xl);bottom:2rem;color:#fff;cursor:pointer;display:flex;font-size:var(--font-md);font-weight:var(--font-semibold);gap:var(--spacing-md);justify-content:center;left:2rem;padding:var(--spacing-md) var(--spacing-xl);position:absolute;right:2rem;transition:var(--transition-normal)}.request-btn:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.quick-filters{animation:slideInFromTop .8s ease-out .3s both;left:50%;max-width:900px;position:absolute;top:.6rem;transform:translateX(-50%);width:90%;z-index:var(--z-dropdown)}.filters-container{-ms-overflow-style:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000026;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm);scrollbar-width:none}.filters-container::-webkit-scrollbar{display:none}.quick-filter-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;color:#2d3748;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.quick-filter-btn:hover{background:#ffffffd9;border-color:#ffffffe6;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.quick-filter-btn.active{background:#fffffff2;border-color:#fff;box-shadow:0 0 20px #fff9;color:#1a202c;transform:scale(1.05)}.filter-icon{align-items:center;display:flex;font-size:1rem}.filter-label{font-weight:600;text-shadow:0 1px 2px #0000004d}.progress-indicators{align-items:center;animation:slideInFromBottom .8s ease-out .8s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid var(--border-light);border-radius:var(--radius-xl);bottom:.5rem;box-shadow:0 8px 32px #0003;display:flex;gap:var(--spacing-sm);justify-content:center;left:0;max-width:300px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;position:relative;transform:translateX(-50%);z-index:var(--z-dropdown)}.progress-indicators:before{background:linear-gradient(90deg,#ffffff26,#0000);left:0}.progress-indicators:after,.progress-indicators:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:30px;z-index:2}.progress-indicators:after{background:linear-gradient(270deg,#ffffff26,#0000);right:0}.indicator{background:#32323266;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;flex-shrink:0;height:10px;opacity:.4;transform:scale(.8);transition:all .3s ease;width:10px}.indicator:nth-child(n+1):nth-child(-n+3){opacity:1;transform:scale(1)}.indicator.active{background:#2d3748;border-color:#2d3748;box-shadow:0 0 15px #2d374899;opacity:1;transform:scale(1.3);z-index:3}.progress-indicators[data-active="0"] .indicator:nth-child(-n+7),.progress-indicators[data-active="1"] .indicator:nth-child(-n+8),.progress-indicators[data-active="2"] .indicator:nth-child(-n+9),.progress-indicators[data-active="3"] .indicator:nth-child(-n+10),.progress-indicators[data-active="4"] .indicator:nth-child(n+2):nth-child(-n+8),.progress-indicators[data-active="5"] .indicator:nth-child(n+3):nth-child(-n+9),.progress-indicators[data-active="6"] .indicator:nth-child(n+4):nth-child(-n+10){opacity:1;transform:scale(1)}.indicator:hover{background:#2d3748b3;border-color:#2d374880;opacity:1;transform:scale(1.15)}.current-benefit-info{animation:fadeInScale .8s ease-out 1s both;bottom:1rem;left:0;position:absolute;right:0;text-align:center;z-index:var(--z-dropdown)}.info-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:inline-block;padding:var(--spacing-md) var(--spacing-xl)}.current-benefit-info,.info-content{transition:opacity .5s ease-out,transform .5s ease-out}.benefit-counter{color:#2d3748;display:block;font-size:var(--font-md);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs);text-shadow:0 1px 2px #ffffff80}.navigation-hint{color:#2d3748cc;font-size:var(--font-sm);margin:0;text-shadow:0 1px 2px #ffffff80}.immersive-loading{align-items:center;animation:fadeInUp .8s ease-out;color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-container{animation:fadeInUp .8s ease-out;background:var(--primary-gradient)}.loading-animation{margin-bottom:var(--spacing-xl)}.empty-benefits-state,.error-state{align-items:center;animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--spacing-xl);text-align:center}.empty-icon,.error-icon{font-size:5rem;margin-bottom:var(--spacing-lg)}.empty-benefits-state h2,.error-state h2{color:var(--text-primary);font-size:var(--font-2xl);margin-bottom:var(--spacing-md)}.reset-filter-button,.retry-button{background:var(--primary-gradient);border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;font-size:var(--font-md);font-weight:var(--font-semibold);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-fast)}.reset-filter-button:hover,.retry-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.request-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.request-modal{animation:slideUp .3s ease;border-radius:25px;box-shadow:0 25px 50px #0000004d;width:90%}.request-modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.request-modal-header h3{color:#2d3748;font-size:1.5rem;font-weight:700}.close-button{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#e2e8f0;color:#2d3748}.request-modal-body{padding:2rem}.selected-benefit-info{border-bottom:1px solid #e2e8f0;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.benefit-preview{border-radius:15px;height:120px;width:120px}.benefit-details{flex:1 1}.benefit-details h4{color:#2d3748;font-size:1.25rem;font-weight:700}.benefit-details p{color:#4a5568;line-height:1.6;margin:.5rem 0 0}@media (max-width:768px){.filter-bar{flex-direction:column;padding:0 var(--spacing-md);top:var(--spacing-md)}.filter-container{flex-wrap:wrap;justify-content:center}.search-input{width:100%}.benefit-card-immersive{height:auto;margin-bottom:12px;max-height:420px;padding:5px;width:280px}.card-image{height:140px;margin-bottom:8px;margin-top:10px;padding:5px}.card-image img{border-radius:10px;height:calc(100% - 10px);margin:5px;width:calc(100% - 10px)}.card-bottom,.card-top{gap:.6rem;padding:10px 14px}.card-metadata{gap:.6rem;margin-top:6px}.card-header h3{font-size:1rem;font-weight:700;line-height:1.25;margin:0}.card-description p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8125rem;line-height:1.35;margin:0;max-height:3.6rem;overflow:hidden;text-overflow:ellipsis}.benefit-type{font-size:.7rem;padding:.25rem .6rem;top:5px}.token-cost{font-size:.8125rem;padding:.3rem .6rem}.popular-badge{font-size:.75rem;padding:.3rem .6rem}.benefits-container{height:65vh}.carousel-navigation{display:none}.quick-filters{max-width:100%;top:4rem;width:95%}.filters-container{gap:.375rem;padding:.375rem}.quick-filter-btn{font-size:.8125rem;padding:.375rem .75rem}.filter-label{display:none}.filter-icon{font-size:1.125rem}.progress-indicators{align-items:center;bottom:2rem;justify-content:center;left:calc(50% - 5rem);max-width:calc(100vw - 2rem);position:absolute;transform:translateX(-50%);width:auto}.benefits-carousel .view-controls-simple{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border-radius:16px;box-shadow:0 4px 12px #0000004d;padding:8px;position:fixed;right:20px;top:20px;z-index:1001}.benefits-carousel .view-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;box-shadow:0 2px 8px #0003;font-size:1.2rem;height:48px;width:48px}.benefits-carousel .view-toggle:hover{background:#ffffff40;transform:scale(1.05)}}@media (max-width:480px){.benefits-carousel .view-controls-simple{padding:6px;right:15px;top:15px}.benefits-carousel .view-toggle{font-size:1.1rem;height:44px;width:44px}}@media (max-width:768px){.benefits-carousel .view-controls-simple{z-index:9999!important}}[data-theme=dark] .benefit-card-immersive{background:#374151;border-color:#4b5563;box-shadow:0 2px 10px #0000004d}[data-theme=dark] .benefit-card-immersive:hover{box-shadow:0 15px 35px #00000080}[data-theme=dark] .card-metadata .token-badge{background-color:#4b5563;color:#e5e7eb}[data-theme=dark] .card-metadata .popular-tag{color:#f87171}[data-theme=dark] .benefit-card-immersive .card-header .benefit-type.jobby,[data-theme=dark] .benefit-type.jobby,[data-theme=dark] .card-header .benefit-type.jobby{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .benefit-card-immersive .card-header .benefit-type.company,[data-theme=dark] .benefit-type.company,[data-theme=dark] .card-header .benefit-type.company{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .benefit-card-immersive .card-header .benefit-type,[data-theme=dark] .benefit-type,[data-theme=dark] .card-header .benefit-type{color:#fff!important;font-weight:600!important}[data-theme=dark] .card-badges{align-items:center}[data-theme=dark] .token-cost{background:#667eea33;border:1px solid #667eea4d;color:#9ca3af}[data-theme=dark] .popular-badge{background:#ef444433;border:1px solid #ef44444d;color:#f87171}[data-theme=dark] .card-content{background:#374151}[data-theme=dark] .card-actions button{background:#667eea;border:none;color:#fff}[data-theme=dark] .card-actions button:hover{background:#5a67d8}html[data-theme=dark] .benefit-card-immersive .benefit-type.jobby,html[data-theme=dark] .benefit-type.jobby{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;display:inline-block!important;opacity:1!important;visibility:visible!important}html[data-theme=dark] .benefit-card-immersive .benefit-type.company,html[data-theme=dark] .benefit-type.company{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;color:#fff!important;display:inline-block!important;opacity:1!important;visibility:visible!important}html[data-theme=dark] .card-header .benefit-type{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:1rem!important;color:#fff!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:.25rem .75rem!important;text-transform:uppercase!important}.benefits-grid-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.benefits-grid-modal{animation:slideUp .3s ease;background:#fff;border-radius:25px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.benefits-grid-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.benefits-grid-header h2{color:#2d3748;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.benefits-grid-close{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.benefits-grid-close:hover{background:#e2e8f0;color:#2d3748}.benefits-grid-container{grid-gap:24px;background:#f8f9fa;box-sizing:border-box;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));height:auto;max-height:calc(90vh - 120px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.benefit-grid-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:auto;max-height:400px;min-height:320px;overflow:hidden;position:relative;transition:all .3s ease,background-color .2s ease}.benefit-grid-card:hover{box-shadow:0 12px 24px #00000026;filter:brightness(1.02) saturate(1.05);transform:translateY(-8px)}.benefit-grid-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #f0f0f0cc;padding:16px 20px 12px}.benefit-grid-title h3{color:#2d3748;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.benefit-grid-image{background:#f5f5f5;flex-shrink:0;height:180px;overflow:hidden;position:relative;width:100%}.benefit-grid-image img{background:#e2e8f0;border:none;display:block;height:100%;object-fit:cover;object-position:center;outline:none;transition:transform .3s ease;width:100%}.benefit-grid-image:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.benefit-grid-card:hover .benefit-grid-image img{transform:scale(1.05)}.benefit-grid-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;display:flex;flex-direction:column;flex-grow:1;gap:12px;justify-content:space-between;min-height:0;overflow:hidden;padding:16px 20px 20px}.benefit-grid-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;flex-grow:1;font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.benefit-grid-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:auto}.benefit-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:500;padding:4px 12px}.benefit-type-badge.jobby{background:#667eea1a;border:1px solid #667eea33;color:#667eea}.benefit-type-badge.company{background:#4facfe1a;border:1px solid #4facfe33;color:#4facfe}.benefit-token-cost{align-items:center;background:#f8f9fa;border-radius:12px;color:#2d3748;display:inline-flex;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px}.benefit-token-icon{font-size:1rem}.benefits-grid-container::-webkit-scrollbar{width:12px}.benefits-grid-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px;margin:8px 0}.benefits-grid-container::-webkit-scrollbar-thumb{background:#cbd5e0;border:2px solid #f1f5f9;border-radius:6px}.benefits-grid-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.benefits-grid-container::-webkit-scrollbar-thumb:active{background:#64748b}.benefits-grid-container{scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.benefits-grid-container{gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:1.25rem}.benefit-grid-card{max-height:380px;min-height:300px}.benefit-grid-image{height:160px}}@media (max-width:768px){.benefits-grid-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;bottom:0;height:60vh;justify-content:stretch;left:0;position:absolute;right:0;top:auto;z-index:100}.benefits-grid-modal{animation:slideUpFromBottom .3s ease;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0003;height:100%;width:100%}.benefits-grid-header{background:#f8f9fa;border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;flex-shrink:0;padding:1rem}.benefits-grid-header h2{font-size:1.2rem}.benefits-grid-container{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(60vh - 80px);overflow-y:auto;padding:1rem}.benefit-grid-card{max-height:250px;min-height:200px}.benefit-grid-image{height:100px}.benefit-grid-title{padding:8px 12px 6px}.benefit-grid-title h3{font-size:.9rem;line-height:1.2}.benefit-grid-content{padding:8px 12px 12px}.benefit-grid-description{-webkit-line-clamp:2;font-size:.8rem}}@media (max-width:480px){.benefits-grid-modal-overlay{height:55vh}.benefits-grid-container{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:calc(55vh - 70px);padding:.75rem}.benefit-grid-card{max-height:220px;min-height:180px}.benefit-grid-title{padding:6px 8px 4px}.benefit-grid-title h3{font-size:.8rem;line-height:1.1}.benefit-grid-content{padding:6px 8px 8px}.benefit-grid-description{-webkit-line-clamp:1;font-size:.7rem}.benefit-grid-image{height:80px}.benefit-grid-header{padding:.75rem}.benefit-grid-header h2{font-size:1.1rem}}[data-theme=dark] .benefits-grid-modal{background:#1f2937}[data-theme=dark] .benefits-grid-header{background:#374151;border-bottom-color:#4b5563}[data-theme=dark] .benefits-grid-header h2{color:#f3f4f6}[data-theme=dark] .benefits-grid-close{color:#9ca3af}[data-theme=dark] .benefits-grid-close:hover{background:#9ca3af1a;color:#f3f4f6}[data-theme=dark] .benefits-grid-container{background:#1f2937}[data-theme=dark] .benefit-grid-card{background:#374151;border-color:#4b5563}[data-theme=dark] .benefit-grid-title{background:#374151;border-bottom-color:#4b5563}[data-theme=dark] .benefit-grid-title h3{color:#f3f4f6}[data-theme=dark] .benefit-grid-content{background:#374151}[data-theme=dark] .benefit-grid-description{color:#d1d5db}[data-theme=dark] .benefit-token-cost{background:#4b5563;color:#e5e7eb}.map-fullscreen-overlay{align-items:center;animation:mapFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0!important;display:flex;justify-content:center;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:2147483647!important}.map-fullscreen-container{animation:mapScaleIn .3s ease-out;background:#fff;display:flex;flex-direction:column;height:100%;position:relative;width:100%}@keyframes mapFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mapScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.map-header{align-items:center;background:linear-gradient(180deg,#fffffff2 0,#fffc 80%,#fff0);display:flex;justify-content:space-between;left:0;padding:2rem 3rem;position:absolute;right:0;top:0;z-index:100000!important}.map-header h2{color:#2d3748;font-size:2rem;font-weight:700;margin:0}.close-map{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.close-map:hover{background:#0003;transform:scale(1.1)}.map-content{align-items:stretch;background:#fff;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 140px);overflow:hidden;position:relative}.map-placeholder{padding:3rem;text-align:center}.map-icon{animation:mapFloat 3s ease-in-out infinite;display:block;font-size:5rem;margin-bottom:2rem}@keyframes mapFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.map-placeholder h3{color:#2d3748;font-size:1.75rem;font-weight:600;margin:0 0 1rem}.map-placeholder p{color:#718096;font-size:1.1rem;margin:0}.google-map-container{border-radius:0;height:100%;width:100%}.map-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;height:100%;justify-content:center}.map-spinner{animation:mapSpin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}@keyframes mapSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-loading p{font-size:1.1rem;font-weight:500;margin:0}.map-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.map-error h3{color:#e53e3e;font-size:1.5rem;margin:0 0 1rem}.map-error p{color:#718096;font-size:1rem;margin:0 0 2rem}.retry-button{background:#667eea;border-radius:8px;font-size:1rem}.retry-button:hover{background:#5a67d8}.demo-map{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:500px;overflow:hidden;position:relative;width:100%}.demo-map-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem;text-align:center}.demo-map-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.demo-map-header p{color:#4a5568;font-size:1rem;margin:0}.demo-map-content{background:linear-gradient(45deg,#f0fff4 25%,#fafafa 0,#fafafa 50%,#f0fff4 0,#f0fff4 75%,#fafafa 0);background-size:20px 20px;flex:1 1;min-height:300px;overflow:hidden;position:relative}.demo-marker{animation:demoBounce 2s ease-in-out infinite;font-size:3rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.demo-marker-label{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;color:#2d3748;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;white-space:nowrap}@keyframes demoBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.demo-streets{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.demo-street{background:#cbd5e0;opacity:.6;position:absolute}.demo-street.horizontal{height:3px;top:30%;width:100%}.demo-street.vertical{height:100%;left:30%;width:3px}.demo-map-footer{background:#fffffff2;border-top:1px solid #e2e8f0;padding:1rem;text-align:center}.demo-map-footer small{color:#718096;font-size:.875rem}[data-theme=dark] .demo-map{background:linear-gradient(135deg,#1a202c,#2d3748);border-color:#4a5568}[data-theme=dark] .demo-map-header{background:#2d3748;border-bottom-color:#4a5568}[data-theme=dark] .demo-map-header h3{color:#f7fafc}[data-theme=dark] .demo-map-header p{color:#e2e8f0}[data-theme=dark] .demo-map-content{background:linear-gradient(45deg,#1a202c 25%,#2d3748 0,#2d3748 50%,#1a202c 0,#1a202c 75%,#2d3748 0)}[data-theme=dark] .demo-marker-label{background:#4a5568;color:#f7fafc}[data-theme=dark] .demo-street{background:#4a5568}[data-theme=dark] .demo-map-footer{background:#2d3748f2;border-top-color:#4a5568}[data-theme=dark] .demo-map-footer small{color:#a0aec0}[data-theme=dark] .map-loading{color:#e2e8f0}[data-theme=dark] .map-spinner{border-color:#667eea #4a5568 #4a5568}[data-theme=dark] .map-error h3{color:#fc8181}[data-theme=dark] .map-error p{color:#a0aec0}[data-theme=dark] .retry-button{background:#667eea}[data-theme=dark] .retry-button:hover{background:#5a67d8}body:has(.map-fullscreen-overlay) .header{display:none!important}[data-theme=dark] .map-fullscreen-overlay{background:#000000f2}[data-theme=dark] .map-fullscreen-container{background:#1f2937}[data-theme=dark] .map-header{background:linear-gradient(180deg,#1f2937f2 0,#1f2937cc 80%,#1f293700)}[data-theme=dark] .map-header h2{color:#f3f4f6}[data-theme=dark] .close-map{background:#ffffff1a;color:#e5e7eb}[data-theme=dark] .close-map:hover{background:#fff3}[data-theme=dark] .map-content{background:#111827}[data-theme=dark] .map-placeholder h3{color:#f3f4f6}[data-theme=dark] .map-placeholder p{color:#9ca3af}@media (max-width:768px){.map-header{padding:1.5rem 2rem}.close-map,.map-header h2{font-size:1.5rem}.close-map{height:40px;width:40px}.map-placeholder{padding:2rem 1rem}.map-icon{font-size:3rem;margin-bottom:1rem}.map-placeholder h3{font-size:1.5rem}.map-placeholder p{font-size:1rem}}.company-benefits{animation:fadeInUp .8s ease-out;background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:calc(100vh - 4rem);padding:2rem}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.benefits-header{animation:slideInFromLeft .6s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #6b3aa01a;border-radius:20px;box-shadow:0 8px 32px #6b3aa026;margin-bottom:3rem;padding:2rem;text-align:center}.benefits-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b3aa0,#8b5ba8);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.benefits-header p{color:#4a5568;font-size:1.1rem;font-weight:500;margin:0 0 1.5rem;opacity:.9}.tokens-summary{display:flex;justify-content:center;margin-top:1rem}.tokens-summary .token-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6b3aa0,#8b5ba8);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 25px #6b3aa066;color:#fff;padding:1.25rem 2.5rem;text-align:center}.tokens-summary .token-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.tokens-summary .token-label{font-size:.9rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.filter-bar{display:flex;justify-content:center;margin-bottom:2rem}.filter-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #6b3aa01a;border-radius:16px;box-shadow:0 4px 20px #6b3aa01a;display:flex;gap:.75rem;padding:1.25rem}.filter-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9facc;border:1px solid #6b3aa033;border-radius:12px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-button:hover{background:#6b3aa01a;border-color:#6b3aa04d;color:#2d3748;transform:translateY(-1px)}.filter-button.active{background:linear-gradient(135deg,#6b3aa0,#8b5ba8);border-color:#6b3aa0;box-shadow:0 4px 15px #6b3aa066;color:#fff;transform:translateY(-2px)}.benefits-grid{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .4s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1200px}.company-benefit-card{animation:scaleIn .6s ease-out .6s both;animation:scaleIn .6s ease-out calc(.6s + var(--card-index, 0)*.1s) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #6b3aa01a;border-radius:16px;box-shadow:0 6px 25px #6b3aa01f;height:-webkit-fit-content;height:fit-content;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.company-benefit-card:hover{border-color:#6b3aa033;box-shadow:0 12px 40px #6b3aa033;transform:translateY(-4px) scale(1.02)}.company-benefit-card .card-image{height:200px;line-height:0;margin:0;overflow:hidden;padding:0;position:relative}.company-benefit-card .card-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.company-benefit-card:hover .card-image img{transform:scale(1.02)}.company-benefit-card .card-content{display:flex;flex-direction:column;height:100%;padding:1.5rem 1.5rem 0}.company-benefit-card .card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.company-benefit-card .card-header h3{color:#2c3e50;flex:1 1;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0}.company-benefit-card .benefit-type.company{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;white-space:nowrap}.company-benefit-card .card-description{margin-bottom:1.5rem}.company-benefit-card .card-description p{color:#6c757d;font-size:.95rem;line-height:1.6;margin:0}.company-benefit-card .card-metadata{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:flex-start;margin-bottom:1rem;padding:1rem}.company-benefit-card .category{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.company-benefit-card .token-cost{align-items:center;background:#fff;border:2px solid #a559e4;border-radius:4px;color:#495057;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:8px 12px}.company-benefit-card .token-icon{color:#a559e4;font-size:.9rem}.company-benefit-card .cost-amount{color:#a559e4;font-size:.85rem;font-weight:600}.company-benefit-card .cost-label{color:#a559e4;font-size:.75rem;font-weight:600}.company-benefit-card .card-actions{align-items:center;display:flex;gap:4px;margin:0 -1.5rem;padding:1.5rem}.company-benefit-card .card-actions .token-cost{align-items:center;display:flex;flex:0 0 auto;height:36px;justify-content:center}.company-benefit-card .redeem-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;height:36px;justify-content:center;padding:10px 20px;transition:all .3s ease}.company-benefit-card .redeem-button:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 4px 15px #4a90e24d;transform:translateY(-1px)}.company-benefit-card .redeem-button .button-icon{font-size:1rem}.company-benefit-card .btn-arrow{font-size:.8rem;transition:transform .2s ease}.company-benefit-card .redeem-button:hover .btn-arrow{transform:translateX(2px)}.company-benefit-card .status-indicator .redeemed{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#28a745;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem}.company-benefit-card .insufficient-tokens{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;font-size:.9rem;padding:.75rem;text-align:center}.company-benefit-card .insufficient-tokens small{color:#721c24;display:block;font-size:.8rem;margin-top:.25rem}.company-benefits-loading{align-items:center;animation:fadeInUp .8s ease-out;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.company-benefits-loading .loading-animation{margin-bottom:1rem;position:relative}.company-benefits-loading .pulse-ring{animation:pulsate 1.5s ease-out infinite;border:3px solid #4a90e2;border-radius:50%;height:60px;position:absolute;width:60px}.company-benefits-loading .pulse-ring.delay-1{animation-delay:.5s}.company-benefits-loading .pulse-ring.delay-2{animation-delay:1s}@keyframes pulsate{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.empty-benefits-state{color:#6c757d;padding:4rem 2rem;text-align:center}.empty-benefits-state .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-benefits-state h2{color:#495057;font-weight:600;margin-bottom:1rem}.empty-benefits-state .reset-filter-button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease}.empty-benefits-state .reset-filter-button:hover{background:#357abd}.request-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.request-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.request-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.request-modal-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.close-button{border-radius:4px;color:#6c757d;padding:.25rem;transition:color .3s ease}.close-button:hover{background:#f8f9fa;color:#495057}.request-modal-body{padding:1.5rem}.selected-benefit-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.benefit-preview{border-radius:8px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.benefit-preview img{height:100%;object-fit:cover;width:100%}.benefit-details h4{color:#2c3e50;font-weight:600;margin:0 0 .5rem}.benefit-details p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.experience-cost{align-items:center;display:flex;gap:1rem}.cost-badge{background:#4a90e2}.cost-badge,.experience-type.company{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.experience-type.company{background:#95a5a6}.token-summary{background:#e8f4f8;border:1px solid #bee5eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.token-info{display:flex;font-size:.9rem;justify-content:space-between}.available-tokens{color:#0c5460;font-weight:600}.after-redemption{color:#495057}.form-group{margin-bottom:1.5rem}.form-group label{color:#495057;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.error-alert{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.9rem;margin-bottom:1rem}.form-actions{gap:4px}.btn-secondary{background:#6c757d;color:#fff;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease}.btn-secondary:hover{background:#5a6268}.submit-button{align-items:center;background:linear-gradient(135deg,#6b3aa0,#8b5ba8);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5d2d85,#7a4a93);box-shadow:0 6px 20px #6b3aa066;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.loading-text{align-items:center;display:flex;gap:.5rem}.spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.success-notification{background:#fff;border-left:4px solid #6b3aa0;border-radius:8px;box-shadow:0 10px 30px #0003;max-width:400px;padding:1rem;position:fixed;right:2rem;top:2rem;z-index:1001}.notification-content{align-items:flex-start;display:flex;gap:.75rem}.success-icon{flex-shrink:0;font-size:1.5rem}.success-details h4{color:#155724;font-weight:600;margin:0 0 .5rem}.success-details p{color:#495057;font-size:.9rem;margin:.25rem 0}.notification-content button{background:none;border:none;color:#6c757d;cursor:pointer;flex-shrink:0;font-size:1.2rem;margin-left:auto;padding:0}@media (max-width:768px){.company-benefits{padding:1rem}.benefits-header{margin-bottom:2rem;padding:1.5rem}.benefits-header h1{font-size:2rem}.benefits-grid{gap:1rem;grid-template-columns:1fr}.filter-container{flex-wrap:wrap;gap:.4rem}.filter-button{font-size:.85rem;padding:.6rem 1rem}.selected-benefit-info{align-items:center;flex-direction:column;text-align:center}.form-actions{flex-direction:column}.company-benefit-card .card-actions{gap:4px}.company-benefit-card .card-actions .token-cost,.company-benefit-card .redeem-button{width:100%}.success-notification{left:1rem;max-width:none;right:1rem;top:1rem}}[data-theme=dark] .company-benefits{color:#f3f4f6}[data-theme=dark] .benefits-header{background:#1f2937;border-left-color:#667eea;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .benefits-header h1{color:#f3f4f6}[data-theme=dark] .benefits-header p{color:#d1d5db}[data-theme=dark] .benefit-card{background:#1f2937;border:1px solid #374151;box-shadow:0 4px 15px #0003}[data-theme=dark] .benefit-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}[data-theme=dark] .benefit-icon-wrapper{background:#374151}[data-theme=dark] .benefit-card h3{color:#f3f4f6}[data-theme=dark] .benefit-description{color:#d1d5db}[data-theme=dark] .benefit-meta{background:#374151;color:#9ca3af}[data-theme=dark] .benefit-meta-item{color:#d1d5db}[data-theme=dark] .empty-icon{background:#374151;color:#9ca3af}[data-theme=dark] .loading-spinner{border-color:#667eea #9ca3af33 #9ca3af33}[data-theme=dark] .error-state{background:#ef44441a;border:1px solid #ef44444d}[data-theme=dark] .error-icon{background:#ef444433;color:#ef4444}[data-theme=dark] .error-state h3,[data-theme=dark] .error-state p{color:#fca5a5}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .modal-content{background:#1f2937;border:1px solid #374151}[data-theme=dark] .modal-header{color:#f3f4f6}[data-theme=dark] .close-button{background:#9ca3af1a;color:#9ca3af}[data-theme=dark] .close-button:hover{background:#9ca3af33;color:#f3f4f6}[data-theme=dark] .modal-body{color:#e5e7eb}[data-theme=dark] .selected-benefit-info{background:#374151;border:1px solid #4b5563}[data-theme=dark] .form-group label{color:#d1d5db}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}[data-theme=dark] .form-group small{color:#9ca3af}[data-theme=dark] .benefit-actions .btn-apply{background:#667eea;color:#fff}[data-theme=dark] .benefit-actions .btn-apply:hover{background:#5a67d8}[data-theme=dark] .btn-secondary{color:#f3f4f6}[data-theme=dark] .success-notification{background:#047857}[data-theme=dark] .category-filter{background:#374151;border:1px solid #4b5563;color:#d1d5db}[data-theme=dark] .category-filter:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .category-filter.active{background:#667eea;border-color:#667eea;color:#fff}.new-token-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6b3aa0,#8b5ba8);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 25px #6b3aa066;margin:0;padding:1.25rem 2.5rem;text-align:center;transition:all .3s ease}.new-token-widget,.new-token-widget *{color:#fff!important}.new-token-widget .token-icon{color:#fff!important;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem;margin-bottom:.5rem;opacity:1}.new-token-widget .token-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}.new-token-widget .token-value{color:#fff!important;display:block;font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:.125rem;text-shadow:0 2px 4px #0003}.new-token-widget .token-text{color:#fff!important;font-size:.95rem;font-weight:600;letter-spacing:.8px;opacity:.95;text-shadow:0 1px 2px #0000001a;text-transform:uppercase}.new-token-widget:hover{background:linear-gradient(135deg,#5d2d85,#7a4a93);box-shadow:0 12px 32px #6b3aa080;transform:translateY(-2px)}[data-theme=dark] .new-token-widget{background:linear-gradient(135deg,#4c1d95,#6b21a8);border-color:#ffffff26;box-shadow:0 8px 25px #4c1d9566}[data-theme=dark] .new-token-widget:hover{background:linear-gradient(135deg,#3730a3,#581c87);box-shadow:0 12px 32px #4c1d9599}.modern-requests{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.modern-requests,.my-requests-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.my-requests-container{padding:var(--spacing-xl)}.requests-header{background:var(--primary-gradient);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin:1rem 2rem;padding:2rem 0}.header-content{padding:0 2rem}.header-info h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-info p{font-size:1rem;margin:0;opacity:.9}.new-request-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.modern-request-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:300px;overflow:hidden;position:relative;transition:all .3s ease}.modern-request-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px)}.card-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.card-image{height:100%;object-fit:cover;width:100%}.card-overlay{background:linear-gradient(180deg,#0000001a 0,#0000004d 50%,#000000b3)}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:16px;padding:6px 12px;position:absolute;top:16px;z-index:10}.card-content{color:#fff;justify-content:flex-end;padding:20px;position:relative;z-index:10}.card-title{background:#0006;border-radius:8px;color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 8px;padding:4px 8px;text-shadow:0 2px 4px #0000004d}.card-description,.card-title{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-description{background:#0000004d;border-radius:6px;color:#ffffffe6;font-size:.875rem;line-height:1.4;margin:0 0 16px;padding:6px 8px;text-shadow:0 1px 2px #0000004d}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:16px;padding:4px 12px}.status-pending{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status-approved{background:#28a74533;border:1px solid #28a7454d;color:#28a745}.status-rejected{background:#dc354533;border:1px solid #dc35454d;color:#dc3545}.card-footer{justify-content:space-between;margin-top:auto}.card-footer,.token-cost{align-items:center;display:flex}.token-cost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:8px 12px}.token-cost:before{content:"";font-size:1rem}.token-amount{color:#fff;font-size:.875rem}.action-button{background:#dc3545;border-radius:20px;color:#fff;gap:6px;padding:8px 16px;transition:all .3s ease}.action-button:hover{background:#c82333;transform:translateX(2px)}.btn-arrow{transition:transform .3s ease}.action-button:hover .btn-arrow{transform:translateX(2px)}.card-actions{bottom:16px;position:absolute;right:16px;z-index:10}.approved-message,.pending-message,.rejected-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;color:#fff;font-size:.75rem;font-weight:600;padding:8px 12px}.requests-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:24px}@media (max-width:768px){.requests-grid{gap:16px;grid-template-columns:1fr;padding:16px}.modern-request-card{min-height:250px}.card-content{padding:16px}.card-title{font-size:1.125rem}}.new-request-button:hover{background:#ffffff4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.button-icon{font-size:1.125rem}.requests-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.requests-subtitle{color:var(--text-muted);font-size:var(--font-lg)}.error-notification,.success-notification{align-items:center;animation:slideInRight .3s ease;border-radius:16px;box-shadow:0 10px 25px #0003;display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.success-notification{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.error-notification{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.error-icon,.success-icon{font-size:1.25rem}.error-notification p,.success-notification p{flex:1 1;font-weight:500;margin:0}.error-notification button,.success-notification button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;padding:.25rem;transition:background .3s ease}.error-notification button:hover,.success-notification button:hover{background:#fff3}.filter-tabs{align-items:center;display:flex;justify-content:center;margin:2rem auto;max-width:1200px;padding:0 2rem}.tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;gap:.5rem;padding:.5rem}.filter-tab{align-items:center;background:#0000;border:none;border-radius:16px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#667eea1a;color:#667eea}.filter-tab.active{background:var(--primary-gradient);color:#fff;font-weight:600}.tab-icon{font-size:1rem}.tab-count{background:#fff3;border-radius:16px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.filter-tab.active .tab-count{background:#ffffff4d}.requests-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin:2rem auto;max-width:1200px;padding:2rem}.requests-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.request-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;min-height:520px;overflow:hidden;transition:all .3s ease}.request-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.card-image{height:200px;line-height:0;margin:0;overflow:hidden;padding:0;position:relative}.card-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.request-card:hover .card-image img{transform:scale(1.05)}.card-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#000000b3);bottom:0;display:flex;left:0;padding:1.5rem;position:absolute;right:0;top:0}.card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1.5rem}.card-header{align-items:flex-start;gap:1rem;margin-bottom:.75rem}.card-header h3{color:#2d3748;flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0;word-break:break-word}.benefit-type{border-radius:16px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.benefit-type.jobby{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.benefit-type.company{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.card-description{margin-bottom:.5rem;max-height:4.5rem;min-height:3rem}.card-description p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.card-metadata{background:#e2e8f04d;border-radius:16px;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem;padding:.75rem}.metadata-item{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between;min-height:1.25rem}.metadata-label{color:#718096;font-weight:500}.metadata-value{color:#2d3748;font-weight:600}.card-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;margin-top:auto;min-height:3rem;padding-top:1rem}.token-info{background:#667eea1a;border-radius:16px;margin-bottom:.75rem;padding:.75rem}.token-status{align-items:center;color:#2d3748;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.token-status-text{font-weight:500}.token-status-text.token-active{color:#38a169}.token-status-text.token-used{color:#718096}.token-expiry{align-items:center;color:#4a5568;display:flex;font-size:.8125rem;gap:.5rem}.pending-message,.rejected-message{align-items:center;border-radius:16px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;width:100%}.pending-message{background:#ed89361a;color:#c05621}.rejected-message{background:#e53e3e1a;color:#c53030}.pending-icon,.rejected-icon{font-size:1.125rem}.action-button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.view-button{background:#e6fffa;color:#319795}.view-button:hover{background:#b2f5ea}.activate-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.activate-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-1px)}.copy-button{background:#f0fff4;color:#38a169}.copy-button:hover{background:#c6f6d5}.requests-filters{align-items:center;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.filter-group{align-items:center;display:flex;gap:var(--spacing-sm)}.filter-label{color:var(--text-primary);font-weight:var(--font-medium)}.filter-select{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.filter-select:focus,.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.requests-table-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.requests-table{border-collapse:collapse;width:100%}.requests-table th{background:var(--bg-primary);border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-weight:var(--font-semibold);text-align:left}.requests-table td,.requests-table th{padding:var(--spacing-md) var(--spacing-lg)}.requests-table td{border-bottom:1px solid var(--border-light)}.requests-table tr:hover{background:var(--bg-primary)}.status-badge{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.status-badge.pending,.status-badge.status-pending{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.status-badge.approved,.status-badge.status-approved{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.status-badge.rejected,.status-badge.status-rejected{background:#f443361a;border:1px solid #f443364d;color:#f44336}.status-badge.status-used,.status-badge.used{background:#607d8b1a;border:1px solid #607d8b4d;color:#607d8b}.status-icon{font-size:1rem}.request-details{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.detail-group{border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-md)}.detail-group:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:var(--text-muted);font-size:var(--font-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:var(--font-md)}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:20px;padding:4rem 2rem}.empty-icon{color:var(--text-muted);font-size:4rem;margin-bottom:1.5rem}.empty-state h3,.empty-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.empty-description,.empty-state p{color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:400px}.empty-action{align-items:center;background:var(--primary-gradient);border-radius:20px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.empty-action:hover{box-shadow:0 10px 25px #667eea4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-animation{height:120px;margin-bottom:2rem;position:relative;width:120px}.pulse-ring{animation:pulse-ring 2s linear infinite;border:3px solid #ffffff4d;border-radius:50%;height:100%;position:absolute;width:100%}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.error-state h2{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.retry-button{background:var(--primary-gradient);margin-top:1rem;padding:.75rem 1.5rem}.retry-button:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pagination{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl)}.pagination-button{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.pagination-button:hover:not(:disabled){background:var(--bg-primary);border-color:var(--primary-color)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background:var(--primary-gradient);border-color:#0000;color:#fff}@media (max-width:768px){.modern-requests,.my-requests-container{padding:var(--spacing-md)}.requests-header{border-radius:20px;margin:.5rem 1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.filter-tabs{margin:1rem auto;padding:0 1rem}.tabs-container{-webkit-overflow-scrolling:touch;border-radius:20px;overflow-x:auto}.requests-grid{grid-template-columns:1fr}.requests-filters{align-items:stretch;flex-direction:column}.filter-group{flex-direction:column;width:100%}.filter-select{width:100%}.requests-table-container{overflow-x:auto}.requests-table{min-width:600px}}.token-balances-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #667eea4d;border-radius:16px;box-shadow:0 2px 8px #667eea1a;display:flex;gap:1rem;padding:.75rem 1rem}.token-balance-item{align-items:center;display:flex;gap:.5rem}.balance-label{color:#374151;font-size:.875rem;font-weight:600}.balance-amount{color:#667eea;font-size:1.125rem;font-weight:700}.history-toggle-btn{background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:#667eea;cursor:pointer;font-size:1.125rem;padding:.5rem;transition:all .2s ease}.history-toggle-btn:hover{background:#667eea33;box-shadow:0 2px 8px #667eea33;transform:translateY(-1px)}[data-theme=dark] .modern-requests{background:#0000;color:#f3f4f6}[data-theme=dark] .requests-header{background:#1f2937;border:1px solid #374151}[data-theme=dark] .header-info h1{color:#f3f4f6}[data-theme=dark] .header-info p{color:#d1d5db}[data-theme=dark] .token-balances-display{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d}[data-theme=dark] .balance-label{color:#d1d5db}[data-theme=dark] .balance-amount{color:#9ca3af}[data-theme=dark] .history-toggle-btn{background:#374151;border:1px solid #4b5563;color:#d1d5db}[data-theme=dark] .history-toggle-btn:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .new-request-button{background:#667eea;color:#fff}[data-theme=dark] .new-request-button:hover{background:#5a67d8}[data-theme=dark] .success-notification{background:#1f2937;border:1px solid #059669;color:#d1fae5}[data-theme=dark] .error-notification{background:#1f2937;border:1px solid #dc2626;color:#fecaca}[data-theme=dark] .token-history-section{background:#1f2937;border:1px solid #374151}[data-theme=dark] .history-header h2{color:#f3f4f6}[data-theme=dark] .close-history-btn{background:#374151;color:#d1d5db}[data-theme=dark] .close-history-btn:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .history-filter-tabs .filter-tab{background:#374151;border:1px solid #4b5563;color:#d1d5db}[data-theme=dark] .history-filter-tabs .filter-tab:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .history-filter-tabs .filter-tab.active{background:#667eea;border-color:#667eea;color:#fff}[data-theme=dark] .history-list{background:#374151;border:1px solid #4b5563}[data-theme=dark] .history-item{background:#1f2937;border:1px solid #374151}[data-theme=dark] .history-item:hover{background:#374151}[data-theme=dark] .history-amount{color:#f3f4f6}[data-theme=dark] .history-reason{color:#d1d5db}[data-theme=dark] .empty-history,[data-theme=dark] .history-date{color:#9ca3af}[data-theme=dark] .filter-tabs{background:#0000}[data-theme=dark] .tab-button{background:#374151;border:1px solid #4b5563;color:#d1d5db}[data-theme=dark] .tab-button:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .tab-button.active{background:#667eea;border-color:#667eea;color:#fff}[data-theme=dark] .requests-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937cc;border:1px solid #374151;border-radius:20px;box-shadow:0 4px 15px #0000004d}[data-theme=dark] .requests-table{background:#1f2937;color:#f3f4f6}[data-theme=dark] .requests-table th{background:#374151;border-bottom:1px solid #4b5563;color:#f3f4f6}[data-theme=dark] .requests-table td{border-bottom:1px solid #374151;color:#d1d5db}[data-theme=dark] .requests-table tr:hover{background:#374151}[data-theme=dark] .status-pending{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}[data-theme=dark] .status-approved{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}[data-theme=dark] .status-rejected{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}[data-theme=dark] .token-modal-overlay{background:#000000bf}[data-theme=dark] .token-modal{background:#1f2937;border:1px solid #374151;color:#f3f4f6}[data-theme=dark] .modal-header{background:#374151;border-bottom:1px solid #4b5563}[data-theme=dark] .modal-header h3{color:#f3f4f6}[data-theme=dark] .modal-close-btn{background:#4b5563;color:#d1d5db}[data-theme=dark] .modal-close-btn:hover{background:#6b7280;color:#f3f4f6}[data-theme=dark] .modal-body{color:#d1d5db}[data-theme=dark] .btn-primary{background:#667eea;color:#fff}[data-theme=dark] .btn-primary:hover{background:#5a67d8}[data-theme=dark] .btn-secondary{background:#374151;border:1px solid #4b5563;color:#d1d5db}[data-theme=dark] .btn-secondary:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .loading-state{color:#9ca3af}[data-theme=dark] .spinner{border-color:#667eea #9ca3af33 #9ca3af33}[data-theme=dark] .empty-state{background:#1f293780;border:1px solid #374151;color:#9ca3af}[data-theme=dark] .empty-state h3{color:#f3f4f6}[data-theme=dark] .empty-state p{color:#d1d5db}[data-theme=dark] .tabs-container{background:#1f2937;border:1px solid #374151;border-radius:20px;padding:.5rem}[data-theme=dark] .filter-tab{background:#374151;border:1px solid #4b5563;border-radius:16px;color:#d1d5db;transition:all .2s ease}[data-theme=dark] .filter-tab:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .filter-tab.active{background:#667eea;border-color:#667eea;color:#fff}[data-theme=dark] .tab-icon{opacity:.9}[data-theme=dark] .tab-count{background:#fff3;border-radius:16px;color:inherit;font-size:.75rem;font-weight:600;padding:.2rem .5rem}[data-theme=dark] .requests-grid{background:#0000;gap:1.5rem}[data-theme=dark] .request-card{background:#1f2937;border:1px solid #374151;border-radius:20px;box-shadow:0 4px 15px #0000004d;overflow:hidden}[data-theme=dark] .request-card:hover{border-color:#4b5563;box-shadow:0 6px 20px #0006}[data-theme=dark] .card-overlay{background:linear-gradient(0deg,#1f2937cc,#0000)}[data-theme=dark] .status-badge.status-approved{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}[data-theme=dark] .status-badge.status-pending{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}[data-theme=dark] .status-badge.status-rejected{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}[data-theme=dark] .card-content{background:#1f2937;color:#f3f4f6}[data-theme=dark] .card-header h3{color:#f3f4f6}[data-theme=dark] .card-badges{display:flex;gap:.5rem}[data-theme=dark] .benefit-type.jobby,html[data-theme=dark] .card-badges .benefit-type.jobby,html[data-theme=dark] .request-card .benefit-type.jobby,html[data-theme=dark] .request-card .card-header .benefit-type.jobby{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:1rem!important;color:#fff!important;display:inline-block!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;opacity:1!important;padding:.25rem .75rem!important;text-transform:uppercase!important;visibility:visible!important}[data-theme=dark] .benefit-type.company,html[data-theme=dark] .card-badges .benefit-type.company,html[data-theme=dark] .request-card .benefit-type.company,html[data-theme=dark] .request-card .card-header .benefit-type.company{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:1rem!important;color:#fff!important;display:inline-block!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;opacity:1!important;padding:.25rem .75rem!important;text-transform:uppercase!important;visibility:visible!important}[data-theme=dark] .token-paid-badge{background:#667eea33;border:1px solid #667eea4d;color:#9ca3af}[data-theme=dark] .card-description p{color:#d1d5db}[data-theme=dark] .card-metadata{background:#374151;border:1px solid #4b5563;border-radius:8px}[data-theme=dark] .metadata-item{color:#d1d5db}[data-theme=dark] .metadata-label{color:#9ca3af}[data-theme=dark] .metadata-value{color:#f3f4f6;font-weight:600}[data-theme=dark] .metadata-item.tokens-paid{background:#667eea1a;border:1px solid #667eea33;border-radius:6px;padding:.5rem}[data-theme=dark] .token-info{background:#374151;border:1px solid #4b5563;border-radius:8px;padding:1rem}[data-theme=dark] .token-status{color:#d1d5db}[data-theme=dark] .token-status-text.token-active{color:#22c55e;font-weight:600}[data-theme=dark] .token-status-text.token-used{color:#9ca3af;font-weight:600}[data-theme=dark] .token-status-text.token-expired{color:#ef4444;font-weight:600}[data-theme=dark] .token-expiry{color:#9ca3af;font-size:.875rem}[data-theme=dark] .card-actions{background:#1f2937;border-top:1px solid #374151;padding:1rem}[data-theme=dark] .action-button.primary{background:#667eea;border:none;color:#fff}[data-theme=dark] .action-button.primary:hover{background:#5a67d8;transform:translateY(-1px)}[data-theme=dark] .action-button.secondary{background:#374151;border:1px solid #4b5563;color:#d1d5db}[data-theme=dark] .action-button.secondary:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .button-icon{opacity:.9}.token-modal-overlay{align-items:center;animation:tokenModalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes tokenModalFadeIn{0%{opacity:0}to{opacity:1}}.token-modal{animation:tokenModalSlideIn .3s ease-out;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}@keyframes tokenModalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.token-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;margin:0;padding:1.5rem 2rem}.token-modal .modal-header h2{align-items:center;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0}.token-modal .close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;transition:background .2s ease;width:35px}.token-modal .close-button:hover{background:#ffffff4d}.token-modal .modal-content{border:none;margin:0;padding:2rem}.token-modal .token-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #667eea4d;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.token-modal .token-code{background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:4px;margin-bottom:.5rem;padding:.5rem;text-shadow:0 2px 4px #0000004d}.token-modal .token-expiry{color:#ffffffe6;font-size:.9rem;margin:0}.token-modal .benefit-info{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:1.5rem;padding:1.2rem}.token-modal .benefit-info h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.token-modal .paid-with-tokens-notice{align-items:center;background:#fff3cd;border-radius:8px;color:#856404;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin:0;padding:.5rem .8rem}.token-modal .token-icon{font-size:1rem}.token-modal .admin-instructions{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 20px #667eea4d;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.token-modal .admin-instructions-header{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.token-modal .admin-icon{font-size:1.3rem}.token-modal .admin-instructions-content{background:#ffffff26;border-left:4px solid #ffffff4d;border-radius:10px;font-size:.95rem;line-height:1.5;margin:0;padding:1rem;white-space:pre-wrap}.token-modal .token-instructions{color:#4a5568;line-height:1.6;margin:0}.token-modal .token-instructions h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.token-modal .instructions-list{list-style:none;margin:1rem 0;padding:0}.token-modal .instruction-step{align-items:flex-start;background:#f7fafc;border-left:3px solid #667eea;border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:.8rem}.token-modal .step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:25px;justify-content:center;width:25px}.token-modal .step-text{color:#4a5568;font-size:.9rem;line-height:1.4;margin:2px 0 0}.token-modal .important-note{background:linear-gradient(135deg,#fef5e7,#fed7aa);border:1px solid #f6cc8f;border-radius:12px;color:#744210;margin-top:1.5rem;padding:1rem}.token-modal .note-icon{font-size:1.2rem;margin-right:.5rem}.token-modal .important-note strong{color:#744210}.token-modal .important-note p{font-size:.9rem;margin:.5rem 0 0}.token-modal .modal-actions{background:#f8fafc;border:none;border-radius:0 0 20px 20px;display:flex;gap:1rem;justify-content:center;margin:0;padding:1.5rem 2rem}.token-modal .close-modal-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:.8rem 2rem;transition:all .3s ease}.token-modal .close-modal-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.token-modal .close-modal-button:active{transform:translateY(0)}@media (max-width:768px){.token-modal{margin:1rem;width:95%}.token-modal .modal-header{padding:1rem 1.5rem}.token-modal .modal-content{padding:1.5rem}.token-modal .token-code{font-size:1.5rem;letter-spacing:2px}.token-modal .modal-actions{padding:1rem 1.5rem}.token-modal .instruction-step{flex-direction:column;gap:.5rem}.token-modal .step-number{align-self:flex-start}}.token-modal .token-code{animation:tokenPulse 2s infinite}@keyframes tokenPulse{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 10px #fff0}}.token-modal::-webkit-scrollbar{width:6px}.token-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.token-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.token-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.profile-survey{background:#000;contain:layout style paint;height:100vh;height:100dvh;isolation:isolate;overflow:hidden;position:relative}.user-type-checking{align-items:center;background:linear-gradient(45deg,#1a1a2e,#16213e);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.checking-content{color:#fff;text-align:center}.checking-content h2{color:#68d391;color:var(--jobby-mint);font-size:2rem;margin-bottom:1rem}.checking-content p{font-size:1.2rem;opacity:.8}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#68d391;border-top:3px solid var(--jobby-mint);height:50px;margin:0 auto 2rem;width:50px}.type-b-special{align-items:center;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:400% 400%;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.special-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:20px;color:#fff;padding:2rem;text-align:center}.special-animation{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.special-content h2{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}.special-content p{font-size:1.3rem;margin-bottom:1.5rem}.countdown-timer{animation:pulse 1.5s infinite;font-size:1.1rem;opacity:.9}.animated-bg{contain:strict;height:100vh;height:100dvh;isolation:isolate;left:0;pointer-events:none;position:fixed;top:0;transform:translateZ(0);-webkit-transform-style:preserve-3d;width:100vw;z-index:0}.panel1,.panel2{backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style paint;height:0;isolation:isolate;opacity:1;-webkit-perspective:1000;position:absolute;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:preserve-3d;transition:none!important;width:0;will-change:transform,width,height,background,opacity}.panel1:first-of-type{z-index:7}.panel1:nth-of-type(2){z-index:6}.panel1:nth-of-type(3){z-index:5}.panel1:nth-of-type(4){z-index:4}.panel1:nth-of-type(5){z-index:3}.panel1:nth-of-type(6){z-index:2}.panel1:nth-of-type(7){z-index:1}.panel1:nth-of-type(8){z-index:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.survey-container{align-items:center;contain:layout style;display:flex;flex-direction:column;height:100vh;height:100dvh;isolation:isolate;justify-content:center;overflow:hidden;padding:20px;position:relative;transform:translateZ(0);z-index:10}.survey-progress{background:#0003;height:6px;left:0;position:absolute;right:0;top:0;z-index:20}.progress-bar{background:linear-gradient(90deg,#68d391,#4fd1c7);background:linear-gradient(90deg,var(--jobby-mint),#4fd1c7);border-radius:0 3px 3px 0;box-shadow:0 0 20px #68d39199;height:100%;transition:width 1.2s cubic-bezier(.25,.46,.45,.94)}.survey-content{background:#0000;border-radius:20px;contain:layout style;isolation:isolate;max-height:80vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;scrollbar-color:#68d39180 #0000;scrollbar-width:thin;text-align:center;transform:translateZ(0);width:100%;will-change:contents;z-index:20}.survey-content::-webkit-scrollbar{width:6px}.survey-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.survey-content::-webkit-scrollbar-thumb{background:#68d39180;border-radius:3px}.survey-content::-webkit-scrollbar-thumb:hover{background:#68d391b3}.survey-intro{padding:0;text-align:center}.intro-animation{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:100px;margin-bottom:30px}.survey-intro h2{color:#fff;font-size:42px;font-weight:900;letter-spacing:-1px;margin-bottom:40px;text-shadow:0 2px 20px #0000004d}.survey-button{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;border-radius:50px;contain:layout style paint;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 10px;padding:18px 50px;text-transform:uppercase;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.survey-button.primary{background:#68d391;background:var(--jobby-mint);box-shadow:0 4px 15px #68d39133;color:#fff;color:var(--jobby-white)}.survey-button.primary:hover:not(:disabled){box-shadow:0 8px 20px #68d3914d;transform:translateY(-2px) translateZ(0)}.survey-button.primary:active:not(:disabled){box-shadow:0 2px 8px #68d39133;transform:translateY(0) translateZ(0);transition:transform .1s ease,box-shadow .1s ease}.survey-button.primary:disabled{cursor:not-allowed;opacity:.4;transform:translateZ(0)}.survey-button.secondary{background:#ffffff1a;border:2px solid #fff3;color:#fffc}.survey-button.secondary:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px) translateZ(0)}.survey-button.secondary:active{transform:translateY(0) translateZ(0);transition:transform .1s ease}.survey-generational h2{color:#fff;font-size:32px;font-weight:900;letter-spacing:-1px;margin-bottom:30px;text-align:center;text-shadow:0 2px 20px #0000004d}.memories-grid{grid-gap:12px;contain:layout style;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px;max-height:50vh;overflow-y:auto;will-change:contents}.memory-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000b3;border:2px solid #ffffff4d;border-radius:12px;contain:layout style paint;cursor:pointer;isolation:isolate;overflow:hidden;padding:16px;position:relative;text-align:center;transform:translateZ(0);transition:transform .2s ease,border-color .2s ease,background .2s ease;will-change:transform}.memory-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;will-change:transform}.memory-card:hover:before{left:100%}.memory-card:hover{background:#ffffff14;border-color:#1db95480;transform:translateY(-4px) translateZ(0)}.memory-card:active{transform:translateY(-2px) translateZ(0);transition:transform .1s ease}.memory-card.selected{background:#68d39126;border-color:#68d391;border-color:var(--jobby-mint);transform:translateY(-2px) translateZ(0)}.memory-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:48px;margin-bottom:12px;transition:transform .2s ease;will-change:transform}.memory-card:hover .memory-icon{transform:scale(1.05) translateZ(0)}.memory-card h3{color:#fff;font-size:14px;font-weight:700;line-height:1.2;margin-bottom:6px}.memory-card p{color:#fffc;font-size:12px;line-height:1.3;margin-bottom:8px}.memory-era{color:#fff9;font-size:10px;font-style:italic;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.selected-indicator{align-items:center;animation:pulse 1.5s ease infinite;background:linear-gradient(135deg,#68d391,#4fd1c7);background:linear-gradient(135deg,var(--jobby-mint),#4fd1c7);border-radius:50%;box-shadow:0 4px 15px #68d39166;color:#fff;color:var(--jobby-white);display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;width:32px}.survey-ranking h2{color:#fff;font-size:36px;font-weight:900;letter-spacing:-1px;margin-bottom:40px;text-align:center;text-shadow:0 2px 20px #0000004d}.categories-grid{grid-gap:15px;contain:layout style;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px;max-height:50vh;overflow-y:auto;will-change:contents}.category-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000b3;border:2px solid #ffffff4d;border-radius:16px;contain:layout style paint;cursor:pointer;isolation:isolate;overflow:hidden;padding:20px;position:relative;text-align:center;transform:translateZ(0);transition:transform .2s ease,border-color .2s ease,background .2s ease;will-change:transform}.category-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;will-change:transform}.category-card:hover:before{left:100%}.category-card:hover{background:#ffffff14;border-color:#1db95480;transform:translateY(-4px) translateZ(0)}.category-card:active{transform:translateY(-2px) translateZ(0);transition:transform .1s ease}.category-card.selected{background:#68d39126;border-color:#68d391;border-color:var(--jobby-mint);transform:translateY(-2px) translateZ(0)}.selection-badge{align-items:center;animation:pulse 1.5s ease infinite;background:linear-gradient(135deg,#68d391,#4fd1c7);background:linear-gradient(135deg,var(--jobby-mint),#4fd1c7);border-radius:50%;box-shadow:0 4px 15px #68d39166;color:#fff;color:var(--jobby-white);display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;width:32px}.category-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:56px;margin-bottom:15px;transition:transform .2s ease;will-change:transform}.category-card:hover .category-icon{transform:scale(1.05) translateZ(0)}.category-card h3{color:#fff;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.category-card p{color:#fffc;font-size:13px;line-height:1.4;margin:0}.survey-actions{display:flex;gap:20px;justify-content:center}.survey-satisfaction h2{color:#fff;font-size:32px;font-weight:900;letter-spacing:-1px;margin-bottom:20px;text-align:center;text-shadow:0 2px 20px #0000004d}.satisfaction-subtitle{color:#fffc;font-size:16px;font-weight:400;margin-bottom:30px;text-align:center}.satisfaction-scale{contain:layout style;display:flex;gap:10px;justify-content:space-between;margin-bottom:30px;padding:0 10px;will-change:contents}.satisfaction-level{animation:satisfactionEntry .6s ease-out forwards;animation-delay:var(--animation-delay);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0009;border:3px solid #fff3;border-radius:20px;contain:layout style paint;cursor:pointer;flex:1 1;isolation:isolate;opacity:0;overflow:hidden;padding:20px 12px;position:relative;text-align:center;transform:translateZ(0);transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:transform}@keyframes satisfactionEntry{0%{opacity:0;transform:translateY(30px) scale(.8) translateZ(0)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}}.satisfaction-level:hover{background:#ffffff1a;border-color:var(--level-color);box-shadow:0 10px 30px #0000004d;transform:translateY(-5px) scale(1.02) translateZ(0)}.satisfaction-level.selected{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:var(--level-color);box-shadow:0 15px 40px #0006,0 0 0 2px var(--level-color);transform:translateY(-8px) scale(1.05) translateZ(0)}.satisfaction-emoji{display:block;font-size:48px;margin-bottom:12px;transition:transform .3s ease;will-change:transform}.satisfaction-level:hover .satisfaction-emoji{transform:scale(1.2) rotate(5deg) translateZ(0)}.satisfaction-level.selected .satisfaction-emoji{animation:emojiPulse 1.5s ease-in-out infinite;transform:scale(1.3) translateZ(0)}@keyframes emojiPulse{0%,to{transform:scale(1.3) translateZ(0)}50%{transform:scale(1.4) translateZ(0)}}.satisfaction-title{color:#fff;font-size:14px;font-weight:700;line-height:1.2;margin-bottom:6px}.satisfaction-subtitle-text{color:#ffffffb3;font-size:11px;line-height:1.3;margin-bottom:8px}.satisfaction-description{color:#fff9;font-size:10px;font-style:italic;line-height:1.2}.satisfaction-level.selected .satisfaction-description,.satisfaction-level.selected .satisfaction-subtitle-text,.satisfaction-level.selected .satisfaction-title{color:#fff}.satisfaction-pulse{animation:pulseGlow 2s ease-in-out infinite;background:radial-gradient(circle,var(--level-color) 0,#0000 70%);border-radius:16px;height:80%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:-1}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.1)}}.survey-celebration{align-items:center;animation:gradientShift 8s ease infinite;background:linear-gradient(45deg,#1db954,#1ed760 25%,#ff6b35 50%,#ff8e53 75%,#ff006e);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh}.celebration-content{animation:celebrationEntry 1s cubic-bezier(.25,.46,.45,.94);text-align:center}@keyframes celebrationEntry{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.celebration-icon{animation:celebrationSpin 3s ease infinite;filter:drop-shadow(0 0 30px rgba(255,255,255,.5));font-size:120px;margin-bottom:30px}@keyframes celebrationSpin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.celebration-content h2{color:#fff;font-size:48px;font-weight:900;letter-spacing:-2px;margin-bottom:15px;text-shadow:0 4px 20px #0000004d}.celebration-content p{color:#ffffffe6;font-size:24px;font-weight:300;margin-bottom:40px}.loading-dots{gap:15px}.loading-dots span{animation:spotifyDots 1.6s cubic-bezier(.25,.46,.45,.94) infinite;box-shadow:0 0 20px #fff6;height:15px;width:15px}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}@keyframes spotifyDots{0%,60%,to{opacity:1;transform:scale(1) translateY(0)}30%{opacity:.7;transform:scale(1.3) translateY(-10px)}}@media (max-width:768px){.survey-content{max-height:85vh;max-width:95%;padding:30px 20px}.categories-grid,.memories-grid{max-height:40vh}.survey-generational h2,.survey-intro h2,.survey-ranking h2{font-size:24px;margin-bottom:20px}.intro-animation{font-size:60px;margin-bottom:15px}.categories-grid,.memories-grid{gap:10px;grid-template-columns:1fr}.category-card,.memory-card{padding:12px}.satisfaction-scale{flex-direction:column;gap:8px;padding:0}.satisfaction-level{padding:12px 16px}.satisfaction-emoji{font-size:32px;margin-bottom:8px}.satisfaction-title{font-size:12px}.satisfaction-subtitle-text{font-size:10px}.satisfaction-description{font-size:9px}.survey-actions{flex-direction:column;gap:10px;margin-top:20px}.survey-button{font-size:14px;padding:14px 30px;width:100%}.celebration-content h2{font-size:32px}.celebration-content p{font-size:16px}.celebration-icon{font-size:60px}}:root{--jobby-blue-dark:#1a365d;--jobby-white:#fff;--jobby-gray-light:#f7fafc;--jobby-mint:#68d391;--jobby-black:#2d3748}.intro-animation-container{align-items:center;background:#1a365d;background:var(--jobby-blue-dark);display:flex;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.intro-tube{height:24vw;perspective:700px;position:relative;transform-style:preserve-3d;width:100%}.intro-line{color:#68d391;color:var(--jobby-mint);font-family:Montserrat,sans-serif;font-size:18vw;font-weight:700;left:50%;letter-spacing:-.6vw;line-height:1;margin:0;position:absolute;text-align:center;text-shadow:0 0 30px #68d39180;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.intro-char{animation:rotateChar .9s linear forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;transform:rotateX(-90deg);transform-origin:50% 50% -20vw;transform-style:preserve-3d}@keyframes rotateChar{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(90deg)}}.intro-final-wrap{animation:finalSlide 5s cubic-bezier(.23,1,.32,1) forwards;left:50%;perspective:700px;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center center -800px;transform-style:preserve-3d;transition:transform 3s cubic-bezier(.23,1,.32,1)}@keyframes finalSlide{0%{transform:translate(-50%,-50%) translateY(16.67vh)}to{transform:translate(-50%,-50%) translateY(-16.67vh)}}.intro-final{color:#fff;color:var(--jobby-white);font-family:Montserrat,sans-serif;font-size:13vw;font-weight:700;letter-spacing:-.5vw;line-height:1;margin:0;text-shadow:0 0 50px #68d391cc,0 4px 8px #0000004d;white-space:nowrap}.intro-final-char{animation:finalCharReveal 1.8s cubic-bezier(.23,1,.32,1) forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;opacity:0;transform:rotateX(-90deg);transform-origin:50% 50% -20vw;transform-style:preserve-3d}@keyframes finalCharReveal{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0deg)}}.intro-line:before{animation:shimmerEffect 2s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#68d3911a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmerEffect{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.icon-shape{display:inline-block;height:18vw;margin:0 -.3vw;position:relative;width:18vw}.icon-1{background:#68d391;background:var(--jobby-mint);border-radius:8px;position:relative}.icon-1:before{border-radius:4px;bottom:30%;left:25%;right:25%;top:20%}.icon-1:after,.icon-1:before{background:#1a365d;background:var(--jobby-blue-dark);content:"";position:absolute}.icon-1:after{border-radius:4px 4px 0 0;height:15%;left:40%;right:40%;top:10%}.icon-2{background:#68d391;background:var(--jobby-mint);border-radius:50%;position:relative}.icon-2:before{background:#1a365d;background:var(--jobby-blue-dark);bottom:20%;left:20%;right:20%;top:20%}.icon-2:after,.icon-2:before{border-radius:50%;content:"";position:absolute}.icon-2:after{bottom:40%;left:40%;right:40%;top:40%}.icon-2:after,.icon-3{background:#68d391;background:var(--jobby-mint)}.icon-3{border-radius:6px;position:relative}.icon-3:before{height:100%;left:40%;right:40%;top:0}.icon-3:after,.icon-3:before{background:#1a365d;background:var(--jobby-blue-dark);content:"";position:absolute}.icon-3:after{height:20%;left:0;right:0;top:40%}.icon-4{background:#0000;position:relative}.icon-4:before{color:#68d391;color:var(--jobby-mint);content:"★";font-size:16vw;left:50%;position:absolute;text-shadow:0 0 10px #68d39180;top:50%;transform:translate(-50%,-50%)}.icon-5{background:#0000;position:relative}.icon-5:before{left:20%;transform:rotate(-45deg)}.icon-5:after,.icon-5:before{background:#68d391;background:var(--jobby-mint);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;content:"";height:40%;position:absolute;top:30%;width:26%}.icon-5:after{right:20%;transform:rotate(45deg)}@media (max-width:768px){.intro-line{font-size:20vw;letter-spacing:-.8vw}.intro-final{font-size:16vw;letter-spacing:-.7vw}.intro-tube{height:30vw}.icon-shape{height:20vw;margin:0 -.4vw;width:20vw}.icon-4:before{font-size:18vw}}.ai-loading-animation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.ai-brain-icon{height:120px;margin-bottom:2rem;position:relative;width:120px}.ai-brain{animation:float 3s ease-in-out infinite;height:100%;width:100%}.brain-outline{fill:none;stroke:#667eea;stroke-width:2;filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.brain-wave{fill:none;stroke-width:2;animation:wave 3s ease-in-out infinite;opacity:0}.brain-wave-1{stroke:#f093fb;animation-delay:0s}.brain-wave-2{stroke:#4facfe;animation-delay:.5s}.brain-wave-3{stroke:#43e97b;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wave{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.ai-loading-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.ai-progress-bar{background:#0000001a;border-radius:4px;height:8px;margin-bottom:1.5rem;overflow:hidden;width:300px}.ai-progress-fill{animation:progress 3s ease-in-out;background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);border-radius:4px;height:100%}@keyframes progress{0%{width:0}to{width:100%}}.ai-loading-subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem;max-width:400px;text-align:center}[data-theme=dark] .ai-loading-title{color:#f3f4f6}[data-theme=dark] .ai-loading-subtitle{color:#d1d5db}[data-theme=dark] .ai-progress-bar{background:#ffffff1a}[data-theme=dark] .brain-outline{stroke:#9ca3af}.profile-survey-b{background:#000;font-family:Inter,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative}.canvas-bg{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.survey-b-container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column;height:100vh;position:relative;z-index:1}.progress-b{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;height:6px;margin-bottom:2rem}.progress-b,.progress-glow{position:relative;width:100%}.progress-glow{background:linear-gradient(90deg,#ffffff1a,#4ecdc44d 50%,#ffffff1a);border-radius:3px;height:100%;overflow:hidden}.progress-fill-b{background:linear-gradient(90deg,#ff6b9d,#4ecdc4 30%,#ffe66d 60%,#a8e6cf);border-radius:3px;box-shadow:0 0 20px #4ecdc499;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill-b:after{animation:progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#fff9);content:"";height:100%;position:absolute;right:0;top:0;width:20px}.progress-text{color:#fffc;font-size:.9rem;font-weight:500;position:absolute;right:1rem;top:1rem}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.survey-b-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.survey-b-intro{max-width:600px;text-align:center}.intro-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;padding:3rem}.glitch-text{animation:glitch 2s infinite;color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-text:before{animation:glitch-1 .5s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);color:#ff6b9d}.glitch-text:after{animation:glitch-2 .5s infinite;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);color:#4ecdc4}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}}.subtitle-b{color:#fffc;font-size:1.5rem;font-weight:300;margin-bottom:1.5rem}.instruction{color:#fff9;font-size:1.1rem;margin-bottom:2rem}.btn-futuristic{background:linear-gradient(45deg,#ff6b9d,#4ecdc4);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-futuristic:hover{box-shadow:0 10px 30px #4ecdc466;transform:translateY(-2px)}.btn-futuristic:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-glow{animation:btn-shine 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes btn-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.survey-b-matrix{max-width:800px;text-align:center;width:100%}.survey-b-matrix h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.personality-matrix{background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;height:400px;margin:2rem auto;position:relative;width:600px}.matrix-option,.personality-matrix{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.matrix-option{border:2px solid #0000;border-radius:15px;cursor:pointer;height:120px;padding:1rem;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:150px}.matrix-option:hover{box-shadow:0 10px 30px #0000004d;transform:translate(-50%,-50%) scale(1.05)}.matrix-option.selected{border-color:#fffc;box-shadow:0 0 30px #ffffff4d}.matrix-option h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.matrix-option ul{list-style:none;margin:0;padding:0}.matrix-option li{color:#ffffffe6;font-size:.8rem;margin-bottom:.2rem}.survey-b-results{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.results-content{text-align:center;z-index:1}.hologram-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #4ecdc44d;border-radius:20px;overflow:hidden;padding:3rem;position:relative}.hologram-effect h2{color:#4ecdc4;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 0 20px #4ecdc480}.scanning-animation{height:100px;margin:2rem 0;overflow:hidden;position:relative}.scan-line{animation:scan 2s infinite;background:linear-gradient(90deg,#0000,#4ecdc4,#0000);height:2px;left:0;position:absolute;top:0;width:100%}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100px)}}.progress-ring{animation:rotate 2s linear infinite;border:3px solid #4ecdc44d;border-radius:50%;height:80px;margin:2rem auto;position:relative;width:80px}.progress-fill{animation:loading 1.5s ease-in-out infinite;border:3px solid #0000;border-radius:50%;border-top-color:#4ecdc4;height:80px;left:-3px;position:absolute;top:-3px;width:80px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{border-top-color:#4ecdc4;transform:rotate(0deg)}50%{border-top-color:#ff6b9d;transform:rotate(180deg)}to{border-top-color:#4ecdc4;transform:rotate(1turn)}}.survey-b-default{max-width:600px;text-align:center}.survey-b-default h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.survey-b-default p{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}@media (max-width:768px){.survey-b-content{padding:1rem}.glitch-text{font-size:2rem}.personality-matrix{height:300px;max-width:500px;width:90%}.matrix-option{height:100px;padding:.8rem;width:120px}.intro-content{padding:2rem}}.diagnostic-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1000px;min-height:calc(100vh - 65px);padding:2rem}.diagnostic-container h1{color:#333;margin-bottom:2rem;text-align:center}.test-section{background:#fafafa;border:2px solid #f5f5f5;border-radius:10px;margin-bottom:3rem;padding:1.5rem}.test-section h2{border-bottom:1px solid #f5f5f5;color:#666;margin-top:0;padding-bottom:.5rem}.test-pure{background:#fff;padding:2rem;text-align:center}.test-pure span{color:#333;font-size:4rem;font-weight:700}.test-solid{background:#6b3aa0;border-radius:10px;padding:2rem;text-align:center}.token-number-solid{background:#0003;border-radius:10px;color:#fff;display:inline-block;font-size:4rem;font-weight:700;padding:.5rem 1rem}.test-gradient{background:linear-gradient(135deg,#6b3aa0,#8b5ba8);border-radius:10px;padding:2rem;text-align:center}.token-number-gradient{color:#fff;display:inline-block;font-size:4rem;font-weight:700;text-shadow:2px 2px 4px #00000080}.comparison{align-items:center;display:flex;gap:2rem;justify-content:center}.normal-text{background:#f5f5f5;border-radius:5px;padding:1rem}.normal-text h3{color:#333;font-size:3rem;margin:0}.token-text{background:#6b3aa0;border-radius:5px;padding:1rem}.token-text .token-number{color:#fff;font-size:3rem;font-weight:700}.debug-section{background:#f5e6d3;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.debug-info p{font-family:monospace;font-size:.9rem;margin:.5rem 0}.css-checks{background:#e6d5f5;border-radius:10px;padding:1.5rem;text-align:center}.css-checks button{background:#d4a645;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:1rem 2rem}.css-checks button:hover{background:#c9a23e}.diagnostic-container *,.test-section *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.test-section *{filter:none!important}.benefit-card{border-radius:24px;box-shadow:0 8px 32px #0000001f;break-inside:avoid;cursor:pointer;display:flex;flex-direction:column;margin-bottom:0;overflow:hidden;page-break-inside:avoid;perspective:1000px;position:relative;transform-style:preserve-3d;will-change:transform}.benefit-card--spanned .benefit-card__title{font-size:1.75rem}.benefit-card--spanned .benefit-card__description{font-size:1rem;max-height:none}.benefit-card--spanned .benefit-card__category{font-size:.8rem;padding:8px 18px}.benefit-card__background,.benefit-card__skeleton{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.benefit-card__skeleton{background:#f0f0f0}.benefit-card__image,.benefit-card__skeleton{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:opacity}.benefit-card__image{height:100%;object-fit:cover;object-position:center;width:100%}.benefit-card__overlay{background:linear-gradient(180deg,#0000001a,#0000004d 40%,#000000b3);bottom:0;left:0;position:absolute;right:0;top:0}.benefit-card__content{display:flex;flex-direction:column;height:100%;min-height:100%;position:relative;z-index:2}.benefit-card__category{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding:6px 16px;text-transform:uppercase}.benefit-card__info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-bottom:16px}.benefit-card__title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 8px #0000004d}.benefit-card__description{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:0 0 6px;text-shadow:0 1px 4px #0000004d}.benefit-card__provider{color:#ffffffb3;font-size:.8rem;font-style:italic;margin:0;text-shadow:0 1px 4px #0000004d}.benefit-card__footer{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:center;margin-top:auto;width:100%}.benefit-card__tokens,.token-counter{align-items:center;display:flex;flex:1 1}.token-counter{background:#fff;border:2px solid #a559e4;border-radius:4px;color:#a559e4;font-size:.85rem;font-weight:600;gap:6px;height:36px;justify-content:center;padding:10px 16px;transition:all .3s ease}.token-counter:hover{background:#a559e41a;border-color:#9347d1}.token-icon{color:#a559e4;font-size:.9rem}.token-count{color:#a559e4;font-size:.85rem;font-weight:600}.benefit-card__redeem-btn{align-items:center;background:linear-gradient(90deg,#a559e4,#d355a1);border:none;border-radius:4px;box-shadow:0 4px 16px #a559e44d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;height:36px;justify-content:center;padding:10px 20px;transition:all .3s ease}.benefit-card__redeem-btn:hover{background:linear-gradient(90deg,#9347d1,#c04490);box-shadow:0 6px 24px #a559e466;transform:translateY(-1px)}.benefit-card__redeem-btn:active{transform:translateY(0)}.btn-arrow{font-size:.8rem;transition:transform .2s ease}.benefit-card__redeem-btn:hover .btn-arrow{transform:translateX(2px)}@media (max-width:768px){.benefit-card{min-height:260px!important}.benefit-card--spanned{grid-column:span 1}.benefit-card__content{padding:16px!important}.benefit-card__title{font-size:1.3rem}.benefit-card__description{font-size:.85rem}.benefit-card__footer{flex-direction:row;gap:4px}.token-counter{flex-direction:row;font-size:.8rem;height:32px;padding:8px 12px;width:100%}.benefit-card__redeem-btn{font-size:.8rem;height:32px;padding:8px 16px;width:100%}.token-count,.token-icon{font-size:.8rem}}.masonry-enhanced{margin:0;padding:0 8px;position:relative;width:100%}.masonry-grid-enhanced{align-items:flex-start;display:flex;gap:16px}.masonry-column-enhanced{display:flex;flex:1 1;flex-direction:column;gap:16px}.masonry-item{opacity:0;transform:translateY(40px) scale(.9);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1);transition:opacity var(--duration,.6s) var(--ease,cubic-bezier(.23,1,.32,1)),transform var(--duration,.6s) var(--ease,cubic-bezier(.23,1,.32,1));transition-delay:0s;transition-delay:var(--animation-delay,0s)}.masonry-item--spanned{position:relative}.masonry-item--spanned .benefit-card{height:100%;min-height:100%}.masonry-item{display:block}.masonry-item .benefit-card{min-height:280px;width:100%}.masonry-item--animated{opacity:1;transform:translateY(0) scale(1)}.masonry-item--from-bottom{transform:translateY(60px) scale(.8)}.masonry-item--from-bottom.masonry-item--animated{transform:translateY(0) scale(1)}.masonry-item--hoverable{cursor:pointer}.masonry-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.masonry-loading .loading-spinner{height:48px;position:relative;width:48px}.masonry-loading .spinner-ring{animation:spin 1s linear infinite;border:4px solid #a559e433;border-radius:50%;border-top-color:#a559e4;height:100%;width:100%}.masonry-loading p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.masonry-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.masonry-empty .empty-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.masonry-empty h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 12px}.masonry-empty p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:400px}@media (max-width:1440px){.masonry-grid-enhanced{gap:14px}}@media (max-width:1024px){.masonry-enhanced{padding:0 6px}.masonry-grid-enhanced{gap:12px}.masonry-item--hoverable:hover{transform:translateY(-4px) scale(.98)}}@media (max-width:768px){.masonry-enhanced{padding:0 4px}.masonry-grid-enhanced{flex-direction:column;gap:10px}.masonry-column-enhanced{gap:10px}.masonry-item{transform:translateY(20px) scale(.95)}.masonry-item--from-bottom{transform:translateY(30px) scale(.9)}.masonry-enhanced:hover .masonry-item--blur-focus:not(:hover){filter:none;opacity:1}}.masonry-enhanced{transform:translateZ(0)}.masonry-enhanced,.masonry-item{-webkit-backface-visibility:hidden;backface-visibility:hidden}.masonry-item{transform-origin:center center}.masonry-column-enhanced,.masonry-grid-enhanced{transition:gap .3s ease}.masonry-enhanced::-webkit-scrollbar{width:6px}.masonry-enhanced::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.masonry-enhanced::-webkit-scrollbar-thumb{background:#a559e44d;border-radius:3px}.masonry-enhanced::-webkit-scrollbar-thumb:hover{background:#a559e480}.benefit-modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.benefit-modal{animation:modalSlideIn .4s cubic-bezier(.23,1,.32,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:600px;min-height:500px;overflow:hidden;position:relative;width:100%}.benefit-modal__header{flex-shrink:0;height:180px;overflow:hidden;position:relative}.benefit-modal__image-container{height:100%;position:relative;width:100%}.benefit-modal__image{height:100%;object-fit:cover;object-position:center;width:100%}.benefit-modal__overlay{background:linear-gradient(180deg,#0000001a,#0006);bottom:0;left:0;position:absolute;right:0;top:0}.benefit-modal__close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.benefit-modal__close:hover{background:#fff;transform:scale(1.1)}.benefit-modal__category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a559e4e6;border:1px solid #ffffff4d;border-radius:20px;bottom:16px;color:#fff;font-size:.85rem;font-weight:600;left:24px;letter-spacing:.5px;padding:8px 18px;position:absolute;text-transform:uppercase}.benefit-modal__content{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px}.benefit-modal__info{margin-bottom:16px}.benefit-modal__title{color:#1a1a1a;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 12px}.benefit-modal__description{color:#666;font-size:1rem;line-height:1.6;margin:0 0 20px}.benefit-modal__provider{align-items:center;background:#a559e40d;border-left:4px solid #a559e4;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.provider-label{color:#666;font-size:.9rem;font-weight:500}.provider-name{color:#a559e4;font-size:.9rem;font-weight:600}.product-info{margin-bottom:16px}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:12px}.info-label{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#212529;font-size:.9rem;font-weight:600}.features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:#a559e41a;border:1px solid #a559e433;border-radius:20px;color:#a559e4;font-size:.75rem;font-weight:600;padding:6px 12px}.how-it-works{background:#f8f9fa;border-radius:16px;margin-bottom:24px;padding:24px}.how-it-works h3{color:#212529;font-size:1.1rem;font-weight:700;margin:0 0 20px}.steps{flex-direction:column}.step,.steps{display:flex;gap:16px}.step{align-items:flex-start}.step-number{align-items:center;background:linear-gradient(135deg,#a559e4,#d355a1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-title{color:#212529;font-size:.9rem;font-weight:600;margin-bottom:4px}.step-desc{color:#6c757d;font-size:.8rem;line-height:1.4}.checkout-footer{background:#fff;border-top:1px solid #e9ecef;display:flex;flex-direction:column;flex-shrink:0;padding:0}.price-summary{background:#f8f9fa;border-bottom:1px solid #e9ecef;flex:1 1;min-height:0;padding:6px 16px}.price-details{margin:0 auto;max-width:400px}.price-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:4px 0}.price-row:last-child{border-bottom:none}.price-row.total{border-top:2px solid #dee2e6;margin-top:3px;padding-top:6px}.price-label{color:#6c757d;font-size:.9rem;font-weight:500}.price-row.total .price-label{color:#212529;font-size:1rem;font-weight:700}.price-value,.token-price{align-items:center;display:flex}.token-price{background:#fff;border:2px solid #a559e4;border-radius:6px;font-size:.8rem;font-weight:600;gap:4px;padding:4px 8px}.total-price{background:#212529;border-color:#212529;color:#fff}.token-amount{color:#a559e4;font-size:.8rem;font-weight:600}.total-price .token-amount{color:#fff}.token-unit{color:#a559e4;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.total-price .token-unit{color:#fff}.balance-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:2px 0}.balance-label{color:#6c757d;font-weight:500}.balance-amount{font-weight:600}.balance-amount.sufficient{color:#28a745}.balance-amount.insufficient{color:#dc3545}.checkout-actions{display:flex;flex-shrink:0;gap:4px;justify-content:center;padding:8px 16px}.btn-secondary{background:#fff;border:2px solid #dee2e6;border-radius:4px;color:#6c757d;flex:1 1;font-size:.85rem;font-weight:600;max-width:140px;padding:8px 16px;transition:all .3s ease}.btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.btn-primary{background:linear-gradient(135deg,#a559e4,#d355a1);border-radius:4px;box-shadow:0 2px 8px #a559e44d;flex:2 1;font-size:.85rem;font-weight:700;max-width:180px;padding:8px 16px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#9347d1,#c04490);box-shadow:0 6px 24px #a559e466;transform:translateY(-1px)}.btn-primary.btn-disabled{color:#6c757d;cursor:not-allowed}.btn-primary.btn-disabled,.btn-primary.btn-disabled:hover{background:#e9ecef;box-shadow:none;transform:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.benefit-modal-backdrop{padding:10px}.benefit-modal{border-radius:20px;max-height:95vh}.benefit-modal__header{height:160px}.benefit-modal__content{padding:20px}.benefit-modal__footer{flex-direction:column;gap:16px;padding:20px}.checkout-actions{flex-direction:column;gap:4px;padding:16px}.btn-primary,.btn-secondary{max-width:none;width:100%}.benefit-modal__title{font-size:1.5rem}.info-grid{gap:8px;grid-template-columns:1fr}.info-card{padding:12px}.features{align-items:flex-start;flex-direction:column}.feature-tag{text-align:center;width:100%}.steps{gap:12px}.step{flex-direction:column;gap:8px;text-align:center}.step-number{align-self:center}.price-details{max-width:none}}.notification-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification{align-items:flex-start;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #e9ecef;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;gap:12px;max-width:400px;min-width:320px;padding:16px;pointer-events:auto;transition:all .3s ease}.notification:hover{box-shadow:0 12px 40px #00000026;transform:translateX(-4px)}.notification--success{border-left-color:#28a745}.notification--error{border-left-color:#dc3545}.notification--warning{border-left-color:#ffc107}.notification--info{border-left-color:#17a2b8}.notification__content{flex:1 1;min-width:0}.notification__title{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.notification__message{word-wrap:break-word;color:#5a6c7d;font-size:13px;line-height:1.4;margin:0}.notification__close{align-items:center;background:none;border:none;border-radius:4px;color:#adb5bd;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.notification__close:hover{background:#f8f9fa;color:#6c757d}.notification__close:active{transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.notification-container{left:16px;right:16px;top:16px}.notification{margin:0;max-width:none;min-width:auto}}.notification--success:before{background:#28a745;content:"✓"}.notification--error:before,.notification--success:before{border-radius:50%;color:#fff;display:inline-block;flex-shrink:0;font-size:12px;font-weight:700;height:20px;line-height:20px;margin-right:8px;text-align:center;width:20px}.notification--error:before{background:#dc3545;content:"!"}.notification--warning:before{background:#ffc107;color:#212529;content:"⚠"}.notification--info:before,.notification--warning:before{border-radius:50%;display:inline-block;flex-shrink:0;font-size:12px;font-weight:700;height:20px;line-height:20px;margin-right:8px;text-align:center;width:20px}.notification--info:before{background:#17a2b8;color:#fff;content:"i"}.cascade-container{min-height:100vh;padding:12px;width:100%}.cascade-content{height:100%;width:100%}.cascade-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.cascade-loading .loading-spinner{height:48px;position:relative;width:48px}.cascade-loading .spinner-ring{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:100%;width:100%}.cascade-loading p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.empty-state{padding:80px 32px;text-align:center}.empty-state .empty-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.empty-state h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:16px}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:400px}.cascade-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.cascade-error .error-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.cascade-error h3{color:#d32f2f;font-size:1.5rem;font-weight:600;margin:0 0 12px}.cascade-error p{color:#666;font-size:1rem;margin:0 0 24px;max-width:400px}.retry-button{background:linear-gradient(90deg,#a559e4,#d355a1);border:none;border-radius:16px;box-shadow:0 4px 16px #a559e44d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:linear-gradient(90deg,#9347d1,#c04490);box-shadow:0 6px 24px #a559e466;transform:translateY(-1px)}@media (max-width:1024px){.cascade-container{padding:8px}}@media (max-width:768px){.cascade-container{padding:4px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-action,.cascade-btn-action{align-items:center;background:linear-gradient(90deg,#a559e4,#d355a1);border:none;border-radius:24px;box-shadow:0 4px 16px #a559e44d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-action:hover,.cascade-btn-action:hover{background:linear-gradient(90deg,#9347d1,#c04490);box-shadow:0 6px 24px #a559e466;color:#fff;transform:translateY(-1px)}.btn-action:active,.cascade-btn-action:active{transform:translateY(0)}.btn-action:disabled,.cascade-btn-action:disabled{box-shadow:0 2px 8px #a559e433;cursor:not-allowed;opacity:.6;transform:none}.btn-info,.cascade-btn-info{align-items:center;background:#fff;border:2px solid #a559e4;border-radius:24px;box-shadow:0 2px 8px #a559e41a;color:#a559e4;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-info:hover,.cascade-btn-info:hover{background:#a559e40d;border-color:#9347d1;box-shadow:0 4px 16px #a559e433;color:#9347d1;transform:translateY(-1px)}.btn-info:active,.cascade-btn-info:active{transform:translateY(0)}.btn-info:disabled,.cascade-btn-info:disabled{box-shadow:0 1px 4px #a559e41a;cursor:not-allowed;opacity:.6;transform:none}.btn-small,.cascade-btn-small{border-radius:20px;font-size:.8rem;padding:8px 16px}.btn-large,.cascade-btn-large{border-radius:28px;font-size:1rem;padding:16px 28px}.btn-icon,.cascade-btn-icon{border-radius:50%;min-height:44px;min-width:44px;padding:12px}.benefit-card__redeem-btn .btn-arrow,.btn-action .btn-arrow,.cascade-btn-action .btn-arrow{font-size:.8rem;transition:transform .2s ease}.benefit-card__redeem-btn:hover .btn-arrow,.btn-action:hover .btn-arrow,.cascade-btn-action:hover .btn-arrow{transform:translateX(2px)}.provider-portal{background-color:#f5f7fa;min-height:100vh;position:relative}.provider-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;padding:20px 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:20px}.header-logo{filter:brightness(0) invert(1);height:45px;width:auto}.header-text h1{font-size:2rem;font-weight:600;margin:0}.header-text p{margin:5px 0 0;opacity:.9}.logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s}.logout-button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.provider-main{margin:0 auto;max-width:1200px;padding:30px 20px}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{border:1px solid #667eea1a;box-shadow:0 6px 20px #667eea33;transform:translateY(-2px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:10px}.stat-label{color:#7f8c8d;font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.verification-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:40px}.verification-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:30px;text-align:center}.verification-form{margin:0 auto;max-width:600px}.input-group{display:flex;gap:10px;margin-bottom:20px}.token-input{border:2px solid #e1e8ed;border-radius:8px;flex:1 1;font-size:1.2rem;letter-spacing:2px;padding:15px 20px;text-align:center;text-transform:uppercase;transition:border-color .2s}.token-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.verify-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s}.verify-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.verify-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.alert{align-items:center;border-radius:8px;display:flex;gap:15px;margin-top:20px;padding:20px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-icon{font-size:2rem;font-weight:700}.alert strong{display:block;margin-bottom:5px}.alert p{margin:0}.history-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.history-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:30px}.empty-message,.loading-message{color:#7f8c8d;font-size:1.1rem;padding:40px;text-align:center}.tokens-table{overflow-x:auto}.tokens-table table{border-collapse:collapse;width:100%}.tokens-table th{background-color:#f8f9fa;border-bottom:2px solid #e1e8ed;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.tokens-table td{border-bottom:1px solid #f0f0f0;padding:15px}.tokens-table tr:hover{background-color:#f8f9fa}.token-code{color:#2c3e50;font-family:monospace;font-weight:600}.badge{border-radius:4px;font-size:.8rem;font-weight:600;margin-left:8px;padding:4px 8px}.badge-jobby{background-color:#e3f2fd;color:#1976d2}.badge-company{background-color:#f3e5f5;color:#7b1fa2}@media (max-width:768px){.header-content{flex-direction:column;gap:20px;text-align:center}.stats-section{grid-template-columns:1fr}.input-group{flex-direction:column}.verify-btn{width:100%}.tokens-table{font-size:.9rem}.tokens-table td,.tokens-table th{padding:10px}.header-left{flex-direction:column}}.welcome-animation{align-items:center;animation:fadeOut .5s ease-out 1.5s forwards;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.welcome-content{animation:scaleIn .6s ease-out;text-align:center}.welcome-logo{animation:pulse 1s ease-in-out infinite;filter:brightness(0) invert(1);margin-bottom:30px;width:120px}.welcome-text{animation:fadeInUp .6s ease-out .3s forwards;color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:30px;opacity:0}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:10px;width:10px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.success-animation{align-items:center;animation:fadeIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.success-content{animation:successBounce .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:60px;text-align:center}.success-checkmark{height:100px;margin:0 auto 30px;width:100px}.success-checkmark svg{height:100%;width:100%}.success-checkmark circle{stroke:#4caf50;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:checkmarkCircle .6s ease-out forwards}.success-checkmark path{stroke:#4caf50;stroke-width:3;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmarkPath .3s ease-out .3s forwards}.success-content h2{animation:fadeInUp .5s ease-out .4s forwards;color:#4caf50;font-size:2.5rem;margin-bottom:15px;opacity:0}.success-content p{animation:fadeInUp .5s ease-out .5s forwards;color:#666;font-size:1.2rem;opacity:0}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkCircle{to{stroke-dashoffset:0}}@keyframes checkmarkPath{to{stroke-dashoffset:0}}:root{--primary-color:#2c5282;--secondary-color:#4a5568;--accent-color:#f6ad55;--light-color:#f7fafc;--dark-color:#2d3748;--success-color:#48bb78;--error-color:#e53e3e;--warning-color:#ecc94b;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f7fafc;background-color:var(--gray-100);color:#2d3748;color:var(--gray-800);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:100%;line-height:1.6}body{overflow-x:hidden}a{color:#2c5282;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#2c5282;background-color:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.logo h1{font-size:1.5rem;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.user-info button{background-color:initial;border:1px solid #fff;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;padding:.25rem .75rem;transition:background-color .2s}.user-info button:hover{background-color:#ffffff1a}.main-content{display:flex;flex:1 1}.sidebar{background-color:#edf2f7;background-color:var(--gray-200);box-shadow:inset -1px 0 0 #0000001a;padding:1.5rem 1rem;width:250px}.sidebar ul{list-style:none}.sidebar li{margin-bottom:.5rem}.sidebar a{border-radius:8px;border-radius:var(--border-radius);color:#4a5568;color:var(--gray-700);display:block;padding:.5rem .75rem;transition:background-color .2s}.sidebar a:hover{background-color:#e2e8f0;background-color:var(--gray-300);text-decoration:none}.content{flex:1 1;padding:2rem}.footer{background-color:#2d3748;background-color:var(--gray-800);color:#cbd5e0;color:var(--gray-400);font-size:.875rem;padding:1rem;text-align:center}.auth-container{align-items:center;background-color:#f7fafc;background-color:var(--gray-100);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:500px;padding:2rem;width:100%}.auth-card h2{color:#2c5282;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.auth-links{font-size:.875rem;margin-top:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}label{color:#4a5568;color:var(--gray-700);display:block;font-weight:500;margin-bottom:.5rem}input,select,textarea{border:1px solid #e2e8f0;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.5rem .75rem;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#2c5282;border-color:var(--primary-color);box-shadow:0 0 0 3px #2c528233;outline:none}small{color:#718096;color:var(--gray-600);display:block;font-size:.75rem;margin-top:.25rem}.email-input-group{align-items:center;display:flex;width:100%}.email-input-group input{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex:1 1}.email-domain{background-color:#edf2f7;background-color:var(--gray-200);border:1px solid #e2e8f0;border:1px solid var(--gray-300);border-bottom-right-radius:8px;border-bottom-right-radius:var(--border-radius);border-left:none;border-top-right-radius:8px;border-top-right-radius:var(--border-radius);color:#4a5568;color:var(--gray-700);font-size:1rem;padding:.5rem .75rem;white-space:nowrap}.company-info .card-body{padding:1rem}.company-details{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-item{display:flex;flex-direction:column}.detail-label{color:#718096;color:var(--gray-600);font-size:.875rem}.detail-value{color:#1a202c;color:var(--gray-900);font-weight:500}.btn-primary{background-color:#2c5282;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s;width:100%}.btn-primary:hover{background-color:#1e4068}.btn-primary:disabled{background-color:#cbd5e0;background-color:var(--gray-400);cursor:not-allowed}.btn-secondary{background-color:#e2e8f0;background-color:var(--gray-300);border:none;border-radius:8px;border-radius:var(--border-radius);color:#2d3748;color:var(--gray-800);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.btn-secondary:hover{background-color:#cbd5e0;background-color:var(--gray-400)}.error-alert{background-color:#fed7d7;color:#e53e3e;color:var(--error-color)}.error-alert,.success-alert{border-radius:8px;border-radius:var(--border-radius);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.success-alert{background-color:#c6f6d5;color:#48bb78;color:var(--success-color)}.table-container{overflow-x:auto}table{border-collapse:collapse;margin-top:1rem;width:100%}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-300);padding:.75rem;text-align:left}th{background-color:#edf2f7;background-color:var(--gray-200);font-weight:600}tr:hover{background-color:#f7fafc;background-color:var(--gray-100)}.card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-title{color:#2d3748;color:var(--gray-800);font-weight:600;margin:0}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.stats-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.stats-card-title{color:#718096;color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.stats-card-value{color:#1a202c;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stats-card-description{color:#718096;color:var(--gray-600);font-size:.875rem}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-success{background-color:#c6f6d5;color:#22543d}.badge-warning{background-color:#feebc8;color:#744210}.badge-error{background-color:#fed7d7;color:#822727}.badge-info{background-color:#bee3f8;color:#2a4365}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-container{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:#1a202c;color:var(--gray-900);margin:0}.close-button{background:none;border:none;color:#a0aec0;color:var(--gray-500);cursor:pointer;font-size:1.5rem}.close-button:hover{color:#1a202c;color:var(--gray-900)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.form-actions button{width:auto}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:#1a202c;color:var(--gray-900);margin:0}.page-header .btn-primary{width:auto}.action-buttons{gap:.5rem}.action-buttons.small{flex-direction:column;gap:.25rem}.btn-action{background-color:#edf2f7;background-color:var(--gray-200);border:none;border-radius:8px;border-radius:var(--border-radius);color:#4a5568;color:var(--gray-700);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s,color .2s}.btn-action:hover{background-color:#e2e8f0;background-color:var(--gray-300)}.btn-action.edit{background-color:#ebf8ff;color:#2b6cb0}.btn-action.edit:hover{background-color:#bee3f8}.btn-action.deactivate{background-color:#fff5f5;color:#c53030}.btn-action.deactivate:hover{background-color:#fed7d7}.btn-action.activate{background-color:#f0fff4;color:#2f855a}.btn-action.activate:hover{background-color:#c6f6d5}.btn-action.create-admin{background-color:#fffaf0;color:#c05621}.btn-action.create-admin:hover{background-color:#feebc8}.token-info-container{align-items:center;background-color:#f7fafc;background-color:var(--gray-100);border-radius:8px;border-radius:var(--border-radius);display:flex;font-size:.75rem;gap:.5rem;padding:.25rem .5rem}.token-info-label{color:#4a5568;color:var(--gray-700);font-weight:500}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{margin:0}.checkbox-group input[type=checkbox]{margin-right:.5rem;width:auto}.highlight-badge{color:#d69e2e;margin-left:.25rem}.tokens-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.token-card{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);padding:1rem}.token-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.token-date{color:#718096;color:var(--gray-600);font-size:.75rem}.token-code{background-color:#f7fafc;background-color:var(--gray-100);border-radius:8px;border-radius:var(--border-radius);color:#1a202c;color:var(--gray-900);font-size:1.5rem;font-weight:700;letter-spacing:.1em;margin:.5rem 0;padding:.5rem;text-align:center}.token-info{color:#4a5568;color:var(--gray-700);font-size:.875rem}.token-input-container{display:flex;gap:.5rem}.token-input-container input{flex:1 1}.token-input-container button{width:auto}.welcome-message{color:#718096;color:var(--gray-600);font-size:1.125rem;margin-bottom:2rem}.dashboard-actions{margin-top:2rem}.dashboard-actions h2{color:#2d3748;color:var(--gray-800);font-size:1.25rem;margin-bottom:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.action-button{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2d3748;color:var(--gray-800);display:inline-block;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.action-button:hover{background-color:#f7fafc;background-color:var(--gray-100);border-color:#cbd5e0;border-color:var(--gray-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);text-decoration:none}.verification-result{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.verification-icon{font-size:1.5rem;font-weight:700}.verification-steps{padding:0 1rem}.verification-steps li{margin-bottom:.5rem}.token-notes{background-color:#f7fafc;background-color:var(--gray-100);border-radius:8px;border-radius:var(--border-radius);font-size:.875rem;margin-top:1.5rem;padding:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.5rem}.mt-6{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.5rem}.mb-6{margin-bottom:2rem}@media (max-width:768px){.main-content{flex-direction:column}.sidebar{width:100%}.dashboard-grid,.tokens-grid{grid-template-columns:1fr}}[data-theme=dark]{--primary-color:#4f46e5;--secondary-color:#6b7280;--accent-color:#f59e0b;--light-color:#1f2937;--dark-color:#f3f4f6;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--gray-100:#111827;--gray-200:#1f2937;--gray-300:#374151;--gray-400:#4b5563;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f3f4f6}[data-theme=dark] body{background-color:#f7fafc;background-color:var(--gray-100)}[data-theme=dark] body,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#1a202c;color:var(--gray-900)}[data-theme=dark] div,[data-theme=dark] p,[data-theme=dark] span{color:#2d3748;color:var(--gray-800)}[data-theme=dark] a{color:#f6ad55;color:var(--accent-color)}[data-theme=dark] .card,[data-theme=dark] .container{background-color:#edf2f7;background-color:var(--gray-200);color:#1a202c;color:var(--gray-900)}[data-theme=dark] .card{border-color:#e2e8f0;border-color:var(--gray-300)}[data-theme=dark] .form-group label{color:#4a5568;color:var(--gray-700)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#e2e8f0;background-color:var(--gray-300);border-color:#cbd5e0;border-color:var(--gray-400);color:#1a202c;color:var(--gray-900)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#718096;color:var(--gray-600)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#2c5282;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}[data-theme=dark] small{color:#718096;color:var(--gray-600)}[data-theme=dark] .email-domain{background-color:#e2e8f0;background-color:var(--gray-300);border-color:#cbd5e0;border-color:var(--gray-400);color:#4a5568;color:var(--gray-700)}[data-theme=dark] table{background-color:#edf2f7;background-color:var(--gray-200);color:#1a202c;color:var(--gray-900)}[data-theme=dark] table th{background-color:#e2e8f0;background-color:var(--gray-300);border-color:#cbd5e0;border-color:var(--gray-400);color:#1a202c;color:var(--gray-900)}[data-theme=dark] table td{border-color:#e2e8f0;border-color:var(--gray-300);color:#2d3748;color:var(--gray-800)}[data-theme=dark] table tr:hover{background-color:#e2e8f0;background-color:var(--gray-300)}[data-theme=dark] .alert{color:#1a202c;color:var(--gray-900)}[data-theme=dark] .alert-error{background-color:#ef44441a;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .loading-spinner{border-color:#e2e8f0;border-color:var(--gray-300);border-top-color:#2c5282;border-top-color:var(--primary-color)}
/*# sourceMappingURL=main.c6284711.css.map*/