@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Round);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:100%;padding-top:80px;width:100%}.modal{animation:modalFadeIn .3s ease;background-color:var(--card-dark);border-radius:8px;box-shadow:0 4px 20px #0003}.modal,.modal-large{max-height:calc(100vh - 100px)}.modal-large{max-width:800px}.light-mode .modal{background-color:var(--card-light)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-dark);padding:1.25rem 1.5rem}.modal-controls{gap:1rem}.modal-controls,.modal-tabs{align-items:center;display:flex}.modal-tabs{background-color:#ffffff0d;border-radius:6px;padding:2px}.light-mode .modal-tabs{background-color:#0000000d}.modal-tab{background:none;border:none;border-radius:5px;color:var(--text-dark);cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .75rem;transition:all .2s ease}.light-mode .modal-tab{color:var(--text-light)}.modal-tab.active{background-color:#8c43ff;color:#fff}.modal-header h2{font-size:1.25rem}.close-btn{color:var(--text-dark);padding:.5rem;position:relative;transition:background-color .2s ease}.close-btn .material-icons{font-size:24px}.light-mode .close-btn{color:var(--text-light)}.close-btn:hover{background-color:#ffffff1a}.light-mode .close-btn:hover{background-color:#0000001a}.modal-footer{gap:.75rem;margin-top:1.5rem}.success-message{flex-direction:column;justify-content:center;padding:2rem 0;text-align:center}.success-icon{color:var(--success);font-size:3rem;margin-bottom:1rem}.success-message p{font-size:1.25rem;font-weight:500}.feedback-container{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.feedback-card{padding:1rem}.feedback-header{margin-bottom:.75rem}.feedback-username{font-weight:500}.feedback-date{font-size:.75rem}.feedback-type-team{color:#10b981}.btn-feedback{font-size:.7rem;padding:.35rem .5rem}.btn-approve{color:#10b981}.btn-delete{color:#ef4444}.status-badge{font-size:.7rem;justify-content:center;padding:.25rem .5rem}.status-inactive{color:#ef4444}.no-feedback-message{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 0;text-align:center}.no-feedback-message .material-icons{color:var(--text-secondary);font-size:4rem;margin-bottom:1rem;opacity:.5}.reply-form{padding:1rem}.loading-message{color:var(--text-secondary);justify-content:center;padding:3rem 0;text-align:center}.loading-message .material-icons{color:var(--text-secondary);font-size:3rem;margin-bottom:1rem}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.modal-overlay{padding-top:70px}.modal{max-height:calc(100vh - 90px);width:95%}.modal-large{max-width:95%}}.translation-btn,.translation-button-container{position:relative}.translation-dropdown{animation:slideDown .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 12px 40px #00000026;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);z-index:110}.light-mode .translation-dropdown{background:var(--bg-primary-light);border:1px solid #0000000f;box-shadow:0 12px 40px #00000014}.translation-dropdown-header{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;gap:.75rem;padding:1rem 1.25rem}.translation-dropdown-header .material-icons{color:var(--primary-200);font-size:20px}.translation-dropdown-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.translation-languages-list{max-height:320px;overflow-y:auto;padding:.5rem 0}.translation-language-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.translation-language-item:hover{background:#ffffff14;color:var(--primary-200)}.light-mode .translation-language-item:hover{background:#0000000f}.translation-language-item.active{background:#892cdc1a;color:var(--primary-200);font-weight:500}.language-flag{font-size:1.25rem;line-height:1;min-width:24px;text-align:center}.language-name{flex:1 1}.check-icon{color:var(--primary-200);font-size:18px;margin-left:auto}.translation-dropdown-footer{border-top:1px solid var(--border-muted);padding:.75rem}.translation-show-all-btn{align-items:center;background:#892cdc1a;border:1px solid #892cdc33;border-radius:8px;color:var(--primary-200);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.translation-show-all-btn:hover{background:#892cdc26;border-color:#892cdc4d;transform:translateY(-1px)}.translation-show-all-btn .material-icons{font-size:18px}.translation-languages-list::-webkit-scrollbar{width:6px}.translation-languages-list::-webkit-scrollbar-track{background:#0000}.translation-languages-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.translation-languages-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.light-mode .translation-languages-list::-webkit-scrollbar-thumb{background:#0003}.light-mode .translation-languages-list::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:768px){.translation-dropdown{animation:slideUp .3s ease-out;border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;max-width:100%;position:fixed;right:0;top:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.translation-languages-list{max-height:calc(70vh - 140px)}}.toolbar{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#0000;border-bottom:1px solid #0000;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:var(--z-fixed)}@media (max-width:768px){.toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#222831fa;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0000001a}.logo-text{color:var(--text-primary);font-size:1.1rem!important;font-weight:700;text-shadow:0 1px 2px #0000004d}.logo-combined{height:28px!important;width:auto}.mobile-menu-btn{background:#ffffff1a;border-radius:8px;padding:.5rem}.mobile-menu-btn:hover{background:#ffffff26}.light-mode .toolbar{background:#fffffffa;border-bottom:1px solid #00000014;box-shadow:0 2px 12px #00000014}.light-mode .logo-text{text-shadow:none}.light-mode .mobile-menu-btn{background:#0000000d}.light-mode .mobile-menu-btn:hover{background:#0000001a}}.toolbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#222831f2;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0000001a}.light-mode .toolbar.scrolled{background:#fffffff2;border-bottom:1px solid #0000000f;box-shadow:0 4px 20px #0000000d}.toolbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 2rem}.toolbar-left{align-items:center;display:flex;gap:2.5rem}.logo a,.toolbar-actions{align-items:center;display:flex;gap:.5rem}.logo a{text-decoration:none;transition:all .2s ease}.logo-icon{font-size:1.5rem}.logo-icon,.logo-icon-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-icon-image{height:32px;object-fit:contain;width:32px}.logo-text{background:linear-gradient(135deg,#8b2cdc,#a855f7);background-clip:text}.logo-combined{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:32px;transition:all .2s ease;width:auto}.logo:hover{transform:translateY(-1px)}.desktop-nav{align-items:center;display:flex;gap:1.5rem}.nav-item{border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.light-mode .nav-item:hover{background:#0000000a}.nav-item.active{background:#892cdc1a;color:var(--primary-200)}.nav-text{display:block}.desktop-actions{align-items:center;display:flex;gap:.5rem}.dropdown-container{position:relative}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toolbar-btn .material-icons{font-size:18px}.toolbar-btn:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-1px)}.light-mode .toolbar-btn:hover{background:#0000000f}.toolbar-link{align-items:center;background:#0000;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.toolbar-link:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-1px)}.light-mode .toolbar-link:hover{background:#0000000f}.toolbar-link .material-icons{font-size:16px}.toolbar-link{padding:.5rem .875rem}@media (max-width:1024px){.toolbar-link{height:32px;padding:.5rem;width:32px}}.toolbar-link .link-text{white-space:nowrap}@media (max-width:1024px){.toolbar-link .link-text{display:none}.toolbar-link{height:32px;justify-content:center;padding:.5rem;width:32px}}.user-profile{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease}.user-profile:hover{background:#ffffff14;transform:translateY(-1px)}.light-mode .user-profile:hover{background:#0000000f}.user-avatar{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));box-shadow:0 2px 8px #892cdc4d;overflow:hidden}.user-avatar .material-icons{font-size:18px}.avatar-img{height:100%;object-fit:cover;width:100%}.user-name{font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.admin-badge,.login-btn{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:#fff}.login-btn{align-items:center;border-radius:10px;box-shadow:0 2px 8px #892cdc4d;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;text-decoration:none;transition:all .2s ease}.login-btn:hover{box-shadow:0 4px 16px #892cdc66;transform:translateY(-2px)}.dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 12px 40px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);z-index:110}.light-mode .dropdown-menu{background:var(--bg-primary-light);border:1px solid #0000000f;box-shadow:0 12px 40px #00000014}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.875rem 1.25rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#ffffff14;color:var(--primary-200)}.light-mode .dropdown-item:hover{background:#0000000f}.dropdown-item .material-icons{color:var(--text-secondary);font-size:18px}.dropdown-item:hover .material-icons{color:var(--primary-200)}.logout-item,.logout-item .material-icons{color:#ef4444!important}.dropdown-divider{background:#ffffff1a;height:1px;margin:.5rem 0}.light-mode .dropdown-divider{background:#00000014}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:none;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mobile-menu-btn .material-icons{font-size:18px}.mobile-menu-btn:hover{background:#ffffff14;color:var(--text-primary)}.light-mode .mobile-menu-btn:hover{background:#0000000f}.mobile-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border-bottom:1px solid #ffffff14;left:0;position:absolute;right:0;top:100%;z-index:var(--z-sticky)}@media (max-width:768px){.mobile-menu{background:#222831fa;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0003}}.light-mode .mobile-menu{background:var(--bg-primary-light);border-bottom:1px solid #0000000f}.mobile-menu-content{margin:0 auto;max-width:1400px;padding:1rem 2rem 2rem}.mobile-nav-section{margin-bottom:1.5rem}.chat-btn,.notification-btn{position:relative}.notification-badge{align-items:center;background:#ef4444;border:2px solid var(--bg-secondary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:16px;justify-content:center;min-width:16px;position:absolute;right:-2px;top:-2px;width:16px}.notifications-menu{max-height:480px;overflow:hidden;width:380px}.notifications-menu .menu-header{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;justify-content:space-between;padding:1rem 1.25rem}.notifications-menu .menu-header h3{color:var(--text-primary);font-size:1.125rem;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:var(--primary-200);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:all .2s ease}.mark-all-read-btn:hover{background:#892cdc1a}.notifications-list{max-height:360px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-muted);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff0d}.light-mode .notification-item:hover{background:#00000008}.notification-item.unread{background:#892cdc0d;border-left:3px solid var(--primary-200)}.notification-icon{align-items:center;background:#892cdc1a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon .material-icons{color:var(--primary-200);font-size:18px}.notification-content h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.notification-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.notification-time{color:var(--text-muted);font-size:.75rem}.empty-notifications{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:2rem}.empty-notifications .material-icons{font-size:3rem;margin-bottom:1rem;opacity:.5}.chats-menu{max-height:480px;overflow:hidden;width:360px}.chats-menu .menu-header{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;justify-content:space-between;padding:1rem 1.25rem}.chats-menu .menu-header h3{color:var(--text-primary);font-size:1.125rem;margin:0}.new-chat-btn{align-items:center;background:var(--primary-200);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.new-chat-btn:hover{background:var(--primary-100);transform:scale(1.05)}.new-chat-btn .material-icons{font-size:16px}.chats-list{max-height:360px;overflow-y:auto}.chat-item{border-bottom:1px solid var(--border-muted);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.chat-item:last-child{border-bottom:none}.chat-item:hover{background:#ffffff0d}.light-mode .chat-item:hover{background:#00000008}.chat-avatar{align-items:center;background:var(--bg-muted);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-avatar .material-icons{color:var(--text-secondary);font-size:20px}.online-indicator{background:#22c55e;border:2px solid var(--bg-secondary);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-content{flex:1 1;min-width:0}.chat-header{margin-bottom:.25rem}.chat-header h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.last-message{color:var(--text-secondary);font-size:.875rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-count{align-self:center;background:var(--primary-200);border-radius:10px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;min-width:20px;padding:.25rem .5rem;text-align:center}.empty-chats{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:2rem}.empty-chats .material-icons{font-size:3rem;margin-bottom:1rem;opacity:.5}.team-chat-access{border-bottom:1px solid #ffffff1a;padding:1rem}.light-mode .team-chat-access{border-bottom:1px solid #0000001a}.team-chat-btn{align-items:center;background:linear-gradient(135deg,#8c43ff1a,#8c43ff0d);border:1px solid #8c43ff33;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-decoration:none;transition:all .2s ease;width:100%}.team-chat-btn:hover{background:linear-gradient(135deg,#8c43ff26,#8c43ff14);border-color:#8c43ff4d;transform:translateY(-1px)}.light-mode .team-chat-btn{background:linear-gradient(135deg,#8c43ff14,#8c43ff08);border-color:#8c43ff26}.light-mode .team-chat-btn:hover{background:linear-gradient(135deg,#8c43ff1f,#8c43ff0f);border-color:#8c43ff40}.team-chat-btn .material-icons:first-child{color:var(--primary-100);font-size:1.5rem}.team-chat-btn .btn-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.25rem}.team-chat-btn .btn-title{color:var(--text-primary);font-size:1rem;font-weight:600}.team-chat-btn .btn-subtitle{color:var(--text-secondary);font-size:.8rem}.team-chat-btn .material-icons:last-child{color:var(--text-muted);font-size:1rem;transition:transform .2s ease}.team-chat-btn:hover .material-icons:last-child{transform:translateX(2px)}.mobile-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:.125rem .5rem}@media (min-width:1536px){.toolbar-container{height:72px;padding:1rem 3rem}.logo-text{font-size:1.5rem}.nav-item{font-size:1rem;padding:.75rem 1.25rem}}@media (max-width:1279px) and (min-width:1024px){.toolbar-container{height:68px;padding:.75rem 2rem}.toolbar-left{gap:2.5rem}.desktop-nav{gap:1.25rem}.user-name{max-width:120px}}@media (max-width:1023px) and (min-width:768px){.toolbar-container{height:64px;padding:.75rem 1.5rem}.toolbar-left{gap:2rem}.desktop-nav{gap:1rem}.user-name{max-width:100px}.logo-text{font-size:1.2rem}}@media (max-width:767px) and (min-width:640px){.toolbar-container{height:62px;padding:.75rem 1.25rem}.desktop-actions,.desktop-nav{display:none}.mobile-menu-btn{display:flex}.btn-text{display:none}.logo-text{display:block!important;font-size:1.15rem}.mobile-menu-content{padding:1.25rem}.chats-menu,.notifications-menu{max-width:400px;width:calc(100vw - 2.5rem)}.chat-item,.chats-menu .menu-header,.notification-item,.notifications-menu .menu-header{padding:1rem 1.25rem}}@media (max-width:639px) and (min-width:480px){.toolbar-container{height:60px;padding:.75rem 1rem}.desktop-actions,.desktop-nav{display:none}.mobile-menu-btn{display:flex}.btn-text{display:none}.logo-text{display:block!important;font-size:1.1rem}.mobile-menu-content{padding:1rem}.chats-menu,.notifications-menu{max-width:380px;width:calc(100vw - 2rem)}.chat-item,.chats-menu .menu-header,.notification-item,.notifications-menu .menu-header{padding:.875rem 1rem}}@media (max-width:479px){.toolbar-container{height:56px;padding:.5rem .75rem}.toolbar-left{gap:.75rem}.logo-text{display:block!important;font-size:1rem}.mobile-menu-content{padding:.75rem}.chats-menu,.notifications-menu{max-width:320px;width:calc(100vw - 1.5rem)}.chat-item,.chats-menu .menu-header,.notification-item,.notifications-menu .menu-header{padding:.75rem .875rem}}@media (max-width:1024px){.toolbar-container{padding:.75rem 1.5rem}.toolbar-left{gap:2rem}.desktop-nav{gap:1rem}.user-name{max-width:100px}}@media (max-width:768px){.toolbar-container{height:60px;padding:.75rem 1rem}.desktop-actions,.desktop-nav{display:none}.mobile-menu-btn{display:flex}.btn-text{display:none}.logo-text{display:block!important;font-size:1.1rem}.mobile-menu-content{padding:1rem}.chats-menu,.notifications-menu{max-width:360px;width:calc(100vw - 2rem)}.chat-item,.chats-menu .menu-header,.notification-item,.notifications-menu .menu-header{padding:.875rem 1rem}}@media (max-width:480px){.toolbar-container{padding:.75rem}.toolbar-left{gap:1rem}.logo-text{display:none}}.dropdown-item:focus,.mobile-menu-btn:focus,.mobile-nav-item:focus,.nav-item:focus,.toolbar-btn:focus,.user-profile:focus{outline:2px solid var(--primary-200);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dropdown-item,.login-btn,.mobile-nav-item,.nav-item,.toolbar,.toolbar-btn,.user-profile{transition:none}}.mobile-section-title{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;padding-left:1rem;text-transform:uppercase}.mobile-translation-wrapper{margin-bottom:.5rem;padding:.5rem 1rem}.mobile-translation-wrapper .translation-button-container{width:100%}.mobile-translation-wrapper .toolbar-btn{background:#892cdc1a;border:1px solid #892cdc33;border-radius:10px;justify-content:flex-start;padding:.75rem 1rem;width:100%}.mobile-translation-wrapper .toolbar-btn:hover{background:#892cdc26;border-color:#892cdc4d}.mobile-translation-wrapper .toolbar-btn .material-icons{margin-right:.75rem}.mobile-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;margin-bottom:.25rem;padding:1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-nav-item.active,.mobile-nav-item:hover{background:#ffffff14;color:var(--primary-200)}.light-mode .mobile-nav-item.active,.light-mode .mobile-nav-item:hover{background:#0000000f}.mobile-nav-item .material-icons{color:var(--text-secondary);font-size:20px}.mobile-nav-item.active .material-icons,.mobile-nav-item:hover .material-icons{color:var(--primary-200)}.mobile-nav-section:last-child{border-top:1px solid var(--border-muted);margin-top:1rem;padding-top:1rem}.eligibility-banner{background:#8c43ff14;border:1px dashed var(--primary-200);border-radius:12px;box-shadow:var(--shadow-lg);margin:12px 0 16px;padding:1rem;position:relative;z-index:10}.eligibility-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.eligibility-text h3{font-size:1.05rem;margin:0 0 .25rem}.eligibility-text p{color:var(--text-secondary);margin:0}.eligibility-actions .btn{white-space:nowrap}@media (max-width:480px){.eligibility-banner{padding:.85rem}.eligibility-text h3{font-size:1rem}.eligibility-text p{font-size:.9rem}.eligibility-actions .btn{width:100%}}.flash{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);left:50%;max-width:90vw;min-width:280px;padding:12px 14px;position:fixed;top:72px;transform:translateX(-50%);z-index:2000}.flash-content{align-items:center;display:flex;gap:10px}.flash-info{border-left:4px solid var(--primary-200)}.flash-warning{border-left:4px solid #f59e0b}.flash-error{border-left:4px solid #ef4444}.flash-success{border-left:4px solid #10b981}.flash-icon{color:var(--primary-200)}.flash-text{color:var(--text-primary);font-weight:500}.flash-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer}.animate-slide-down{animation:slideDown .24s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--text-xs:clamp(0.75rem,0.69rem + 0.24vw,0.875rem);--text-sm:clamp(0.875rem,0.80rem + 0.32vw,1rem);--text-base:clamp(1rem,0.93rem + 0.38vw,1.125rem);--text-lg:clamp(1.125rem,1.04rem + 0.43vw,1.25rem);--text-xl:clamp(1.25rem,1.15rem + 0.49vw,1.5rem);--text-2xl:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);--text-3xl:clamp(1.875rem,1.65rem + 1.13vw,2.5rem);--text-4xl:clamp(2.25rem,1.95rem + 1.5vw,3.125rem);--text-5xl:clamp(3rem,2.55rem + 2.25vw,4.5rem);--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--yellow-50:#fefce8;--yellow-500:#eab308;--yellow-600:#ca8a04;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--blue-50:#eff6ff;--blue-500:#3b82f6;--blue-600:#2563eb;--primary:var(--purple-600);--primary-hover:var(--purple-700);--primary-light:var(--purple-100);--primary-dark:var(--purple-800);--accent:var(--pink-500);--accent-hover:var(--pink-600);--accent-light:var(--pink-100);--success:var(--green-500);--warning:var(--yellow-500);--error:var(--red-500);--info:var(--blue-500);--space-0:0;--space-px:1px;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-purple:0 10px 25px -5px #9333ea66;--shadow-pink:0 10px 25px -5px #ec489966;--shadow-glow:0 0 20px #9333ea4d;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-elastic:cubic-bezier(0.175,0.885,0.32,1.275);--bg-primary:var(--slate-900);--bg-secondary:var(--slate-800);--bg-tertiary:var(--slate-700);--bg-elevated:var(--slate-800);--bg-overlay:#0f172acc;--text-primary:var(--slate-50);--text-secondary:var(--slate-300);--text-tertiary:var(--slate-400);--text-muted:var(--slate-500);--text-inverse:var(--slate-900);--border-primary:var(--slate-700);--border-secondary:var(--slate-600);--border-muted:var(--slate-800);--surface-hover:var(--slate-700);--surface-active:var(--slate-600);--surface-selected:var(--purple-900)}.light-mode{--bg-primary:var(--slate-50);--bg-secondary:var(--slate-100);--bg-tertiary:var(--slate-200);--bg-elevated:#fff;--bg-overlay:#fffc;--text-primary:var(--slate-900);--text-secondary:var(--slate-700);--text-tertiary:var(--slate-600);--text-muted:var(--slate-500);--text-inverse:#fff;--border-primary:var(--slate-300);--border-secondary:var(--slate-400);--border-muted:var(--slate-200);--surface-hover:var(--slate-100);--surface-active:var(--slate-200);--surface-selected:var(--purple-50);--shadow-sm:0 1px 2px 0 #00000014;--shadow-base:0 1px 3px 0 #0000001f,0 1px 2px -1px #0000001f;--shadow-md:0 4px 6px -1px #0000001f,0 2px 4px -2px #0000001f;--shadow-lg:0 10px 15px -3px #0000001f,0 4px 6px -4px #0000001f;--shadow-xl:0 20px 25px -5px #0000001f,0 8px 10px -6px #0000001f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:clamp(1rem,.93rem + .38vw,1.125rem);font-size:var(--text-base);line-height:var(--leading-normal);text-rendering:optimizeLegibility;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);transition:color var(--duration-200) var(--ease-in-out),background-color var(--duration-200) var(--ease-in-out)}h1,h2,h3,h4,h5,h6{color:#f8fafc;font-weight:700;font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.text-5xl{font-size:clamp(3rem,2.55rem + 2.25vw,4.5rem);font-size:var(--text-5xl)}.text-4xl{font-size:clamp(2.25rem,1.95rem + 1.5vw,3.125rem);font-size:var(--text-4xl)}.text-3xl{font-size:clamp(1.875rem,1.65rem + 1.13vw,2.5rem);font-size:var(--text-3xl)}.text-2xl{font-size:clamp(1.5rem,1.35rem + .75vw,1.875rem);font-size:var(--text-2xl)}.text-xl{font-size:clamp(1.25rem,1.15rem + .49vw,1.5rem);font-size:var(--text-xl)}.text-lg{font-size:clamp(1.125rem,1.04rem + .43vw,1.25rem);font-size:var(--text-lg)}.text-base{font-size:clamp(1rem,.93rem + .38vw,1.125rem);font-size:var(--text-base)}.text-sm{font-size:clamp(.875rem,.8rem + .32vw,1rem);font-size:var(--text-sm)}.text-xs{font-size:clamp(.75rem,.69rem + .24vw,.875rem);font-size:var(--text-xs)}.font-light{font-weight:300;font-weight:var(--weight-light)}.font-regular{font-weight:400;font-weight:var(--weight-regular)}.font-medium{font-weight:500;font-weight:var(--weight-medium)}.font-semibold{font-weight:600;font-weight:var(--weight-semibold)}.font-bold{font-weight:700;font-weight:var(--weight-bold)}.font-extrabold{font-weight:800;font-weight:var(--weight-extrabold)}.font-black{font-weight:900;font-weight:var(--weight-black)}.leading-tight{line-height:1.2;line-height:var(--leading-tight)}.leading-snug{line-height:1.375;line-height:var(--leading-snug)}.leading-normal{line-height:1.5;line-height:var(--leading-normal)}.leading-relaxed{line-height:1.625;line-height:var(--leading-relaxed)}.leading-loose{line-height:2;line-height:var(--leading-loose)}.text-primary{color:#f8fafc;color:var(--text-primary)}.text-secondary{color:#cbd5e1;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-muted{color:#64748b;color:var(--text-muted)}.text-gradient{word-wrap:break-word;background:linear-gradient(135deg,#9333ea,#ec4899);background:linear-gradient(135deg,var(--primary),var(--accent));display:inline-block;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.text-gradient-purple{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c084fc,#9333ea);background:linear-gradient(135deg,var(--purple-400),var(--purple-600));-webkit-background-clip:text;background-clip:text}@keyframes slideInRight{0%{opacity:0;transform:translateX(-2rem)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #9333ea4d}50%{box-shadow:0 0 30px #9333ea99}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.btn{border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:clamp(.875rem,.8rem + .32vw,1rem);font-size:var(--text-sm);line-height:1;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-200) var(--ease-in-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid #9333ea;outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{transform:none!important}.btn-primary{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 10px 25px -5px #9333ea66}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px -5px #9333ea66,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-purple),var(--shadow-lg)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:#1e293b;background:var(--bg-secondary);border:1px solid #334155;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:#334155;background:var(--surface-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#ec4899,#db2777);background:linear-gradient(135deg,var(--accent),var(--pink-600));box-shadow:0 10px 25px -5px #ec489966;box-shadow:var(--shadow-pink)}.btn-accent:hover:not(:disabled){box-shadow:0 10px 25px -5px #ec489966,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-pink),var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{background:#0000;border:1px solid #0000;color:#cbd5e1;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#334155;background:var(--surface-hover);border-color:#334155;border-color:var(--border-primary);color:#f8fafc;color:var(--text-primary)}.btn-outline{background:#0000;border:1px solid #9333ea;border:1px solid var(--primary);color:#9333ea;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#9333ea;background:var(--primary);color:#fff;transform:translateY(-1px)}.btn-xs{font-size:clamp(.75rem,.69rem + .24vw,.875rem);font-size:var(--text-xs);padding:.375rem .75rem;padding:var(--space-1_5) var(--space-3)}.btn-sm{font-size:clamp(.875rem,.8rem + .32vw,1rem);font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:clamp(1.125rem,1.04rem + .43vw,1.25rem);font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-xl{font-size:clamp(1.25rem,1.15rem + .49vw,1.5rem);font-size:var(--text-xl);padding:1.25rem 2.5rem;padding:var(--space-5) var(--space-10)}.btn-loading{color:#0000}.btn-loading:after{animation:spin 1s linear infinite;animation:spin var(--duration-1000) linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:inherit;content:"";height:16px;position:absolute;width:16px}.card{background:#1e293b;border:1px solid #334155;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-300) var(--ease-out)}.card:hover{border-color:#475569;border-color:var(--border-secondary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px) scale(1.02)}.card-header{background:#1e293b;background:var(--bg-secondary);border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border-muted);padding:1.5rem}.card-body,.card-footer{padding:1.5rem;padding:var(--space-6)}.card-footer{background:#1e293b;background:var(--bg-secondary);border-top:1px solid #1e293b;border-top:1px solid var(--border-muted)}.card-gradient{background:linear-gradient(135deg,#581c87,#6b21a8);background:linear-gradient(135deg,var(--purple-900),var(--purple-800));border:1px solid #7c3aed;border:1px solid var(--purple-700);color:#fff}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}.light-mode .card-glass{background:#fffc;border:1px solid #0000001a}.form-group{margin-bottom:1rem}.form-label{color:#f8fafc;font-weight:var(--weight-medium)}.form-label.required:after{color:#ef4444;color:var(--error);content:" *"}.form-control{border:2px solid #334155;color:#f8fafc;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:auto;line-height:1.4;min-height:38px;padding:.6rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-200) var(--ease-in-out)}.form-control,.form-control:focus{background:#1e293b;background:var(--bg-elevated)}.form-control:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-control::placeholder{color:#64748b}.form-control:disabled{background:#1e293b;background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.form-control-lg{font-size:clamp(1.125rem,1.04rem + .43vw,1.25rem);font-size:var(--text-lg);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.form-control-sm{font-size:clamp(.875rem,.8rem + .32vw,1rem);font-size:var(--text-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.form-control.error{border-color:#ef4444;border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.form-control.success{border-color:#22c55e;border-color:var(--success);box-shadow:0 0 0 3px #22c55e1a}.form-error{color:#ef4444;color:var(--error);font-size:clamp(.75rem,.69rem + .24vw,.875rem);font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.form-help{color:#64748b}.animate-fade-in{animation:fadeIn .5s cubic-bezier(0,0,.2,1);animation:fadeIn var(--duration-500) var(--ease-out)}.animate-slide-up{animation:slideInUp .5s cubic-bezier(0,0,.2,1);animation:slideInUp var(--duration-500) var(--ease-out)}.animate-slide-right{animation:slideInRight .5s cubic-bezier(0,0,.2,1);animation:slideInRight var(--duration-500) var(--ease-out)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(0,0,.2,1);animation:scaleIn var(--duration-300) var(--ease-out)}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);animation:bounceIn var(--duration-500) var(--ease-bounce)}.animate-float{animation:float 3s cubic-bezier(.4,0,.2,1) infinite;animation:float 3s var(--ease-in-out) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite;animation:pulse 2s var(--ease-in-out) infinite}.animate-glow{animation:glow 2s cubic-bezier(.4,0,.2,1) infinite;animation:glow 2s var(--ease-in-out) infinite}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-200) var(--ease-in-out)}.transition-colors{transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);transition:color var(--duration-200) var(--ease-in-out),background-color var(--duration-200) var(--ease-in-out)}.transition-transform{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-200) var(--ease-in-out)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px #9333ea4d;box-shadow:var(--shadow-glow)}.loading-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e293b,#334155 50%,#1e293b);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--surface-hover) 50%,var(--bg-secondary) 100%);background-size:200px 100%}.loading-skeleton{animation:pulse 1.5s ease-in-out infinite;background:#1e293b;background:var(--bg-secondary);border-radius:.375rem;border-radius:var(--radius-md)}.container{padding:0 var(--space-4);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}@media (max-width:479px){.hidden-xs{display:none!important}.xs-only{display:block!important}}@media (min-width:480px) and (max-width:639px){.hidden-sm{display:none!important}.sm-only{display:block!important}}@media (min-width:640px) and (max-width:767px){.hidden-md{display:none!important}.md-only{display:block!important}}@media (min-width:768px) and (max-width:1023px){.hidden-lg{display:none!important}.lg-only{display:block!important}}@media (min-width:1024px) and (max-width:1279px){.hidden-xl{display:none!important}.xl-only{display:block!important}}@media (min-width:1280px){.hidden-2xl{display:none!important}.xl-2xl-only{display:block!important}}@media (max-width:640px){.hidden-mobile{display:none!important}}@media (min-width:641px){.mobile-only{display:none!important}}@media (max-width:768px){.hidden-tablet{display:none!important}}@media (max-width:1024px){.hidden-laptop{display:none!important}}@media (max-width:479px){:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem}}@media (min-width:480px) and (max-width:639px){:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem}}@media (min-width:640px){:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem}}@media (max-width:479px){:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:0.9rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--text-5xl:2rem;--text-6xl:2.25rem}}@media (min-width:480px) and (max-width:639px){:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:0.95rem;--text-lg:1.05rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--text-5xl:2.25rem;--text-6xl:2.5rem}}@media (min-width:640px){:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem}}.responsive-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:480px){.responsive-grid{gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:640px){.responsive-grid{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.responsive-grid{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.responsive-grid{gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.responsive-container{margin:0 auto;padding:0 1rem;padding:0 var(--space-4);width:100%}@media (min-width:480px){.responsive-container{padding:0 1.25rem;padding:0 var(--space-5)}}@media (min-width:640px){.responsive-container{max-width:640px;padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:768px){.responsive-container{max-width:768px;padding:0 2rem;padding:0 var(--space-8)}}@media (min-width:1024px){.responsive-container{max-width:1024px;padding:0 2.5rem;padding:0 var(--space-10)}}@media (min-width:1280px){.responsive-container{max-width:1280px;padding:0 3rem;padding:0 var(--space-12)}}@media (min-width:1536px){.responsive-container{max-width:1536px;padding:0 4rem;padding:0 var(--space-16)}}.text-left-xs{text-align:left}.text-center-xs{text-align:center}.text-right-xs{text-align:right}@media (min-width:480px){.text-left-sm{text-align:left}.text-center-sm{text-align:center}.text-right-sm{text-align:right}}@media (min-width:640px){.text-left-md{text-align:left}.text-center-md{text-align:center}.text-right-md{text-align:right}}@media (min-width:768px){.text-left-lg{text-align:left}.text-center-lg{text-align:center}.text-right-lg{text-align:right}}@media (min-width:1024px){.text-left-xl{text-align:left}.text-center-xl{text-align:center}.text-right-xl{text-align:right}}@media (min-width:1280px){.text-left-2xl{text-align:left}.text-center-2xl{text-align:center}.text-right-2xl{text-align:right}}.block-xs{display:block}.inline-xs{display:inline}.inline-block-xs{display:inline-block}.flex-xs{display:flex}.grid-xs{display:grid}.hidden-xs{display:none}@media (min-width:480px){.block-sm{display:block}.inline-sm{display:inline}.inline-block-sm{display:inline-block}.flex-sm{display:flex}.grid-sm{display:grid}.hidden-sm{display:none}}@media (min-width:640px){.block-md{display:block}.inline-md{display:inline}.inline-block-md{display:inline-block}.flex-md{display:flex}.grid-md{display:grid}.hidden-md{display:none}}@media (min-width:768px){.block-lg{display:block}.inline-lg{display:inline}.inline-block-lg{display:inline-block}.flex-lg{display:flex}.grid-lg{display:grid}.hidden-lg{display:none}}@media (min-width:1024px){.block-xl{display:block}.inline-xl{display:inline}.inline-block-xl{display:inline-block}.flex-xl{display:flex}.grid-xl{display:grid}.hidden-xl{display:none}}@media (min-width:1280px){.block-2xl{display:block}.inline-2xl{display:inline}.inline-block-2xl{display:inline-block}.flex-2xl{display:flex}.grid-2xl{display:grid}.hidden-2xl{display:none}}.flex-col-xs{flex-direction:column}.flex-row-xs{flex-direction:row}@media (min-width:480px){.flex-col-sm{flex-direction:column}.flex-row-sm{flex-direction:row}}@media (min-width:640px){.flex-col-md{flex-direction:column}.flex-row-md{flex-direction:row}}@media (min-width:768px){.flex-col-lg{flex-direction:column}.flex-row-lg{flex-direction:row}}@media (min-width:1024px){.flex-col-xl{flex-direction:column}.flex-row-xl{flex-direction:row}}@media (min-width:1280px){.flex-col-2xl{flex-direction:column}.flex-row-2xl{flex-direction:row}}.justify-start-xs{justify-content:flex-start}.justify-center-xs{justify-content:center}.justify-end-xs{justify-content:flex-end}.justify-between-xs{justify-content:space-between}.justify-around-xs{justify-content:space-around}@media (min-width:480px){.justify-start-sm{justify-content:flex-start}.justify-center-sm{justify-content:center}.justify-end-sm{justify-content:flex-end}.justify-between-sm{justify-content:space-between}.justify-around-sm{justify-content:space-around}}@media (min-width:640px){.justify-start-md{justify-content:flex-start}.justify-center-md{justify-content:center}.justify-end-md{justify-content:flex-end}.justify-between-md{justify-content:space-between}.justify-around-md{justify-content:space-around}}@media (min-width:768px){.justify-start-lg{justify-content:flex-start}.justify-center-lg{justify-content:center}.justify-end-lg{justify-content:flex-end}.justify-between-lg{justify-content:space-between}.justify-around-lg{justify-content:space-around}}@media (min-width:1024px){.justify-start-xl{justify-content:flex-start}.justify-center-xl{justify-content:center}.justify-end-xl{justify-content:flex-end}.justify-between-xl{justify-content:space-between}.justify-around-xl{justify-content:space-around}}@media (min-width:1280px){.justify-start-2xl{justify-content:flex-start}.justify-center-2xl{justify-content:center}.justify-end-2xl{justify-content:flex-end}.justify-between-2xl{justify-content:space-between}.justify-around-2xl{justify-content:space-around}}.items-start-xs{align-items:flex-start}.items-center-xs{align-items:center}.items-end-xs{align-items:flex-end}.items-stretch-xs{align-items:stretch}@media (min-width:480px){.items-start-sm{align-items:flex-start}.items-center-sm{align-items:center}.items-end-sm{align-items:flex-end}.items-stretch-sm{align-items:stretch}}@media (min-width:640px){.items-start-md{align-items:flex-start}.items-center-md{align-items:center}.items-end-md{align-items:flex-end}.items-stretch-md{align-items:stretch}}@media (min-width:768px){.items-start-lg{align-items:flex-start}.items-center-lg{align-items:center}.items-end-lg{align-items:flex-end}.items-stretch-lg{align-items:stretch}}@media (min-width:1024px){.items-start-xl{align-items:flex-start}.items-center-xl{align-items:center}.items-end-xl{align-items:flex-end}.items-stretch-xl{align-items:stretch}}@media (min-width:1280px){.items-start-2xl{align-items:flex-start}.items-center-2xl{align-items:center}.items-end-2xl{align-items:flex-end}.items-stretch-2xl{align-items:stretch}}.page-enter{animation:slideInUp .7s cubic-bezier(0,0,.2,1);animation:slideInUp var(--duration-700) var(--ease-out)}.stagger-children>*{animation:slideInUp .5s cubic-bezier(0,0,.2,1);animation:slideInUp var(--duration-500) var(--ease-out)}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.stagger-children>:nth-child(6){animation-delay:.5s}.btn,.touch-target{min-height:44px;min-width:44px}.btn{-webkit-tap-highlight-color:transparent}.btn,.form-control{touch-action:manipulation}.form-control{min-height:44px}[role=button],a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn,.dropdown-item,.nav-item{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (hover:none) and (pointer:coarse){html{scroll-behavior:smooth}.modal-overlay{-webkit-overflow-scrolling:touch}}.material-icons,.material-icons-round{word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons Round;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:focus-visible{outline:2px solid #9333ea;outline:2px solid var(--primary);outline-offset:2px}::selection{background:#f3e8ff;background:var(--primary-light);color:#f8fafc;color:var(--text-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#475569;background:var(--border-secondary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#334155;background:var(--border-primary)}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.no-print{display:none!important}}@media (max-width:768px){.form-control{font-size:16px;min-height:38px;padding:.6rem .85rem}.form-group{margin-bottom:.9rem}.form-label{font-size:.85rem;margin-bottom:.4rem}}.modal .form-group{margin-bottom:1rem}.modal .form-group label{font-size:.9rem;margin-bottom:.35rem}.modal .form-control{line-height:1.3;min-height:36px;padding:.5rem .75rem}.modal select.form-control{height:36px}.modal textarea.form-control{min-height:80px}.modal-header{top:0}.modal-footer,.modal-header{background:#1e293b;position:-webkit-sticky;position:sticky;z-index:1050;z-index:var(--z-modal)}.modal-footer{bottom:0}.modal-body{padding-bottom:1rem}:root{--primary-100:#892cdc;--primary-200:#bc6ff1;--accent-100:#d9acf5;--text-primary:#eee;--text-secondary:#eeeeeeb3;--bg-primary-dark:#222831;--bg-secondary:#1a1f29;--bg-100:#191e29;--bg-300:#2a303c;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--card-shadow:0 10px 20px #0003;--hover-shadow:0 15px 30px #00000040}.light-mode{--text-primary:#252b36;--text-secondary:#252b36b3;--bg-primary-light:#fafafa;--bg-secondary:#fff;--bg-100:#f5f5f5;--bg-300:#e0e0e0;--card-shadow:0 5px 15px #0000001a;--hover-shadow:0 10px 25px #00000026}body{background-color:#222831;background-color:var(--bg-primary-dark);padding:0}.light-mode body{background-color:var(--bg-primary-light)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eee;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.btn-secondary{border:1px solid var(--border-color);color:#eee}.card{background:#1a1f29;box-shadow:0 10px 20px #0003}.card:hover{box-shadow:0 15px 30px #00000040}.form-label{color:#eee;font-weight:500}.form-control{background:#1a1f29;border:1px solid var(--border-color);color:#eee;padding:1rem}.form-control:focus{box-shadow:0 0 0 3px #892cdc26}.form-control::placeholder{color:#eeeeeeb3;opacity:.6}.loading-spinner{border:2px solid #ffffff1a;border-top:2px solid var(--primary)}.page-container{background:var(--bg-primary);min-height:100vh}.page-content{margin:0 auto;max-width:1400px;padding:2.5rem 2rem}.page-title{color:#eee}.page-subtitle{color:#eeeeeeb3;margin-top:1rem}.logo{align-items:center;color:#eee;color:var(--text-primary);display:flex;gap:.75rem;text-decoration:none}.logo img{height:32px;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#bc6ff1,#d9acf5);background:linear-gradient(45deg,var(--primary-200),var(--accent-100));-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.section-title{color:#eee;margin-bottom:1.5rem}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card{background:#1a1f29;background:var(--bg-secondary);border:1px solid #ffffff08}.feature-card:hover{border-color:#bc6ff1}.feature-icon{background:#892cdc1a;border-radius:12px;color:#bc6ff1;color:var(--primary-200);height:60px;margin-bottom:1.5rem;width:60px}.feature-title{color:#eee;font-size:1.25rem;font-weight:600;margin-bottom:1rem}@media (max-width:1200px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-content{padding:1.5rem 1rem}.feature-grid{grid-template-columns:1fr}.page-title{font-size:2rem}.section-title{font-size:1.5rem}}span.goog-text-highlight{background:none!important;box-shadow:none!important}html.translated-ltr .material-icons,html.translated-ltr .material-icons-round,html.translated-rtl .material-icons,html.translated-rtl .material-icons-round{font-family:Material Icons Round!important}.notranslate{-webkit-user-select:none;user-select:none}.allow-wrap{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;word-break:break-word}.shrinkable{min-width:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.3;margin-top:0}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:1.5rem}.gradient-text{background:linear-gradient(45deg,var(--primary-200),var(--accent-100))}.gradient-bg{background:linear-gradient(135deg,var(--primary-100),var(--primary-200))}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-primary);border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-links{gap:2rem}.nav-link{padding:.5rem 0;position:relative;transition:all .2s ease}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link:after{background:linear-gradient(45deg,var(--primary-200),var(--accent-100));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.hero-section{overflow:hidden;padding:6rem 0 4rem}.hero-section:before{height:180%;right:-10%;top:-50%;z-index:0}.grid-section{padding:4rem 0}.feature-section{padding:5rem 0;position:relative}.cta-section{background:linear-gradient(135deg,#892cdc1a,#0000);border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;padding:5rem 0;text-align:center}.blur-effect{border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;position:absolute;z-index:-1}.blur-purple{background:var(--primary-100);height:300px;width:300px}.blur-pink{background:var(--primary-200);height:350px;width:350px}@media (max-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}.container{padding:0 1.5rem}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 1rem}.hero-section{padding:4rem 0 3rem}.cta-section,.feature-section,.grid-section{padding:3rem 0}}.app{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{margin-top:70px;min-height:calc(100vh - 70px);position:relative}.main-content>*{position:relative;z-index:1}.main-content .home-page{margin-top:-70px;padding-top:70px}.app-container{margin:0 auto;max-width:var(--space-96);padding:0 var(--space-4)}.content{animation:slideInUp var(--duration-500) var(--ease-out);padding:var(--space-8) 0}@media (max-width:992px){.content{padding:var(--space-6) 0}}.service-card{cursor:pointer}.service-card-icon{animation:float 3s var(--ease-in-out) infinite}.service-card-description{margin-bottom:var(--space-4)}.credit-cost .material-icons{font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--space-8) 0}.stat-card{padding:var(--space-6)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-title,.stat-value{margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-3xl)}.stat-icon{animation:pulse 2s var(--ease-in-out) infinite;border-radius:var(--radius-lg);height:48px;margin:0 auto var(--space-4);width:48px}.loading-spinner{animation:spin var(--duration-1000) linear infinite;border:3px solid var(--border-muted);border-top-color:var(--primary);height:24px;width:24px}.loading-spinner-large{border-width:4px;height:48px;width:48px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--purple-900),var(--purple-800))}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}.light-mode .glass-effect{background:#fffc;border:1px solid #0000001a}.floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-0)}.floating-circle{animation:float 6s var(--ease-in-out) infinite;background:radial-gradient(circle,var(--primary) 0,#0000 70%);border-radius:50%;opacity:.1;position:absolute}.floating-circle:first-child{animation-delay:0s;height:200px;right:10%;top:10%;width:200px}.floating-circle:nth-child(2){animation-delay:2s;bottom:20%;height:150px;left:15%;width:150px}.floating-circle:nth-child(3){animation-delay:4s;height:100px;right:20%;top:60%;width:100px}@media (max-width:1200px){.card-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:992px){.content{padding:var(--space-6) 0}.service-card{padding:var(--space-6)}.activity-item{padding:var(--space-4)}}@media (max-width:768px){.app-container{padding:0 var(--space-3)}.card-grid{gap:var(--space-4);grid-template-columns:1fr}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.page-title{font-size:var(--text-3xl)}.service-card{padding:var(--space-5)}.service-card:hover{transform:translateY(-4px)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.activity-item{gap:var(--space-3)}.activity-item,.service-card-header{flex-direction:column;text-align:center}}@font-face{font-display:block;font-family:Material Icons;font-style:normal;font-weight:400;src:url(/static/media/material-icons.0c35d18bf06992036b69.woff2) format("woff2"),url(/static/media/material-icons.4d73cb90e394b34b7670.woff) format("woff")}.material-icons{font-feature-settings:"liga";font-family:Material Icons}@font-face{font-display:block;font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(/static/media/material-icons-outlined.6f420cf17cc0d7676fad.woff2) format("woff2"),url(/static/media/material-icons-outlined.f882956fd323fd322f31.woff) format("woff")}.material-icons,.material-icons-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-outlined{font-feature-settings:"liga";font-family:Material Icons Outlined}@font-face{font-display:block;font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(/static/media/material-icons-round.c380809fd3677d7d6903.woff2) format("woff2"),url(/static/media/material-icons-round.5d681e2edae8c60630db.woff) format("woff")}.material-icons-round{font-feature-settings:"liga";font-family:Material Icons Round}@font-face{font-display:block;font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(/static/media/material-icons-sharp.219aa9140e099e6c72ed.woff2) format("woff2"),url(/static/media/material-icons-sharp.3a4004a46a653d4b2166.woff) format("woff")}.material-icons-round,.material-icons-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-sharp{font-feature-settings:"liga";font-family:Material Icons Sharp}@font-face{font-display:block;font-family:Material Icons Two Tone;font-style:normal;font-weight:400;src:url(/static/media/material-icons-two-tone.4ef4218c522f1eb6b5b1.woff2) format("woff2"),url(/static/media/material-icons-two-tone.3baa5b8f3469222b822d.woff) format("woff")}.material-icons-two-tone{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons Two Tone;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:auto;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:3rem;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}@media (max-width:992px){.footer-content{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:576px){.footer-content{gap:2rem;grid-template-columns:1fr}}.footer-section h3{color:var(--primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-section h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:var(--primary)}.footer-social{display:flex;gap:1rem}.social-link{background:var(--bg-elevated);border-radius:50%;height:40px;transition:all .2s ease;width:40px}.social-link:hover{background:var(--primary);color:#fff}.security-badges{display:flex;flex-direction:column;gap:.75rem}.security-badge{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.security-badge .material-icons{color:var(--success);font-size:18px}.footer-bottom{align-items:center;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-bottom p{color:var(--text-secondary);font-size:.9rem;margin:0}.footer-hosting{font-size:.8rem!important;opacity:.8}@media (max-width:576px){.footer-bottom{flex-direction:column;text-align:center}}.home-page{background-color:var(--bg-primary);color:var(--text-primary)}.home-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#222831cc;border-bottom:1px solid #ffffff0d;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}@media (min-width:1536px){.nav-content{max-width:1400px;padding:0 3rem}.nav-brand{font-size:1.75rem}.nav-logo{height:42px;width:42px}.nav-links{gap:2rem}.nav-link{font-size:1rem}}@media (max-width:1279px) and (min-width:1024px){.nav-content{max-width:1100px;padding:0 2.5rem}.nav-brand{font-size:1.625rem}.nav-logo{height:38px;width:38px}.nav-links{gap:1.75rem}.nav-link{font-size:.975rem}}@media (max-width:1023px) and (min-width:768px){.nav-content{max-width:900px;padding:0 2rem}.nav-brand{font-size:1.5rem}.nav-logo{height:36px;width:36px}.nav-links{gap:1.5rem}.nav-link{font-size:.95rem}}@media (max-width:767px) and (min-width:640px){.nav-content{padding:0 1.5rem}.nav-brand{font-size:1.375rem}.nav-logo{height:32px;width:32px}.nav-links{gap:1.25rem}.nav-link{font-size:.9rem}}@media (max-width:639px) and (min-width:480px){.nav-content{padding:0 1.25rem}.nav-brand{font-size:1.25rem}.nav-logo{height:30px;width:30px}.nav-links{gap:1rem}.nav-link{font-size:.875rem}}@media (max-width:479px){.nav-content{padding:0 1rem}.nav-brand{font-size:1.125rem}.nav-logo{height:28px;width:28px}.nav-links{gap:.75rem}.nav-link{font-size:.8rem}}.nav-brand{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.nav-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:36px;width:36px}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.hero-section{grid-gap:4rem;gap:4rem;max-width:1200px;padding:8rem 2rem 4rem}@media (min-width:1536px){.hero-section{gap:6rem;max-width:1400px;padding:10rem 3rem 6rem}.hero-content h1{font-size:4.5rem}.hero-subtitle{font-size:1.5rem}}@media (max-width:1279px) and (min-width:1024px){.hero-section{gap:3.5rem;max-width:1100px;padding:7rem 2.5rem 5rem}.hero-content h1{font-size:3.25rem}.hero-subtitle{font-size:1.375rem}}@media (max-width:1023px) and (min-width:768px){.hero-section{gap:3rem;max-width:900px;padding:6rem 2rem 4rem}.hero-content h1{font-size:3rem}.hero-subtitle{font-size:1.25rem}}@media (max-width:767px) and (min-width:640px){.hero-section{gap:2.5rem;grid-template-columns:1fr;padding:5rem 1.5rem 3rem;text-align:center}.hero-content h1{font-size:2.75rem}.hero-subtitle{font-size:1.125rem}.hero-cta{justify-content:center}}@media (max-width:639px) and (min-width:480px){.hero-section{gap:2rem;grid-template-columns:1fr;padding:4rem 1.25rem 2.5rem;text-align:center}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-cta{align-items:center;flex-direction:column;justify-content:center}}@media (max-width:479px){.hero-section{gap:1.5rem;grid-template-columns:1fr;padding:3rem 1rem 2rem;text-align:center}.hero-content h1{font-size:2.25rem}.hero-subtitle{font-size:.95rem}.hero-cta{align-items:center;flex-direction:column;justify-content:center}}.hero-section:before{background:radial-gradient(circle,#892cdc1a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:80%;z-index:-1}.hero-content h1{color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-content h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-200),var(--accent-100));-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-cta{gap:1rem}.hero-image img{border:1px solid #bc6ff133;border-radius:16px;box-shadow:0 20px 40px #0003;height:auto;width:100%}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-item{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem;transition:all .3s ease}.stat-item:hover{border-color:#bc6ff14d;box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.stat-value{display:block;font-size:2.5rem;margin-bottom:.5rem}.workflow-section{background:linear-gradient(135deg,#892cdc0d,#0000);padding:4rem 2rem;position:relative}.workflow-section:before{background:linear-gradient(90deg,#fff0,#ffffff0d 50%,#fff0);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.workflow-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.workflow-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.workflow-step{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);padding:2rem;position:relative;transition:all .3s ease}.workflow-step:hover{border-color:var(--primary-200);box-shadow:var(--hover-shadow);transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:50%;font-size:1.5rem;font-weight:600;height:3rem;left:-1rem;position:absolute;top:-1rem;width:3rem}.workflow-step h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.workflow-step p{color:var(--text-secondary);margin-bottom:1.5rem}.step-features{list-style:none;padding:0}.step-features li{align-items:center;color:var(--text-secondary);display:flex;padding:.5rem 0}.step-features li:before{color:var(--primary-200);content:"✓";font-weight:700;margin-right:.5rem}.section-subtitle{font-size:1.125rem;margin:-2rem 0 3rem;text-align:center}.testimonials-section{background-color:var(--bg-primary);padding:4rem 2rem}.testimonials-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);padding:2rem;transition:all .3s ease}.testimonial-card:hover{border-color:var(--primary-200);box-shadow:var(--hover-shadow);transform:translateY(-5px)}.testimonial-content{color:var(--text-secondary);margin-bottom:1.5rem;position:relative}.testimonial-content p:before{color:var(--primary-200);content:"\201C";font-size:4rem;left:-1rem;opacity:.1;position:absolute;top:-2rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-info h4{color:var(--text-primary);font-size:1rem;margin:0}.author-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.features-section{background-color:var(--bg-primary);padding:4rem 2rem}.features-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{max-width:1200px}.feature-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px}.feature-card:hover{border-color:var(--primary-200);box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.feature-card .material-icons{color:var(--primary-200);font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.feature-card p{font-size:.95rem}.pricing-section{background:linear-gradient(135deg,#892cdc0d,#0000)}.pricing-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem;text-align:center}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;box-shadow:var(--card-shadow);overflow:hidden}.pricing-card.popular{border-color:var(--primary-200);position:relative;transform:scale(1.05);z-index:1}.popular-badge{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));font-size:.875rem;font-weight:500;padding:.25rem .75rem;right:1rem;top:1rem}.pricing-header{border-bottom:1px solid #ffffff0d;padding:2rem}.pricing-header h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.price{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.price .amount{color:var(--primary-200);font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.price .period{color:var(--text-secondary);font-size:.95rem}.pricing-features{flex-grow:1;list-style:none;padding:2rem}.pricing-features li{align-items:center;border-bottom:1px solid #ffffff0d;color:var(--text-secondary);display:flex;padding:.75rem 0}.pricing-features li:before{color:var(--primary-200);content:"\2713";margin-right:.75rem}.pricing-features li:last-child{border-bottom:none}.home-footer{background-color:var(--bg-secondary);color:var(--text-secondary);padding:4rem 2rem 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:8px;height:36px;width:36px}.footer-brand p{font-size:.95rem;margin-top:1rem}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-section h4{color:var(--text-primary);margin-bottom:1.5rem}.footer-section a{color:var(--text-secondary);display:block;font-size:.95rem;margin-bottom:.75rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--primary-200)}.footer-bottom{border-top:1px solid #ffffff0d;font-size:.875rem;margin:2rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}.btn{gap:.75rem}.btn-primary{box-shadow:0 4px 12px #892cdc4d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px #892cdc66}.btn-large{font-size:1rem;padding:1rem 2rem}.btn-block{display:flex;margin-top:auto;padding:1rem}@media (max-width:992px){.hero-section{gap:3rem;grid-template-columns:1fr;padding:7rem 2rem 3rem}.hero-content h1{font-size:2.75rem}.hero-cta{justify-content:center}.hero-image{order:-1;text-align:center}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-brand{align-items:center;text-align:center}.hero-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.pricing-card.popular{transform:scale(1)}.footer-links{gap:2rem;text-align:center}.footer-links,.hero-stats{grid-template-columns:1fr}.workflow-step{padding:2.5rem 1.5rem 1.5rem}.step-number{left:50%;top:.5rem;transform:translateX(-50%)}.step-features li{justify-content:center}.testimonial-card{padding:1.5rem}.testimonial-author{align-items:flex-start;flex-direction:column}}.hero-image img{animation:float 6s ease-in-out infinite}.auth-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;min-height:calc(100vh - 70px);overflow:hidden;padding:var(--space-4);padding-top:calc(70px + var(--space-8));position:relative}.auth-container:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#9333ea1a 0,#0000 70%);height:400px;right:-10%;top:-10%;width:400px}.auth-container:after,.auth-container:before{border-radius:50%;content:"";position:absolute;z-index:0}.auth-container:after{animation:float 8s ease-in-out infinite reverse;background:radial-gradient(circle,#ec489914 0,#0000 70%);bottom:-15%;height:350px;left:-10%;width:350px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:440px;padding:var(--space-10);position:relative;transition:all var(--duration-300) var(--ease-out);width:100%;z-index:1}.auth-card:hover{box-shadow:var(--shadow-2xl),0 0 40px #9333ea26;transform:translateY(-4px)}.light-mode .auth-card{background:#ffffffe6;border:1px solid #0000001a}.auth-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--purple-600));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2);text-align:center}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);margin-bottom:var(--space-8);text-align:center}.form-group{margin-bottom:var(--space-6)}.auth-container .form-group label{color:var(--text-primary)!important;display:block!important;font-size:.9rem!important;font-weight:600!important;margin-bottom:.5rem!important}.auth-container .form-control,.auth-container .form-group input,.auth-container .form-group select,.auth-container .form-group textarea{background:var(--bg-secondary)!important;border:2px solid var(--border-primary)!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--text-primary)!important;font-family:var(--font-primary)!important;font-size:.9rem!important;height:auto!important;line-height:1.4!important;min-height:auto!important;padding:.75rem 1rem!important;position:relative!important;transition:all .2s ease!important;width:100%!important}.auth-container .form-control:focus,.auth-container .form-group input:focus,.auth-container .form-group select:focus,.auth-container .form-group textarea:focus{background:var(--bg-secondary)!important;border-color:var(--primary-200)!important;box-shadow:0 0 0 3px #892cdc1a!important;outline:none!important;transform:none!important}.auth-container .form-control::placeholder,.auth-container .form-group input::placeholder,.auth-container .form-group textarea::placeholder{color:var(--text-muted)!important}.btn-block{background:linear-gradient(135deg,var(--primary),var(--purple-700));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-semibold);margin-top:var(--space-4);overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--duration-300) var(--ease-out)}.btn-block:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-500) var(--ease-out);width:100%}.btn-block:hover:before{left:100%}.btn-block:hover{box-shadow:var(--shadow-purple),var(--shadow-lg);transform:translateY(-2px)}.btn-block:active{transform:translateY(0)}.btn-block:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-block:disabled:hover{box-shadow:none;transform:none}.spinner{animation:spin var(--duration-1000) linear infinite;height:18px;margin-right:var(--space-2);width:18px}.auth-links{margin-top:var(--space-6);text-align:center}.forgot-password-link{color:var(--primary)!important}.auth-link:hover,.forgot-password-link:hover{color:var(--primary-hover)!important;text-decoration:underline}.auth-footer{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-8);text-align:center}.auth-footer a{color:var(--primary);font-weight:var(--weight-medium);text-decoration:none;transition:all var(--duration-200) var(--ease-out)}.auth-footer a:hover{color:var(--primary-hover);text-decoration:underline}.error-message{color:var(--error);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.toast{align-items:center;background:#1f2233;border-radius:10px;bottom:20px;box-shadow:0 10px 30px #00000059;color:#e8e9f3;display:flex;gap:12px;opacity:0;padding:14px 16px;position:fixed;right:20px;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}.toast .material-icons-round{font-size:22px}.toast-success{border:1px solid #64ffb440}.error-message:before{content:"⚠️";font-size:var(--text-base)}.info-message{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-lg);color:var(--blue-600);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.role-info{color:var(--text-muted);font-size:var(--text-xs);font-style:italic;margin-top:var(--space-2);text-align:center}.demo-info{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:.75rem;padding:1rem}.demo-info p:first-child{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.demo-info ul{list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.demo-info li{color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.demo-info .role-info{background:#892cdc0d;border-left:3px solid var(--primary-200);border-radius:6px;color:var(--text-primary);font-style:normal;font-weight:500;margin-top:.75rem;padding:.5rem;text-align:left}@media (max-width:768px){.auth-container{padding:var(--space-3);padding-top:calc(65px + var(--space-6))}.auth-card{border-radius:var(--radius-2xl);max-width:100%;padding:var(--space-8)}.auth-card h1{font-size:var(--text-2xl)}.auth-container .form-control,.auth-container .form-group input,.auth-container .form-group select,.auth-container .form-group textarea{font-size:.85rem!important;padding:.7rem .9rem!important}.btn-block{padding:var(--space-3) var(--space-5)}}@media (max-width:480px){.auth-container{padding:var(--space-2);padding-top:calc(60px + var(--space-4))}.auth-card{padding:var(--space-6)}.auth-card h1{font-size:var(--text-xl)}}@media (prefers-color-scheme:dark){.auth-container:before{background:radial-gradient(circle,#9333ea26 0,#0000 70%)}.auth-container:after{background:radial-gradient(circle,#ec48991f 0,#0000 70%)}}.checkbox-group{margin:1.5rem 0}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5}.checkbox-label input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkmark{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-label input[type=checkbox]:checked+.checkmark:after{display:block}.checkbox-text{color:var(--text-secondary)}.checkbox-text a{color:var(--primary);text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.auth-link.purple-link{color:var(--primary)}.verification-icon{margin-bottom:1rem;text-align:center}.verification-icon .material-icons-round{border-radius:50%;font-size:4rem;padding:1rem}.verification-icon.verifying .material-icons-round{animation:pulse 2s infinite;background:#f59e0b1a;color:#f59e0b;color:var(--warning,#f59e0b)}.verification-icon.success .material-icons-round{background:#10b9811a;color:#10b981;color:var(--success,#10b981)}.verification-icon.error .material-icons-round{background:#ef44441a;color:#ef4444;color:var(--danger,#ef4444)}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:.5rem;color:#10b981;color:var(--success,#10b981);margin:1rem 0;padding:1rem}.auto-redirect{color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;text-align:center}.success-content{margin-top:var(--space-4);text-align:center}.success-icon{margin-bottom:var(--space-6)}.success-icon .material-icons-round{background:#22c55e1a;border:2px solid #22c55e33;border-radius:50%;color:var(--success);font-size:4rem;padding:var(--space-4)}.reset-instructions{background:#9333ea0d;border:1px solid #9333ea1a;border-radius:var(--radius-lg);margin:var(--space-8) 0;padding:var(--space-6);text-align:left}.reset-instructions h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-4)}.reset-instructions ol{color:var(--text-secondary);margin:0;padding-left:var(--space-6)}.reset-instructions li{font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-2)}.auth-link{align-items:center;color:var(--primary)!important;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-1);text-decoration:none;transition:all var(--duration-200) var(--ease-out)}.auth-link:hover{color:var(--primary-hover)!important;text-decoration:underline}.auth-link .material-icons-round{font-size:1.2rem}.verification-code-card{max-width:480px}.verification-code-inputs{margin-bottom:24px}.verification-code-inputs label{color:var(--slate-200);display:block;font-weight:500;margin-bottom:16px;text-align:center}.code-inputs-container{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.code-input{background:var(--slate-800);border:2px solid var(--slate-600);border-radius:12px;color:var(--slate-100);font-size:24px;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.code-input:focus{box-shadow:0 0 0 3px #8b5cf61a}.code-input:focus,.code-input:not(:placeholder-shown){background:var(--slate-700);border-color:var(--primary)}.code-input:disabled{cursor:not-allowed;opacity:.6}.verification-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}.verification-actions .btn{margin:0}.verification-help{background:var(--slate-800);border:1px solid var(--slate-700);border-radius:12px;margin-top:32px;padding:20px}.verification-help h3{color:var(--slate-200);font-size:16px;font-weight:600;margin:0 0 16px}.verification-help ul{color:var(--slate-300);font-size:14px;line-height:1.6;margin:0;padding-left:20px}.verification-help li{margin-bottom:8px}.verification-help li:last-child{margin-bottom:0}@media (max-width:480px){.code-inputs-container{gap:8px}.code-input{font-size:20px;height:52px;width:44px}.verification-code-card{margin:16px;padding:24px}}.code-input{animation:fadeInUp .3s ease forwards}.code-input:first-child{animation-delay:.1s}.code-input:nth-child(2){animation-delay:.15s}.code-input:nth-child(3){animation-delay:.2s}.code-input:nth-child(4){animation-delay:.25s}.code-input:nth-child(5){animation-delay:.3s}.code-input:nth-child(6){animation-delay:.35s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-input.completed{background:#22c55e1a;border-color:var(--success)}.code-input.error{animation:shake .5s ease-in-out;background:#ef44441a;border-color:var(--error)}.code-input.loading{cursor:wait;opacity:.7}.code-input:focus{animation:focusRing .3s ease}@keyframes focusRing{0%{box-shadow:0 0 0 0 #8b5cf666}to{box-shadow:0 0 0 3px #8b5cf61a}}.reset-password-card{max-width:480px}.reset-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.reset-icon .material-icons-round{color:#fff;font-size:32px}.password-strength{background:var(--slate-800);border:1px solid var(--slate-700);border-radius:8px;margin-top:12px;padding:16px}.strength-bar{background:var(--slate-600);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.strength-fill{border-radius:3px;height:100%;transition:all .3s ease}.strength-text{font-size:14px;font-weight:600;margin-bottom:12px;text-align:center}.strength-feedback{display:flex;flex-direction:column;gap:4px}.feedback-item{align-items:center;color:var(--slate-400);display:flex;font-size:12px;gap:6px}.feedback-item:before{background:currentColor;border-radius:50%;content:"";height:4px;width:4px}.reset-actions{display:flex;justify-content:center;margin-top:24px}.reset-help{background:var(--slate-800);border:1px solid var(--slate-700);border-radius:12px;margin-top:32px;padding:20px}.reset-help h3{color:var(--slate-200);font-size:16px;font-weight:600;margin:0 0 16px}.reset-help ul{color:var(--slate-300);font-size:14px;line-height:1.6;margin:0;padding-left:20px}.reset-help li{margin-bottom:8px}.reset-help li:last-child{margin-bottom:0}.password-strength.weak .strength-fill{background-color:var(--error)}.password-strength.fair .strength-fill{background-color:var(--warning)}.password-strength.good .strength-fill{background-color:var(--info)}.password-strength.strong .strength-fill{background-color:var(--success)}@media (max-width:480px){.reset-password-card{margin:16px;padding:24px}.reset-icon{height:56px;width:56px}.reset-icon .material-icons-round{font-size:28px}}.strength-fill{animation:slideIn .5s ease-out}@keyframes slideIn{0%{width:0}to{width:var(--target-width)}}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.btn:disabled{opacity:.6}.btn:not(:disabled):hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.success-message{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.dashboard{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding-top:var(--space-4);position:relative}.dashboard-header{margin-bottom:var(--space-12);padding:var(--space-8) 0;text-align:center}.dashboard-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:var(--space-4) auto 0;max-width:600px}.dashboard-content{margin-bottom:var(--space-16)}.dashboard-section{margin-bottom:var(--space-12)}.section-title{display:inline-block;font-size:var(--text-2xl);margin-bottom:var(--space-10)}.section-title:after{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);width:40px}.stats-grid{grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-12)}.stat-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:var(--space-8);position:relative;text-align:center;transition:all var(--duration-300) var(--ease-out)}.stat-card:before{background:linear-gradient(135deg,var(--primary),var(--accent));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--duration-300) var(--ease-out)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.stat-icon{border-radius:var(--radius-xl);box-shadow:var(--shadow-purple);color:#fff;height:64px;margin:0 auto var(--space-6);position:relative;width:64px}.stat-icon,.stat-icon:after{background:linear-gradient(135deg,var(--primary),var(--purple-700))}.stat-icon:after{border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;padding:2px;position:absolute;transition:opacity var(--duration-300) var(--ease-out)}.stat-card:hover .stat-icon:after{opacity:1}.stat-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.05em;margin-bottom:var(--space-3);text-transform:uppercase}.stat-value{word-wrap:break-word;align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-4xl);font-weight:var(--weight-bold);-webkit-hyphens:auto;hyphens:auto;justify-content:center;margin:0;min-height:1.2em;overflow-wrap:break-word;text-align:center}.service-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);color:inherit;display:block;overflow:hidden;padding:var(--space-8);position:relative;text-decoration:none;transition:all var(--duration-300) var(--ease-out)}.service-card:before{background:linear-gradient(90deg,#0000,#9333ea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-500) var(--ease-out);width:100%}.service-card:hover:before{left:100%}.service-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2xl);text-decoration:none;transform:translateY(-8px) scale(1.02)}.service-card-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.service-card-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--purple-700));border-radius:var(--radius-xl);box-shadow:var(--shadow-purple);color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.service-card-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.service-card-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.service-card-body{margin-bottom:var(--space-6)}.service-card-description{color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-card-footer{align-items:center;border-top:1px solid var(--border-muted);display:flex;justify-content:space-between;padding-top:var(--space-4)}.credit-cost{align-items:center;background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.activity-list{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;gap:var(--space-4);padding:var(--space-6);position:relative;transition:all var(--duration-200) var(--ease-out)}.activity-item:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--duration-200) var(--ease-out);width:4px}.activity-item:hover:before{transform:scaleY(1)}.activity-item:hover{background:var(--surface-hover);transform:translateX(8px)}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--primary);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all var(--duration-200) var(--ease-out);width:48px}.activity-item:hover .activity-icon{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.activity-time{color:var(--text-muted);font-size:var(--text-sm)}.quick-actions{margin-top:var(--space-12)}.quick-actions-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-8)}.quick-actions-grid .btn{border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--weight-medium);padding:var(--space-4) var(--space-6);text-align:center;text-decoration:none;transition:all var(--duration-300) var(--ease-out)}.quick-actions-grid .btn:hover{text-decoration:none;transform:translateY(-4px)}.card-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:var(--space-8) 0}@media (max-width:1200px){.stats-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:992px){.dashboard-header{margin-bottom:var(--space-8);padding:var(--space-6) 0}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.service-card{padding:var(--space-6)}.service-card-header{flex-direction:column;gap:var(--space-3);text-align:center}.quick-actions-grid{gap:var(--space-4);grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{margin-bottom:var(--space-6);padding:var(--space-4) 0}.dashboard-subtitle{font-size:var(--text-base)}.card-grid{gap:var(--space-4)}.card-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:var(--space-3)}.service-card{padding:var(--space-5)}.service-card:hover{transform:translateY(-4px)}.activity-item{gap:var(--space-3);padding:var(--space-4)}.activity-icon{height:40px;width:40px}}@media (max-width:480px){.dashboard-header{margin-bottom:var(--space-4)}.section-title{font-size:var(--text-xl)}.stat-value{font-size:var(--text-3xl)}.stat-icon{height:56px;width:56px}.stat-card{min-height:180px;padding:var(--space-6)}.service-card-header{gap:var(--space-2)}.service-card-icon{height:50px;width:50px}.activity-item{flex-direction:column;text-align:center}}.job-description-creator{margin:0 auto;max-width:1200px;padding:2rem}.page-description{margin-top:var(--space-4)}.input-section{border-radius:12px;padding:1.8rem}.job-description-creator .form-control,.job-description-creator .form-group input,.job-description-creator .form-group select,.job-description-creator .form-group textarea{background:var(--bg-secondary)!important;border:2px solid var(--border-primary)!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--text-primary)!important;font-size:.9rem!important;height:auto!important;line-height:1.4!important;min-height:auto!important;padding:.75rem 1rem!important;transition:all .2s ease!important}.job-description-creator .form-control:focus,.job-description-creator .form-group input:focus,.job-description-creator .form-group select:focus,.job-description-creator .form-group textarea:focus{background:var(--bg-secondary)!important;border-color:var(--primary-200)!important;box-shadow:0 0 0 3px #892cdc1a!important;outline:none!important;transform:none!important}.job-description-creator .form-group textarea,.job-description-creator textarea.form-control{min-height:80px!important;resize:vertical!important}.job-description-creator .form-control::placeholder,.job-description-creator .form-group input::placeholder,.job-description-creator .form-group textarea::placeholder{color:var(--text-muted)!important}.job-description-creator .form-group label,.job-description-creator .form-label{color:var(--text-primary)!important;font-size:.9rem!important;font-weight:600!important;margin-bottom:.5rem!important}.form-help{color:var(--text-muted);font-size:.75rem;line-height:1.3;margin-top:.3rem;opacity:.8}.credits-info{align-items:center;background:#892cdc1a;border:1px solid #bc6ff133;border-radius:12px;color:var(--primary-200);display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.credits-info .material-icons{color:var(--primary-200);font-size:1.25rem}.generate-btn{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border:none;font-size:1rem;font-weight:600;justify-content:center;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.generate-btn:hover{box-shadow:0 8px 20px #892cdc4d;transform:translateY(-2px)}.loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.template-select-section{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:8px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:15px;margin-bottom:32px;min-width:100%;padding:20px}.light-mode .template-select-section{background:var(--card-light);border-color:var(--border-light)}.template-select-section .btn{font-size:1rem;padding:8px 16px}.template-options{flex-wrap:wrap;width:100%}.template-options .btn{flex:1 1;min-width:180px}.selected-template-info{background:#bc6ff11a;border:1px solid #bc6ff133;border-radius:6px;color:var(--primary-200);font-size:.98rem;font-weight:500;margin-left:0;margin-top:0;padding:10px}.template-info-text{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.uploaded-badge{background:#48bb78;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.template-details{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.template-details small{font-style:italic;opacity:.8}.input-section.larger{font-size:1.15rem;max-width:700px;min-width:500px;padding:3.5rem 3rem}.template-manager-modal{align-items:center;background:#0006;box-sizing:border-box;display:flex;height:calc(100vh - 64px);justify-content:center;left:0;padding:1rem;position:fixed;top:64px;width:100vw;z-index:1000}.modal-content{background:none;border-radius:0;box-shadow:none;height:100%;max-height:calc(100% - 2rem);max-width:none;max-width:1400px;min-width:0;min-width:auto;overflow:hidden;padding:0;position:static}.close-btn{background:none;font-size:2rem;height:40px;position:absolute;right:18px;top:12px;transition:color .2s ease;width:40px;z-index:10}.close-btn:hover{background:var(--hover-dark)}.light-mode .close-btn:hover{background:var(--hover-light)}.template-status{align-items:center;background:var(--success-light);border:1px solid var(--success);border-radius:8px;color:var(--success-dark);display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.template-status .material-icons{color:var(--success);font-size:1.1rem}@media (max-width:992px){.content-container{gap:2rem;grid-template-columns:1fr}.input-section.larger{max-width:100%;min-width:100%;padding:2rem 1rem}}@media (max-width:768px){.job-description-creator{padding:1rem}.input-section,.template-select-section{padding:1.2rem}.template-options{flex-direction:column}.template-options .btn{flex:none;min-width:auto}}.template-options{align-items:stretch!important;flex-wrap:wrap!important;gap:1rem!important;width:100%!important}.template-options .btn{border-radius:10px!important;box-shadow:0 4px 12px #0000001a!important;color:#fff!important;flex:1 1!important;font-family:var(--font-primary)!important;height:56px!important;line-height:1.3!important;margin:0!important;max-height:56px!important;max-width:none!important;min-height:56px!important;min-width:180px!important;padding:16px 20px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;user-select:none!important}.template-options .btn span{color:inherit!important;display:block!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.template-options .btn:hover:not(:disabled){box-shadow:0 8px 24px #00000026!important;transform:translateY(-2px)!important}.template-options .btn:focus-visible{outline:3px solid #3b82f680!important;outline-offset:2px!important}.template-options .btn:active{box-shadow:0 4px 12px #0000001a!important;transform:translateY(0)!important}.template-options .btn:disabled{background:#9ca3af!important;color:#fff!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.template-options .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f640!important}.template-options .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;border-color:#1d4ed8!important;box-shadow:0 8px 24px #3b82f659!important}.template-options .btn-primary span{color:#fff!important}.template-options .btn-secondary{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b98140!important}.template-options .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;border-color:#059669!important;box-shadow:0 8px 24px #10b98159!important}.template-options .btn-secondary span{color:#fff!important}.template-options .btn-info{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#8b5cf6!important;box-shadow:0 4px 12px #8b5cf640!important}.template-options .btn-info:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border-color:#7c3aed!important;box-shadow:0 8px 24px #8b5cf659!important}.template-options .btn-info span{color:#fff!important}.light-mode .template-options .btn{box-shadow:0 4px 16px #00000014!important}.light-mode .template-options .btn:hover:not(:disabled){box-shadow:0 8px 32px #0000001f!important}.light-mode .template-options .btn-primary{background:linear-gradient(135deg,#4f46e5,#3730a3)!important;border-color:#4f46e5!important;box-shadow:0 4px 16px #4f46e533!important}.light-mode .template-options .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#312e81)!important;border-color:#3730a3!important;box-shadow:0 8px 32px #4f46e540!important}.light-mode .template-options .btn-secondary{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#059669!important;box-shadow:0 4px 16px #05966933!important}.light-mode .template-options .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)!important;border-color:#047857!important;box-shadow:0 8px 32px #05966940!important}.light-mode .template-options .btn-info{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border-color:#7c3aed!important;box-shadow:0 4px 16px #7c3aed33!important}.light-mode .template-options .btn-info:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6)!important;border-color:#6d28d9!important;box-shadow:0 8px 32px #7c3aed40!important}@media (max-width:768px){.template-options{flex-direction:column!important;gap:.75rem!important}.template-options .btn{flex:none!important;font-size:.9rem!important;height:auto!important;max-width:100%!important;min-height:52px!important;min-width:auto!important;padding:14px 18px!important;width:100%!important}.template-options .btn span{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}}.template-select-section{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important;display:flex!important;flex-direction:column!important;gap:20px!important;margin-bottom:1.5rem!important;min-width:100%!important;padding:24px!important;transition:all .3s ease!important}.template-select-section:hover{border-color:var(--border-secondary)!important;box-shadow:var(--shadow-xl)!important}.light-mode .template-select-section{background:var(--bg-elevated)!important;border-color:var(--border-light)!important}.template-options{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-bottom:.75rem!important}.template-options .btn{align-items:center!important;border:2px solid #0000!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;display:flex!important;font-size:.95rem!important;font-weight:600!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1rem!important;text-decoration:none!important;transition:all .3s ease!important;width:100%!important}.template-options .btn:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.template-options .btn-primary{background:linear-gradient(135deg,#3182ce,#2c5aa0)!important;border-color:#3182ce!important;color:#fff!important}.template-options .btn-primary:hover{background:linear-gradient(135deg,#2c5aa0,#2a4a8a)!important;border-color:#2c5aa0!important}.template-options .btn-secondary{background:linear-gradient(135deg,#48bb78,#38a169)!important;border-color:#48bb78!important;color:#fff!important}.template-options .btn-secondary:hover{background:linear-gradient(135deg,#38a169,#2f855a)!important;border-color:#38a169!important}.template-options .btn-info{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.template-options .btn-info:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;border-color:#5a67d8!important}.light-mode .template-options .btn{box-shadow:0 2px 8px #0000001a!important}.light-mode .template-options .btn:hover{box-shadow:0 4px 16px #00000026!important}.light-mode .template-options .btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce)!important;border-color:#4299e1!important}.light-mode .template-options .btn-primary:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0)!important;border-color:#3182ce!important}.light-mode .template-options .btn-secondary{background:linear-gradient(135deg,#48bb78,#38a169)!important;border-color:#48bb78!important}.light-mode .template-options .btn-secondary:hover{background:linear-gradient(135deg,#38a169,#2f855a)!important;border-color:#38a169!important}.light-mode .template-options .btn-info{background:linear-gradient(135deg,#805ad5,#6b46c1)!important;border-color:#805ad5!important;color:#fff!important}.light-mode .template-options .btn-info:hover{background:linear-gradient(135deg,#6b46c1,#553c9a)!important;border-color:#6b46c1!important}.template-select-section h3,.template-select-section h4,.template-select-section p,.template-select-section span{color:var(--text-primary)!important;font-family:var(--font-primary)!important;line-height:1.4!important}.template-select-section .form-label{color:var(--text-primary)!important;font-size:1rem!important;font-weight:500!important;margin-bottom:.75rem!important}.selected-template-info{background:#bc6ff11a!important;border:1px solid #bc6ff133!important;border-radius:8px!important;color:var(--primary-200)!important;display:flex!important;flex-direction:column!important;font-size:.98rem!important;font-weight:500!important;gap:.5rem!important;margin-left:0!important;margin-top:0!important;padding:12px 16px!important}.template-info-text{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.uploaded-badge{background:#48bb78!important;border-radius:4px!important;color:#fff!important;font-size:.75rem!important;font-weight:500!important;padding:.25rem .5rem!important;white-space:nowrap!important}.template-details{color:var(--text-secondary)!important;font-size:.9rem!important}.template-details small{font-style:italic!important;opacity:.8!important}.template-info-badge{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-right:1rem}.template-info-badge span{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.template-info-badge .badge-primary{background:#3b82f6;color:#fff}.template-info-badge .badge-secondary{background:#6b7280;color:#fff}.template-info-badge .badge-success{background:#10b981;color:#fff}.btn.btn-accent[title*=Enhanced]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8;position:relative}.btn.btn-accent[title*=Enhanced]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn.btn-accent[title*=Enhanced]:before{content:"✨";font-size:12px;left:-8px;opacity:.8;position:absolute;top:-8px}@media (max-width:768px){.template-select-section{gap:1rem!important;padding:1.5rem!important}.template-options{flex-direction:column!important;gap:.75rem!important}.template-info-badge{gap:.25rem;margin-right:.5rem}.template-info-badge span{font-size:.625rem;padding:.125rem .375rem}.header-actions{flex-wrap:wrap;gap:.5rem}.template-info-badge{margin-bottom:.5rem;order:-1;width:100%}}.simple-template-editor{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.editor-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.editor-header h3{color:#333;font-size:24px;margin:0 0 10px}.editor-header p{color:#666;font-size:14px;margin:0}.template-info{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.template-name-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px;padding:10px;width:100%}.editor-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 400px;margin-bottom:20px}.template-editor{display:flex;flex-direction:column}.template-editor label{color:#333;font-weight:700;margin-bottom:8px}.template-textarea{border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;line-height:1.4;min-height:400px;padding:12px;resize:vertical;width:100%}.placeholder-panel{background:#f8f9fa;border-radius:6px;max-height:600px;overflow-y:auto;padding:15px}.placeholder-panel h4{color:#333;font-size:18px;margin:0 0 10px}.placeholder-help{color:#666;font-size:13px;margin:0 0 15px}.placeholder-category{margin-bottom:20px}.placeholder-category h5{border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;margin:0 0 8px;padding-bottom:4px}.placeholder-buttons{display:flex;flex-wrap:wrap;gap:6px}.placeholder-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:background-color .2s}.placeholder-btn:hover{background:#0056b3}.placeholder-btn:active{transform:translateY(1px)}.language-examples{display:flex;flex-direction:column;gap:10px}.language-example{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.language-example strong{color:#495057;font-size:12px;min-width:60px}.current-placeholders{background:#e9ecef;border-radius:6px;margin-bottom:20px;padding:15px}.current-placeholders h4{color:#333;font-size:16px;margin:0 0 15px}.placeholder-list{display:flex;flex-wrap:wrap;gap:8px}.placeholder-item{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px}.placeholder-name{color:#495057;font-family:Courier New,monospace;margin-right:8px}.remove-placeholder-btn{align-items:center;background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;width:20px}.remove-placeholder-btn:hover{background:#c82333}.template-instructions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:20px;padding:15px}.template-instructions h4{color:#856404;font-size:16px;margin:0 0 10px}.template-instructions ul{color:#856404;margin:0;padding-left:20px}.template-instructions li{font-size:13px;margin-bottom:5px}.template-instructions code{background:#f8f9fa;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;padding:2px 4px}.editor-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.btn{border-radius:4px;font-size:14px;padding:10px 20px;transition:all .2s}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary:hover{background:#545b62}@media (max-width:768px){.editor-layout{gap:15px;grid-template-columns:1fr}.placeholder-panel{max-height:400px}.language-example{align-items:flex-start;flex-direction:column}.language-example strong{margin-bottom:5px}.editor-actions{flex-direction:column}.btn{width:100%}}.visual-template-editor{background:var(--bg-100);border-radius:12px;box-shadow:var(--card-shadow);height:65vh;margin:0 1rem;overflow:hidden;width:100%}.light-mode .visual-template-editor{background:var(--card-light)}.editor-layout{display:flex;height:100%}.template-preview-panel{background:var(--card-dark);border-right:1px solid var(--border-dark);display:flex;flex:1 1;flex-direction:column;min-width:0}.light-mode .template-preview-panel{background:var(--card-light);border-right:1px solid var(--border-light)}.panel-header{background:var(--bg-200);border-bottom:1px solid var(--border-dark);flex-shrink:0;padding:1rem 1.5rem}.light-mode .panel-header{border-bottom:1px solid var(--border-light)}.panel-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.template-name{font-size:.85rem}.hint,.template-name{color:var(--text-secondary)}.hint{font-size:.8rem;margin:.25rem 0 0}.template-canvas{background:#fff;flex:1 1;min-height:0;overflow:auto;padding:2rem;position:relative}.interactive-template{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Arial,sans-serif;font-size:13px;line-height:1.6;margin:0 auto;max-width:100%;padding:2.5rem}.interactive-template.html-preview{background:#fff;box-shadow:0 0 10px #0000001a;color:#000;font-family:Calibri,Arial,sans-serif;font-size:11pt;line-height:1.15;margin:0 auto;max-width:8.5in;min-height:11in;padding:1in}.interactive-template.html-preview p{margin:0 0 12pt;text-align:justify}.interactive-template.html-preview h1,.interactive-template.html-preview h2,.interactive-template.html-preview h3{color:#1f4e79;font-weight:700;margin:18pt 0 6pt}.interactive-template.html-preview h1{font-size:16pt}.interactive-template.html-preview h2{font-size:14pt}.interactive-template.html-preview h3{font-size:12pt}.interactive-template.html-preview table{border-collapse:collapse;margin:12pt 0;width:100%}.interactive-template.html-preview td,.interactive-template.html-preview th{border:1px solid #000;padding:6pt;text-align:left}.interactive-template.html-preview th{background-color:#f2f2f2;font-weight:700}.interactive-template.html-preview ol,.interactive-template.html-preview ul{margin:12pt 0;padding-left:36pt}.interactive-template.html-preview li{margin:6pt 0}.interactive-template.html-preview b,.interactive-template.html-preview strong{font-weight:700}.interactive-template.html-preview em,.interactive-template.html-preview i{font-style:italic}.interactive-template.html-preview u{text-decoration:underline}.interactive-template.text-preview{font-family:Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap}.interactive-template.html-preview .interactive-placeholder{border-radius:3px!important;display:inline!important;font-size:10pt!important;font-weight:600!important;margin:0 2px!important;padding:4px 8px!important;vertical-align:initial!important}.interactive-template.html-preview .interactive-placeholder:hover{box-shadow:0 2px 4px #0003!important;transform:none!important}.interactive-placeholder{border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;margin:0 3px;padding:6px 10px;position:relative;transition:all .2s ease}.interactive-placeholder:not(.mapped){background:#f0f8ff;border:2px dashed #4caf50;color:#2e7d32}.interactive-placeholder.mapped{background:#e8f5e8;border:2px solid #4caf50;color:#1b5e20}.interactive-placeholder.highlighted{background:#fff3e0;border-color:#ff9800;box-shadow:0 2px 8px #ff98004d;transform:scale(1.05)}.interactive-placeholder.hovered{background:#f3e5f5;border-color:#9c27b0}.fields-sidebar{background:var(--bg-200);border-left:1px solid var(--border-dark);display:flex;flex-direction:column;width:300px}.light-mode .fields-sidebar{border-left:1px solid var(--border-light)}.fields-list{flex:1 1;max-height:35vh;min-height:0;overflow-y:auto;padding:1rem 1.25rem}.field-bubble{align-items:center;background:var(--card-dark);border:1px solid var(--border-dark);border-radius:8px;cursor:grab;display:flex;gap:.5rem;margin-bottom:.4rem;padding:.6rem .8rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.light-mode .field-bubble{background:var(--card-light);border-color:var(--border-light)}.field-bubble:hover{background:var(--hover-dark);border-color:var(--primary-200);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.light-mode .field-bubble:hover{background:var(--hover-light)}.field-bubble:active{cursor:grabbing;transform:scale(.98)}.field-bubble.used{background:var(--success-light);border-color:var(--success);opacity:.7}.field-icon{color:var(--primary-200);flex-shrink:0;font-size:1rem}.field-label{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-status{color:var(--success);font-weight:700}.mapping-summary{background:var(--bg-100);border-top:1px solid var(--border-dark);max-height:25vh;overflow-y:auto;padding:1rem 1.25rem}.light-mode .mapping-summary{border-top:1px solid var(--border-light)}.mapping-summary h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.no-mappings{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0}.mappings-list{max-height:150px;overflow-y:auto}.mapping-item{align-items:center;background:var(--card-dark);border-radius:6px;display:flex;font-size:.8rem;gap:.4rem;margin-bottom:.25rem;padding:.4rem}.light-mode .mapping-item{background:var(--card-light)}.mapping-placeholder{background:var(--primary-light);border-radius:4px;color:var(--primary-dark);font-size:.8rem;font-weight:500;padding:2px 6px}.mapping-arrow{color:var(--text-secondary);font-weight:700}.mapping-field{color:var(--text-primary);flex:1 1;font-weight:500}.remove-mapping{align-items:center;background:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;transition:all .2s ease;width:20px}.remove-mapping:hover{background:var(--danger-dark);transform:scale(1.1)}.no-preview{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;height:100%;justify-content:center}@media (max-width:1200px){.template-canvas{padding:1.75rem}.interactive-template{padding:2rem}.fields-sidebar{width:280px}.field-label{font-size:.8rem}}@media (max-width:1024px){.editor-layout{flex-direction:column}.fields-sidebar{border-left:none;border-top:1px solid var(--border-dark);max-height:250px;width:100%}.light-mode .fields-sidebar{border-top:1px solid var(--border-light)}.fields-list,.mapping-summary{max-height:120px;padding:1rem}.template-canvas{padding:1.5rem}.interactive-template{font-size:12px;padding:1.75rem}}@media (max-width:768px){.visual-template-editor{height:60vh;margin:0 .5rem}.field-bubble{padding:.5rem .6rem}.field-label{font-size:.8rem}.fields-list,.mapping-summary,.panel-header{padding:.75rem 1rem}.template-canvas{padding:1.25rem}.interactive-template{padding:1.5rem}}.field-bubble.dragging{box-shadow:0 8px 20px #0000004d;opacity:.5;transform:rotate(5deg) scale(.95)}.drop-zones-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.drop-zone{transition:all .2s ease}.drop-zone:hover{background-color:#2196f333!important;border-color:#2196f399!important}.interactive-placeholder.custom-field{background:#e3f2fd!important;border:2px solid #2196f3!important;color:#0d47a1!important}.interactive-placeholder.custom-field .remove-custom-field{background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;height:16px;margin-left:5px;transition:all .2s ease;width:16px}.interactive-placeholder.custom-field .remove-custom-field:hover{background:#d32f2f;transform:scale(1.1)}.mapping-placeholder.custom{background:#e3f2fd;border:1px solid #2196f3;color:#1976d2}.interactive-placeholder.drop-target{animation:pulse 1s infinite;background:#e3f2fd;border-color:#2196f3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fields-list::-webkit-scrollbar,.mappings-list::-webkit-scrollbar{width:6px}.fields-list::-webkit-scrollbar-track,.mappings-list::-webkit-scrollbar-track{background:var(--bg-100)}.fields-list::-webkit-scrollbar-thumb,.mappings-list::-webkit-scrollbar-thumb{background:var(--bg-300);border-radius:3px}.fields-list::-webkit-scrollbar-thumb:hover,.mappings-list::-webkit-scrollbar-thumb:hover{background:var(--bg-400)}.visual-editor-container{background:#000c;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.visual-editor-header{flex-shrink:0}.visual-editor-header h3{font-size:1.2rem}.visual-editor-actions{gap:.75rem}.visual-editor-actions .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.visual-editor-actions .btn-primary{background:var(--primary);color:#fff}.visual-editor-actions .btn-primary:hover{background:var(--primary-dark)}.visual-editor-actions .btn-secondary{background:var(--bg-300);border:1px solid var(--border-dark);color:var(--text-primary)}.visual-editor-actions .btn-secondary:hover{background:var(--hover-dark)}.light-mode .visual-editor-actions .btn-secondary{background:var(--bg-light);border-color:var(--border-light)}.light-mode .visual-editor-actions .btn-secondary:hover{background:var(--hover-light)}.confirmation-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal-content{animation:slideInUp .3s ease;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-2xl);max-width:450px;overflow:hidden;width:90%}.confirmation-modal-header{align-items:center;display:flex;flex-direction:column;padding:2rem 2rem 1rem;text-align:center}.confirmation-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.confirmation-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirmation-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirmation-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirmation-icon .material-icons{color:#fff;font-size:32px}.confirmation-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.confirmation-modal-body{padding:0 2rem;text-align:center}.confirmation-message{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.confirmation-modal-actions{display:flex;gap:1rem;justify-content:center;padding:2rem}.confirmation-modal-actions .btn{border-radius:12px;flex:1 1;font-weight:600;max-width:140px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger{border:none}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.light-mode .confirmation-modal-content{background:var(--bg-primary-light);border-color:var(--border-light)}.light-mode .confirmation-title{color:var(--text-primary-light)}.light-mode .confirmation-message{color:var(--text-secondary-light)}@media (max-width:480px){.confirmation-modal-content{margin:1rem;width:95%}.confirmation-modal-header{padding:1.5rem 1.5rem 1rem}.confirmation-modal-body{padding:0 1.5rem}.confirmation-modal-actions{flex-direction:column;padding:1.5rem}.confirmation-modal-actions .btn{max-width:none}.confirmation-icon{height:56px;width:56px}.confirmation-icon .material-icons{font-size:28px}.confirmation-title{font-size:1.25rem}}.template-manager-card{background:var(--card-dark);border-radius:12px;box-shadow:var(--card-shadow);color:var(--text-dark);margin:0 auto;max-width:540px;padding:0}.light-mode .template-manager-card{background:var(--card-light);color:var(--text-light)}.modal-header{background:#0000;flex-shrink:0;padding:1.5rem 0 1rem}.light-mode .modal-header{border-bottom:1px solid var(--border-light)}.modal-title{color:var(--text-primary)!important;font-family:var(--font-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-subtitle{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.modal-body{padding:1.25rem 0}.modal-footer{align-items:center;background:#0000;border-top:1px solid var(--border-dark);flex-shrink:0;justify-content:space-between;padding:1rem 0}.light-mode .modal-footer{border-top:1px solid var(--border-light)}.form-label{color:var(--text-primary)!important;font-size:1rem;margin-bottom:.75rem}.form-control,.form-label{font-family:var(--font-primary)}.light-mode .form-control{background-color:#fff!important;border-color:var(--border-light)!important}.form-control:focus{border-color:var(--primary-200)!important;box-shadow:0 0 0 3px #6366f133}.list-group{list-style:none;margin:0;padding:0}.list-group-item{align-items:center;background:#0000;border:none;color:var(--text-primary);display:flex;font-size:1rem;gap:.5rem;padding:.5rem 0}.pill{background:var(--primary-color);border-radius:999px;color:#fff;display:inline-block;font-size:.95rem;font-weight:500;margin-right:.5rem;padding:.25rem .75rem}.placeholder-bubble{background:var(--background-dark);border:1.5px solid var(--border-dark);border-radius:16px;box-shadow:0 1px 4px #00000014;color:var(--text-primary);font-size:1rem;margin-bottom:12px;padding:10px 16px;position:relative}.light-mode .placeholder-bubble{background:var(--background-light);border:1.5px solid var(--border-light);color:var(--text-light)}.drop-area{align-items:center;background:var(--card-dark);border:2px dashed var(--primary-color);border-radius:8px;display:flex;justify-content:center;margin-top:8px;min-height:32px;transition:background .2s,border-color .2s}.light-mode .drop-area{background:var(--card-light);border-color:var(--primary-color)}.drop-area:hover{background:var(--hover-dark);border-color:var(--primary-dark)}.light-mode .drop-area:hover{background:var(--hover-light);border-color:var(--primary-dark)}.drop-area .drop-hint{color:var(--text-secondary);font-size:.95rem}.mapped-field{background:var(--primary-color);border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;padding:4px 10px}.job-field-bubble{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:16px;color:var(--text-primary);cursor:grab;font-size:.95rem;margin-bottom:10px;padding:8px 14px;transition:background .2s,border-color .2s}.light-mode .job-field-bubble{background:var(--card-light);border-color:var(--border-light);color:var(--text-light)}.job-field-bubble:hover{background:var(--hover-dark);border-color:var(--primary-dark)}.light-mode .job-field-bubble:hover{background:var(--hover-light);border-color:var(--primary-dark)}.job-field-bubble:active{background:var(--primary-dark)}.error-message{margin-top:.5rem;padding:.5rem 1rem}.spinner{border-top:2px solid var(--primary-color);height:1.25rem;width:1.25rem}.template-manager{background:var(--bg-primary)!important;border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-2xl);color:var(--text-primary);display:flex;flex-direction:column;margin:0 auto;max-height:85vh;max-width:85vw;overflow:hidden;padding:0 1.5rem;width:100%}.light-mode .template-manager{background:#fff!important;border-color:var(--border-light)}.template-manager h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:18px}.template-upload-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.light-mode .template-upload-section{background:var(--bg-50);border-color:var(--border-light)}.upload-status{color:var(--primary-200);font-size:.9rem;margin-left:.5rem}.template-list-section{margin-bottom:1rem}.template-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.template-card{align-items:center;background:var(--bg-elevated)!important;border:2px solid var(--border-primary)!important;border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .3s ease}.light-mode .template-card{background:#fff!important;border-color:var(--border-light)!important}.template-card:hover{background:var(--bg-secondary)!important;border-color:var(--primary-200)!important;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.light-mode .template-card:hover{background:var(--bg-50)!important;border-color:var(--primary-200)!important}.template-card.selected{background:var(--primary-dark)!important;border-color:var(--primary-200)!important;box-shadow:0 0 0 3px #6366f133}.light-mode .template-card.selected{background:#6366f11a!important}.template-icon{color:var(--primary-200);flex-shrink:0;font-size:2rem}.template-info{background:#0000!important;flex:1 1;min-width:0}.template-info h4{color:var(--text-primary)!important;font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-date,.template-info h4{background:#0000!important;font-family:var(--font-primary)}.template-date{color:var(--text-secondary)!important;font-size:.85rem;margin:0}.template-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.delete-template-btn,.edit-template-btn{align-items:center;background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px}.edit-template-btn{background:var(--primary-light)!important;border-color:var(--primary-200);color:var(--primary-200)!important}.light-mode .edit-template-btn{background:#6366f11a!important;border-color:var(--primary-200)}.edit-template-btn:hover{background:var(--primary-200)!important;box-shadow:0 2px 8px #6366f14d;color:#fff!important;transform:scale(1.05)}.delete-template-btn{color:#ef4444!important}.delete-template-btn,.light-mode .delete-template-btn{background:#ef44441a!important;border-color:#ef4444}.delete-template-btn:hover{background:#ef4444!important;box-shadow:0 2px 8px #ef44444d;color:#fff!important;transform:scale(1.05)}.template-actions{opacity:.8;transition:opacity .3s ease}.template-card:hover .template-actions{opacity:1}.btn-accent{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;color:#fff;font-weight:600}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#ff7676);box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.btn-info{border:none;font-weight:500}.no-templates{background:var(--bg-secondary)!important;border:2px dashed var(--border-secondary);border-radius:12px;color:var(--text-secondary)!important;font-family:var(--font-primary);font-style:italic;padding:2rem;text-align:center}.light-mode .no-templates{background:var(--bg-50)!important;border-color:var(--border-light)}.visual-editor-container{height:70vh;margin:0 -1.5rem}.selection-hint{font-style:italic;margin:0}.btn-primary{background:var(--primary-200)}.btn-primary:hover:not(:disabled){background:var(--primary-100);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{background:var(--text-disabled)}.btn-secondary{background:var(--bg-300)}.btn-secondary:hover{background:var(--hover-dark)}.light-mode .btn-secondary:hover{background:var(--hover-light)}.template-preview{background:var(--bg-100);border:1px solid var(--border-dark);border-radius:8px;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:1rem}.light-mode .template-preview{border-color:var(--border-light)}@media (max-width:1400px){.template-manager{max-width:90vw}}@media (max-width:1024px){.template-manager{max-height:90vh;max-width:95vw}.template-grid{grid-template-columns:1fr}.visual-editor-container{height:60vh}}@media (max-width:768px){.template-manager{max-height:95vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding-left:1rem;padding-right:1rem}.modal-header{padding-bottom:.5rem;padding-top:.75rem}.modal-footer{flex-direction:column;gap:.75rem;padding-bottom:.75rem;padding-top:.75rem}.btn{justify-content:center;width:100%}.template-card{padding:.75rem}.visual-editor-container{height:50vh;margin:0 -1rem}}@media (max-width:480px){.template-manager{max-height:98vh}.modal-body{padding:.75rem}.template-card{padding:.5rem}.template-icon{font-size:1.5rem}.template-info h4{font-size:.9rem}}.template-manager-modal{margin-top:80px}.mapping-instructions{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:8px;margin:1rem 0;padding:1.5rem}.light-mode .mapping-instructions{background:var(--card-light);border-color:var(--border-light)}.mapping-instructions p{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 0 1rem}.mapping-instructions ul{color:var(--text-secondary);margin:0;padding-left:1.5rem}.mapping-instructions li{line-height:1.4;margin-bottom:.5rem}.mapping-instructions code{background:var(--bg-100);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .4rem}.light-mode .mapping-instructions code{background:var(--bg-50)}.template-manager .visual-editor-container{background:var(--bg-100);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.visual-editor-header{align-items:center;background:var(--bg-200);border-bottom:1px solid var(--border-dark);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.light-mode .visual-editor-header{border-bottom:1px solid var(--border-light)}.visual-editor-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.visual-editor-actions{display:flex;gap:1rem}.visual-editor-container .visual-template-editor{flex:1 1;height:calc(100vh - 80px);margin:0}.btn-success{background:var(--success);border:1px solid var(--success)}.btn-success:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark)}.btn-success:disabled{background:var(--bg-300);border-color:var(--border-dark);color:var(--text-secondary);cursor:not-allowed}.template-ready-info{animation:fadeIn .3s ease-in-out;background:var(--success-light);border:1px solid var(--success);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.light-mode .template-ready-info{background:#f0f9ff;border-color:#0ea5e9}.template-ready-info .success-message{align-items:center;color:var(--success-dark);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.light-mode .template-ready-info .success-message{color:#0c4a6e}.template-ready-info .success-message .material-icons{color:var(--success);font-size:1.2rem}.light-mode .template-ready-info .success-message .material-icons{color:#0ea5e9}.template-instructions{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.light-mode .template-instructions{color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.job-description-response{margin:0 auto;max-width:1400px;padding:24px}.page-header{align-items:center;margin-bottom:24px}.header-actions{align-items:center;flex-wrap:wrap;gap:12px}.header-actions .btn{flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.header-actions .btn.evaluate-btn{min-width:200px;padding:.75rem 1.5rem}.response-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:calc(100vh - 150px);min-height:600px}.card{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column}.panel-header{background-color:#0000000d;background-color:var(--card-header-bg,#0000000d);border-bottom:1px solid var(--border-color);padding:16px 24px}.panel-header h2{font-size:1.25rem;font-weight:500;margin:0}.panel-subtitle{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:4px}.description-panel{display:flex;flex-direction:column;height:100%}.description-content{flex:1 1;line-height:1.6;overflow-y:auto;padding:24px}.description-content p{margin-bottom:.8em}.chat-panel{height:100%}.chat-container,.chat-panel{display:flex;flex-direction:column}.chat-container{flex:1 1}.chat-messages{gap:16px;padding:16px 24px}.message{display:flex;gap:12px;max-width:95%;position:relative}.message.assistant .message-avatar{background-color:var(--primary-color);color:#fff}.message.user .message-avatar{background-color:#555;background-color:var(--secondary-color,#555);color:#fff}.message-bubble{border-radius:12px;flex:1 1;font-size:1.08rem;line-height:1.5;padding:12px 16px;word-break:break-word}.message-row.assistant .message-bubble{background:#f5f6fa;background:var(--secondary-bg,#f5f6fa);border-top-left-radius:4px;color:#222;color:var(--text-color,#222)}.message-row.user .message-bubble{background:var(--primary-color);border-top-right-radius:4px}.light-mode .message-row.assistant .message-bubble{background:#f5f6fa;color:#222}.light-mode .message-row.user .message-bubble{background:var(--primary-color);color:#fff}.dark-mode .message-row.assistant .message-bubble{background:#23243a}.dark-mode .message-row.user .message-bubble{background:var(--primary-color);color:#fff}.chat-main-container,.initial-description-card{background:#23243a;background:var(--card-bg,#23243a);border-radius:12px;box-shadow:0 4px 16px #00000012;color:#fff;color:var(--text-color,#fff);margin-bottom:32px;padding:32px 36px}.light-mode .chat-main-container,.light-mode .initial-description-card{background:#f5f6fa;color:#222}.dark-mode .chat-main-container,.dark-mode .initial-description-card{background:#23243a;color:#fff}.initial-description-title{font-size:1.3rem;font-weight:600;margin-bottom:18px}.initial-description-content{font-size:1.08rem;line-height:1.7}.message-content{flex:1 1;line-height:1.5;padding:12px 16px}.message.assistant .message-content{background-color:var(--secondary-bg);border-top-left-radius:4px;color:var(--text-color)}.message.user .message-content{background-color:var(--primary-color);border-top-right-radius:4px;color:#fff}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content.loading{align-items:center;display:flex;justify-content:center;min-height:40px}.loading-dots{display:flex;gap:6px}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;background-color:var(--text-color);border-radius:50%;height:8px;opacity:.6;width:8px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.chat-input-form{align-items:flex-end;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;gap:16px;padding:24px}.chat-input{background:var(--primary-color);border:none;border-radius:16px;box-shadow:0 2px 8px #8c43ff14;color:#fff;flex:1 1;font-family:inherit;font-size:1.1rem;max-height:120px;min-height:48px;padding:18px 20px;transition:box-shadow .2s,border-color .2s}.chat-input:focus{box-shadow:0 0 0 2px var(--primary-color);outline:none}.chat-input::placeholder{color:#e0d7f7;opacity:.8}.send-btn{align-items:center;background:var(--primary-color);border:none;border-radius:12px;box-shadow:0 2px 8px #8c43ff14;color:#fff;display:flex;font-size:2rem;height:48px;justify-content:center;transition:background .2s;width:56px}.send-btn:disabled{background:#bca6e7;color:#eee;cursor:not-allowed}@media (max-width:1024px){.response-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media (max-width:768px){.job-description-response{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.header-actions .btn{flex:1 1;font-size:.9rem;min-width:120px;padding:.6rem .8rem}.response-layout{height:auto;min-height:auto}.chat-panel,.description-panel{height:500px}}.light-mode .chat-input{background:var(--primary-color);color:#fff}.light-mode .chat-input::placeholder{color:#bca6e7;opacity:.8}.btn-info{background:#17a2b8;background:var(--info-color,#17a2b8);color:#fff}.btn-info:hover:not(:disabled){background:#138496;background:var(--info-dark,#138496);box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.job-evaluation{margin:0 auto;max-width:1200px;padding:2rem}.page-subtitle,.page-title{margin-bottom:var(--space-8)}.content-container{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin-top:2.5rem}.input-section{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);padding:2.5rem;transition:all .3s ease}.input-section:hover{border-color:#bc6ff133;box-shadow:var(--hover-shadow)}.form-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-control{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;box-sizing:border-box;line-height:1.2;min-height:32px;padding:.5rem 1rem}.form-group:has(input[type=text]) .form-control,.form-group:has(select) .form-control{max-width:65%}.form-group:has(input[placeholder*="job position"]) .form-control,.form-group:has(select[aria-label*=Project]) .form-control{max-width:55%}.form-group:has(textarea) .form-control{max-width:100%}.form-group input[type=text].form-control,.form-group select.form-control{max-width:65%}.form-group input[placeholder*="job position"].form-control,.form-group select.form-control{max-width:55%}.form-group textarea.form-control{max-width:100%}.job-title-input,.project-select{max-width:55%!important;min-height:28px!important;padding:.4rem 1rem!important}.form-group input[type=text].form-control,.form-group select.form-control{line-height:1.1!important;min-height:28px!important;padding:.4rem 1rem!important}.form-group textarea.form-control{line-height:1.4!important;max-width:100%!important;min-height:80px!important;padding:.75rem 1rem!important}@media (max-width:1200px){.form-group input[type=text].form-control,.form-group select.form-control,.form-group:has(input[type=text]) .form-control,.form-group:has(select) .form-control{max-width:70%}.form-group:has(input[placeholder*="job position"]) .form-control,.form-group:has(select[aria-label*=Project]) .form-control,.job-title-input,.project-select{max-width:60%}}@media (max-width:768px){.form-group input[type=text].form-control,.form-group select.form-control,.form-group:has(input[type=text]) .form-control,.form-group:has(select) .form-control{max-width:80%}.form-group:has(input[placeholder*="job position"]) .form-control,.form-group:has(select[aria-label*=Project]) .form-control,.job-title-input,.project-select{max-width:70%}}@media (max-width:480px){.form-group input[type=text].form-control,.form-group select.form-control,.form-group:has(input[type=text]) .form-control,.form-group:has(select) .form-control{max-width:90%}.form-group:has(input[placeholder*="job position"]) .form-control,.form-group:has(select[aria-label*=Project]) .form-control,.job-title-input,.project-select{max-width:85%}}.form-control:focus{background:var(--bg-secondary);border-color:var(--primary-200);box-shadow:0 0 0 3px #892cdc1a}.form-control::placeholder{color:var(--text-muted)}.file-upload-container{align-items:center;display:flex;margin-top:1rem;position:relative}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-upload-label{background:var(--bg-100);border:2px dashed #bc6ff14d;border-radius:12px;color:var(--text-secondary);flex:1 1;font-size:.9rem;gap:.75rem;justify-content:center;padding:.9rem;transition:all .2s ease}.file-upload-label:hover{background:#892cdc0d;border-color:var(--primary-200);color:var(--primary-200)}.file-upload-label .material-icons{color:var(--primary-200);flex-shrink:0;font-size:1.5rem}.file-upload-label .material-icons,.remove-file-btn{align-items:center;display:flex;justify-content:center}.remove-file-btn{background:var(--bg-300);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:36px;margin-left:12px;transition:all .2s ease;width:36px}.remove-file-btn:hover{background:#ff3b3026;color:#ff3b30e6}.remove-file-btn .material-icons{font-size:18px}.extracting-indicator{background:#892cdc14;color:var(--primary-200)}.extracting-indicator,.success-indicator{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:10px;margin-top:10px;padding:8px 12px}.success-indicator{background:#34c75914;color:#34c759}.success-indicator .material-icons{font-size:18px}.loading-spinner-small{border:2px solid var(--primary-200);border-top:2px solid #0000;flex-shrink:0;height:18px;width:18px}.error-message{background:#ff3b3014;color:#ff3b30;color:var(--error-color,#ff3b30);font-size:.9rem;margin-top:1rem}.evaluate-btn{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border:none;font-size:1rem;font-weight:600;justify-content:center;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.evaluate-btn:hover{box-shadow:0 8px 20px #892cdc4d;transform:translateY(-2px)}.evaluate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.output-section{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);height:-webkit-fit-content;height:fit-content;padding:2.5rem;position:-webkit-sticky;position:sticky;top:5rem}.output-section:hover{border-color:#bc6ff133;box-shadow:var(--hover-shadow)}.evaluation-results{display:flex;flex-direction:column;gap:2rem}.evaluation-metric{background:var(--bg-100);border:1px solid var(--bg-300);border-radius:12px;padding:1.5rem;transition:all .3s ease}.evaluation-metric:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #0000001a}.metric-header{margin-bottom:1rem}.metric-header h3{font-size:1rem;font-weight:500}.metric-score{border-radius:20px}.metric-bar{background:var(--bg-300);border-radius:5px;height:10px;overflow:hidden}.metric-fill{background:linear-gradient(90deg,var(--primary-100),var(--primary-200));border-radius:5px;height:100%;transition:width .6s ease}.overall-score{background:var(--bg-100);border:1px solid var(--bg-300);border-radius:12px;padding:2rem;text-align:center}.overall-score h3{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0 0 1.5rem}.score-circle{height:100px;width:100px}@media (max-width:992px){.content-container{gap:2rem;grid-template-columns:1fr}.output-section{position:static}}@media (max-width:768px){.job-evaluation{padding:1rem}.input-section,.output-section{padding:1.5rem}.score-circle{font-size:1.5rem;height:80px;width:80px}}.evaluation-content{display:flex;flex-direction:column;gap:2rem}.evaluation-form-card h2,.evaluation-result-card h2{font-size:1.25rem;margin-bottom:.5rem;margin-top:0}.input-methods{gap:1rem;margin-bottom:1.5rem}.input-method,.input-methods{display:flex;flex-direction:column}.input-method{background-color:#ffffff0d;border-radius:.25rem;padding:1rem}.light-mode .input-method{background-color:#0000000d}.input-method input[type=radio]{margin-right:.5rem}.input-method label{align-items:center;display:flex;font-weight:500;margin-bottom:.5rem}.input-method select{width:100%}.file-upload-btn{align-items:center;background-color:var(--card-dark);border:1px dashed var(--border-dark);border-radius:.25rem;cursor:pointer;display:inline-flex;padding:.5rem 1rem}.light-mode .file-upload-btn{background-color:var(--card-light);border:1px dashed var(--border-light)}.file-upload-btn:hover{background-color:#ffffff0d}.light-mode .file-upload-btn:hover{background-color:#0000000d}.file-upload-btn .material-icons{margin-right:.5rem}.file-info{align-items:center;background-color:#ffffff0d;border-radius:.25rem;display:flex;margin-top:.75rem;padding:.5rem}.light-mode .file-info{background-color:#0000000d}.file-info .material-icons{color:var(--primary);margin-right:.5rem}.remove-file{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:.25rem}.light-mode .remove-file{color:var(--text-light)}.remove-file:hover{color:var(--danger)}.error-message{padding:.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.form-actions button{align-items:center;display:flex}.form-actions button .material-icons,.form-actions button .spinner{margin-right:.5rem}.spinner{animation:spin 1s ease-in-out infinite;height:1rem;width:1rem}.credit-info{align-items:center;display:flex;font-size:.875rem;margin-top:1rem;opacity:.7}.credit-info .material-icons{font-size:1rem;margin-right:.25rem}.result-header{justify-content:space-between;margin-bottom:1.5rem}.download-btn,.result-header{align-items:center;display:flex}.download-btn .material-icons,.download-btn .spinner{margin-right:.5rem}.evaluation-summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:auto 1fr}@media (max-width:768px){.evaluation-summary{grid-template-columns:1fr}}.total-score{align-items:center;display:flex;flex-direction:column;justify-content:center}.total-score h3{font-size:1rem;margin-bottom:1rem;margin-top:0;text-align:center}.dimensions-breakdown{display:flex;flex-direction:column;gap:1.5rem}.evaluation-dimension{background-color:#ffffff0d;border-radius:.25rem;padding:1rem}.light-mode .evaluation-dimension{background-color:#0000000d}.evaluation-dimension h3{color:var(--primary);font-size:1rem;margin-bottom:1rem;margin-top:0}.dimension-details{margin-bottom:1rem}.dimension-attribute{display:flex;justify-content:space-between;margin-bottom:.5rem}.attribute-name{font-weight:500}.dimension-score{border-top:1px solid var(--border-dark);display:flex;font-weight:700;justify-content:space-between;padding-top:.75rem}.light-mode .dimension-score{border-top:1px solid var(--border-light)}.score-value{color:var(--primary)}.detailed-justification h3{font-size:1.125rem;margin-bottom:1rem;margin-top:0}.detailed-justification p{line-height:1.6;text-align:justify}.job-evaluation-results{margin:0 auto;max-width:1200px;padding:2rem}.results-content-container{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}.score-circle{box-shadow:0 8px 20px #892cdc4d;font-size:2.5rem}.justification-section{padding:2rem}.justification-section h3{border-bottom:1px solid var(--bg-300);font-size:1.2rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.justification-content{font-size:1rem}.justification-content p{margin:0;text-align:justify}.loading-container{height:100vh}.loading-message{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-spinner{border:4px solid var(--primary-200);border-top:4px solid #0000}.job-evaluation-history{margin:0 auto;max-width:1400px;padding:2rem}.job-evaluation-history.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.evaluations-container{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.evaluations-table{border-collapse:collapse;width:100%}.evaluations-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.evaluations-table td{border-bottom:1px solid var(--border-muted);padding:1rem;vertical-align:middle}.evaluations-table tr:hover{background:var(--bg-hover)}.job-title-cell{min-width:200px}.score-cell{min-width:80px}.score-badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;min-width:40px;padding:.25rem .75rem;text-align:center}.score-badge.score-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.score-badge.score-good{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.score-badge.score-average{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.score-badge.score-poor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.score-badge.total{font-size:1rem;font-weight:700;padding:.5rem 1rem}.total-score{min-width:100px}.evaluation-summary{margin-bottom:2rem}.evaluation-date{color:var(--text-secondary);font-size:.875rem}.scores-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.score-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-align:center}.score-item.total{background:linear-gradient(135deg,#9333ea1a,#3b82f61a);border-color:var(--primary)}.score-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.score-value{border-radius:8px;display:block;font-size:2rem;font-weight:700;padding:.5rem 1rem}.justification-section{margin-bottom:2rem}.justification-section h4{color:var(--text-primary);margin:0 0 1rem}.justification-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);line-height:1.6;padding:1.5rem}.detailed-breakdown h4{color:var(--text-primary);margin:0 0 1.5rem}.breakdown-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.breakdown-section h5{color:var(--primary);font-size:1rem;margin:0 0 1rem}.breakdown-section ul{list-style:none;margin:0;padding:0}.breakdown-section li{color:var(--text-primary);line-height:1.5;margin-bottom:.75rem}.breakdown-section li:last-child{margin-bottom:0}@media (max-width:992px){.job-evaluation-history{padding:1rem}.page-title{font-size:2rem}.stats-summary{flex-direction:column;gap:1rem}.stat-item{align-items:center;flex-direction:row;justify-content:space-between;min-width:auto}.table-header{align-items:flex-start;flex-direction:column;gap:1rem}.breakdown-grid,.scores-grid{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column;gap:.5rem}}@media (max-width:768px){.evaluations-table{font-size:.875rem}.evaluations-table td,.evaluations-table th{padding:.75rem .5rem}.job-title-cell{min-width:150px}.date-cell{display:none}.score-badge{font-size:.75rem;padding:.25rem .5rem}.btn-sm{height:32px;min-width:32px;padding:.375rem}.btn-sm .material-icons{font-size:16px}}.job-description-history{margin:0 auto;max-width:1400px;padding:2rem}.job-description-history.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #ffffff1a;border-left:4px solid var(--primary)}.page-header{margin-bottom:2rem}.page-title{background:linear-gradient(135deg,var(--primary),var(--purple-600));margin:0 0 .5rem}.page-description{font-size:1.1rem;margin-bottom:1.5rem}.stats-summary{display:flex;gap:2rem;margin-top:1rem}.stat-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:1rem}.stat-number{color:var(--primary);font-size:2rem;font-weight:700}.stat-label{font-size:.875rem;text-align:center}.filters-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filters-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.filters-grid{align-items:end;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group{flex:1 1;flex-direction:column;max-width:300px;min-width:200px}.filter-group label{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.filter-input,.filter-select{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.875rem 1rem;transition:all .2s ease}.filter-input:hover,.filter-select:hover{border-color:var(--primary);box-shadow:0 4px 8px #8c43ff1a}.filter-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #8c43ff26;outline:none;transform:translateY(-1px)}.filter-select option{background:var(--bg-primary);color:var(--text-primary);padding:.5rem}.filters-header .btn-secondary{background:linear-gradient(135deg,var(--primary),var(--purple-700));border:none;box-shadow:0 4px 12px #8c43ff4d;color:#fff;font-weight:600}.filters-header .btn-secondary:hover{background:linear-gradient(135deg,var(--purple-700),var(--purple-800));box-shadow:0 6px 16px #8c43ff66;transform:translateY(-2px)}.filters-header .btn-secondary:active{transform:translateY(-1px)}.table-header .btn-secondary{background:linear-gradient(135deg,var(--primary),var(--purple-700));border:none;box-shadow:0 4px 12px #8c43ff4d;color:#fff;font-weight:600}.table-header .btn-secondary:hover{background:linear-gradient(135deg,var(--purple-700),var(--purple-800));box-shadow:0 6px 16px #8c43ff66;transform:translateY(-2px)}.table-header .btn-secondary:active{transform:translateY(-1px)}.actions-cell .btn-primary{background:linear-gradient(135deg,var(--primary),var(--purple-700));border:none;box-shadow:0 4px 12px #8c43ff4d;color:#fff;font-weight:600}.actions-cell .btn-primary:hover{background:linear-gradient(135deg,var(--purple-700),var(--purple-800));box-shadow:0 6px 16px #8c43ff66;transform:translateY(-2px)}.actions-cell .btn-primary:active{transform:translateY(-1px)}.actions-cell .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:500}.actions-cell .btn-secondary:hover{background:var(--surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.actions-cell .btn-secondary:active{transform:translateY(0)}@media (max-width:1200px){.filters-grid{gap:1rem}.filter-group{max-width:250px;min-width:180px}}@media (max-width:768px){.filters-grid{flex-direction:column;gap:1rem}.filter-group{max-width:100%;min-width:100%}.filters-header{align-items:flex-start;flex-direction:column;gap:1rem}.filters-header h3{margin-bottom:0}}@media (max-width:480px){.filters-section{padding:1rem}.filter-input,.filter-select{font-size:.8rem;padding:.75rem}}.job-descriptions-container{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.table-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem 2rem}.table-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}.header-actions{gap:.5rem}.job-descriptions-table{border-collapse:collapse;width:100%}.job-descriptions-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.job-descriptions-table td{border-bottom:1px solid var(--border-muted);padding:1rem;vertical-align:middle}.job-descriptions-table tr:hover{background:var(--bg-hover)}.job-title-cell{min-width:250px}.job-title-info{display:flex;flex-direction:column}.job-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.job-preview{color:var(--text-secondary);font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-cell{color:var(--text-primary);font-weight:500;min-width:150px}.sector-cell{min-width:120px}.sector-badge{background:linear-gradient(135deg,#8c43ff33,#3b82f633);border:1px solid var(--primary);border-radius:20px;color:var(--primary);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.project-cell{min-width:120px}.date-cell,.project-cell{color:var(--text-secondary)}.date-cell{font-size:.875rem;min-width:130px}.template-cell{min-width:150px}.template-badge{align-items:center;background:linear-gradient(135deg,#22c55e33,#15803d33);border:1px solid #22c55e;border-radius:20px;color:#22c55e;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.template-badge .material-icons{font-size:14px}.no-template{color:var(--text-secondary);font-size:.75rem;font-style:italic}.actions-cell{min-width:120px}.btn-sm{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;height:36px;justify-content:center;margin:0 .25rem;min-width:36px;padding:.5rem}.btn-sm .material-icons{font-size:18px}.empty-state{border-radius:16px;padding:4rem 2rem}.empty-state .material-icons{font-size:4rem}.empty-state h3{font-size:1.5rem}.empty-state p{margin-bottom:2rem}.modal-overlay{background:#00000080}.modal{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:900px;overflow:hidden}.modal-header{background:var(--bg-secondary);padding:1.5rem 2rem}.btn-close{border-radius:8px}.btn-close:hover{background:var(--bg-hover)}.modal-body{padding:2rem}.job-summary{margin-bottom:2rem}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.summary-header h4{color:var(--text-primary);margin:0}.job-date{color:var(--text-secondary);font-size:.875rem}.job-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.info-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.info-label{color:var(--text-secondary);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.info-value{color:var(--text-primary);font-weight:500}.content-section{margin-bottom:2rem}.content-section h4{color:var(--text-primary);margin:0 0 1rem}.content-display{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);line-height:1.6;max-height:300px;overflow-y:auto;padding:1.5rem}.content-display p{margin:0 0 1rem}.content-display p:last-child{margin-bottom:0}.modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:1.5rem 2rem}@media (max-width:992px){.job-description-history{padding:1rem}.page-title{font-size:2rem}.stats-summary{flex-direction:column;gap:1rem}.stat-item{align-items:center;flex-direction:row;justify-content:space-between;min-width:auto}.filters-grid{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column;gap:1rem}.job-info-grid{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column;gap:.5rem}}@media (max-width:768px){.job-descriptions-table{font-size:.875rem}.job-descriptions-table td,.job-descriptions-table th{padding:.75rem .5rem}.job-title-cell{min-width:200px}.organization-cell,.project-cell{min-width:120px}.date-cell{display:none}.btn-sm{height:32px;min-width:32px;padding:.375rem}.btn-sm .material-icons{font-size:16px}}.batch-job-evaluation{margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.batch-job-evaluation .container{margin:0 auto;max-width:800px;padding:0}.evaluation-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);margin-bottom:2rem;padding:2.5rem}.evaluation-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6);text-align:center}.description{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);text-align:center}.credits-info,.description{margin-bottom:var(--space-8)}.credits-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.credits-balance{align-items:center;display:flex;font-weight:var(--weight-medium);justify-content:space-between}.credits-balance .label{color:var(--text-secondary);font-size:var(--text-base)}.credits-balance .value{color:var(--success);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.error-message{background:var(--danger-subtle);border:1px solid var(--danger-border);border-radius:var(--radius-lg);font-weight:var(--weight-medium);gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.upload-section{text-align:center}.file-input-container{margin-bottom:1.5rem}.file-input{display:none}.file-input-label{align-items:center;background:var(--primary);border:2px dashed var(--primary-light);border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-3);padding:var(--space-5) var(--space-8);transition:all var(--duration-300) var(--ease-out)}.file-input-label:hover{background:var(--primary-dark);border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.file-info{background:var(--info-subtle);border:1px solid var(--info-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-5)}.file-details{align-items:center;color:var(--info);display:flex;font-weight:var(--weight-medium);gap:var(--space-3)}.file-name{flex:1 1;text-align:left}.file-size{color:var(--text-tertiary);font-size:var(--text-sm)}.analyzing{align-items:center;color:var(--primary);display:flex;font-weight:var(--weight-medium);gap:var(--space-4);justify-content:center;padding:var(--space-8)}.spinner{border-top:3px solid var(--bg-tertiary);border:3px solid var(--bg-tertiary);border-top-color:var(--primary);height:24px;width:24px}.file-analysis{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-top:var(--space-6);padding:var(--space-6);text-align:left}.file-analysis h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-5)}.analysis-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.analysis-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4)}.analysis-item .label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.analysis-item .value{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold)}.analysis-item .value.sufficient{color:var(--success)}.analysis-item .value.insufficient{color:var(--danger)}.file-types{margin-bottom:1.5rem}.file-types h4{color:#495057;font-size:1rem;margin-bottom:.5rem}.file-type-list{display:flex;flex-wrap:wrap;gap:.5rem}.file-type-badge{background:#e9ecef;border-radius:20px;color:#495057;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.confirmation-section{border-top:1px solid #e9ecef;padding-top:1.5rem}.confirmation-message{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.confirmation-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.confirmation-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-hover)}.btn-primary:disabled{background:var(--neutral-300)}.processing-section{padding:var(--space-8) 0;text-align:center}.processing-section h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-8)}.progress-container{margin:0 auto;max-width:400px}.progress-info{align-items:center;color:var(--text-secondary);display:flex;font-weight:var(--weight-medium);justify-content:space-between;margin-bottom:var(--space-4)}.progress-text{color:var(--primary);font-weight:var(--weight-semibold)}.progress-bar{background:var(--bg-tertiary);height:12px;margin-bottom:var(--space-6)}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);transition:width var(--duration-300) var(--ease-out)}.processing-status{align-items:center;color:var(--primary);display:flex;font-weight:var(--weight-medium);gap:var(--space-3);justify-content:center}@media (max-width:768px){.batch-job-evaluation .container{padding:0 1rem}.evaluation-card{padding:1.5rem}.evaluation-card h2{font-size:1.5rem}.analysis-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%}}.batch-results{margin:0 auto;max-width:1400px;min-height:calc(100vh - 4rem);padding:2rem}.batch-results .container{margin:0 auto;max-width:1400px;padding:0}.error-container,.loading-container{min-height:400px}.loading-container .spinner{border:4px solid #f3f3f3;border-top-color:#667eea}.error-container{color:#dc3545}.error-container i{font-size:3rem;margin-bottom:1rem}.header-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);margin-bottom:var(--space-8);padding:var(--space-8)}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.header-content h1{margin:0}.header-actions{gap:1rem}.batch-info{border-top:1px solid #e9ecef;padding-top:1.5rem}.batch-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.summary-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.summary-item .label{color:#6c757d;font-weight:500}.summary-item .value{color:#2c3e50;font-weight:600}.progress-bar{background:#e9ecef;margin-top:1rem;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.filter-group,.filters-section{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#495057;font-weight:500}.filter-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;font-size:.9rem;min-width:150px;padding:.5rem 1rem}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.results-count{color:#6c757d;font-size:.9rem}.results-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.results-table{border-collapse:collapse;font-size:.9rem;width:100%}.results-table thead{background:#f8f9fa}.results-table td,.results-table th{border-bottom:1px solid #e9ecef;padding:1rem .75rem;text-align:left}.results-table th{color:#495057;font-weight:600;position:relative;white-space:nowrap}.results-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.results-table th.sortable:hover{background-color:#e9ecef}.results-table th.sortable.active{color:#667eea}.results-table th i{font-size:.8rem;margin-left:.5rem;opacity:.5}.results-table th.active i{opacity:1}.result-row{transition:background-color .2s ease}.result-row:hover{background-color:#f8f9fa}.result-row.completed{border-left:3px solid #28a745}.result-row.processing{border-left:3px solid #ffc107}.result-row.pending{border-left:3px solid #17a2b8}.result-row.failed{border-left:3px solid #dc3545}.result-row.skipped{border-left:3px solid #6c757d}.job-title-cell{max-width:200px}.job-title{color:#2c3e50;display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name-cell{max-width:150px}.file-name{color:#6c757d;display:block;font-family:Courier New,monospace;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-cell{position:relative}.status-badge{align-items:center;display:inline-flex;font-weight:500;gap:.25rem;white-space:nowrap}.status-badge.success{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.info{background:#d1ecf1;color:#0c5460}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.secondary{background:#e2e3e5;color:#383d41}.error-tooltip{color:#dc3545;cursor:help;display:inline-block;margin-left:.5rem}.score-cell{text-align:center;width:80px}.score-value{background:#f8f9fa;border-radius:4px;color:#2c3e50;display:inline-block;font-weight:600;min-width:40px;padding:.25rem .5rem}.date-cell{color:#6c757d;font-size:.85rem;white-space:nowrap}.actions-cell{text-align:center;width:80px}.no-action{color:#adb5bd}.btn{border-radius:6px;font-size:.9rem;padding:.5rem 1rem}.btn-sm{font-size:.8rem;padding:.25rem .75rem}.btn-primary{background:#667eea}.btn-primary:hover{background:#5a67d8;box-shadow:0 2px 8px #667eea4d}.btn-secondary:hover{transform:translateY(-1px)}.no-results{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.no-results i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:1200px){.results-table{font-size:.8rem}.results-table td,.results-table th{padding:.75rem .5rem}}@media (max-width:992px){.header-content{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:center}.filters-section{flex-direction:column;gap:1rem}.batch-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.batch-results .container{padding:0 .5rem}.filters-section,.header-section,.results-table-container{border-radius:0;margin-left:-.5rem;margin-right:-.5rem}.results-table-container{overflow-x:auto}.results-table{min-width:800px}.batch-summary{grid-template-columns:1fr}.header-actions{flex-direction:column}}.batch-results-individual{margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.batch-results-individual .container{margin:0 auto;max-width:1200px;padding:0}.error-container,.loading-container,.no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.error-container i,.no-results i{color:var(--text-secondary);font-size:3rem;margin-bottom:1rem}.results-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-8)}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2) 0}.file-name{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-base);margin:0}.header-actions{display:flex;gap:var(--space-4)}.results-navigation{background:var(--bg-tertiary);border-radius:var(--radius-lg);justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-4) var(--space-6)}.btn-nav,.results-navigation{align-items:center;border:1px solid var(--border-subtle);display:flex}.btn-nav{background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--duration-300) var(--ease-out)}.btn-nav:hover:not(:disabled){background:var(--primary);box-shadow:var(--shadow-hover);color:#fff;transform:translateY(-1px)}.btn-nav:disabled{background:var(--neutral-300);cursor:not-allowed;opacity:.5}.nav-counter{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.evaluation-results{space-y:var(--space-8)}.results-content-container{margin-top:2rem}.evaluation-results-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.evaluation-metric{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--duration-300) var(--ease-out)}.evaluation-metric:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.metric-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-6)}.metric-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.metric-score{background:#892cdc1a;border-radius:var(--radius-full);color:var(--primary-200);font-size:1.5rem;font-weight:600;min-width:60px;padding:.25rem .75rem;text-align:center}.metric-details{padding:var(--space-6)}.metric-details p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.metric-details p:last-child{margin-bottom:0}.metric-details strong{color:var(--text-primary);font-weight:var(--weight-medium)}.total-score-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);padding:2rem;text-align:center}.total-score-card h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1.5rem;margin-top:0}.score-circle{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:50%;box-shadow:0 8px 32px #892cdc4d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:120px;justify-content:center;margin:0 auto;width:120px}.justification-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);margin-top:2rem;padding:var(--space-8)}.justification-section h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-6) 0}.justification-content p{margin-bottom:1rem}.justification-content p:last-child{margin-bottom:0}.result-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--duration-300) var(--ease-out)}.result-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-subtle);padding:var(--space-6)}.card-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.score,.total-score{border-radius:var(--radius-full);font-size:var(--text-3xl);font-weight:var(--weight-bold);min-width:80px;padding:var(--space-3) var(--space-5);text-align:center}.competence .score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.initiative .score{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.finalite .score{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.total .total-score{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:var(--text-4xl)}.card-content{padding:var(--space-6)}.detail-item{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-item .label{color:var(--text-secondary);flex:0 0 40%;font-size:var(--text-sm);font-weight:var(--weight-medium)}.detail-item .value{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:right}.total.result-card{grid-column:span 2;text-align:center}.total .card-header{justify-content:center;padding:var(--space-8)}.justification-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--shadow-card);padding:var(--space-8)}.justification-card h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-6) 0}.justification-content{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap}.btn{border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-4) var(--space-6);transition:all var(--duration-300) var(--ease-out)}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--neutral-600)}.btn-secondary:hover{background:var(--neutral-700);box-shadow:var(--shadow-hover)}@media (max-width:992px){.evaluation-results-grid{grid-template-columns:1fr}}@media (max-width:768px){.batch-results-individual{padding:1rem}.results-header{align-items:stretch;flex-direction:column;gap:var(--space-4)}.header-actions{justify-content:center}.results-navigation{flex-direction:column;gap:var(--space-4)}.btn-nav{justify-content:center;width:100%}.score-circle{font-size:1.5rem;height:80px;width:80px}}.application-page{margin:0 auto;max-width:1200px;padding:2rem}.page-title{margin-bottom:1rem}.page-subtitle{font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:700px}.application-content{display:flex;flex-direction:column;gap:2rem}.card{background:var(--bg-elevated);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);overflow:hidden}.plan-selection-card{padding:2rem}.plan-selection-card h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.plan-selection-card p{color:var(--text-secondary);margin-bottom:2rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:16px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.plan-card.selected,.plan-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.plan-card.selected{background:#892cdc0d;position:relative;z-index:2}.plan-card.selected:after{background:linear-gradient(135deg,#8c43ff,#a86cff);border-radius:999px;box-shadow:0 4px 12px #8c43ff66;color:#fff;content:"Selected";font-size:.75rem;font-weight:700;padding:6px 10px;position:absolute;right:-12px;top:-12px}.plan-card.selected .plan-header h3,.plan-card.selected .plan-price{color:#a86cff}.plan-card:focus{box-shadow:0 0 0 3px #8c43ff59;outline:none}.plan-card.popular{border-color:var(--primary-200);overflow:visible;position:relative}.plan-card.popular:before{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:18px;bottom:-3px;content:"";left:-3px;opacity:.7;position:absolute;right:-3px;top:-3px;z-index:-1}.plan-header{margin-bottom:1.5rem}.plan-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:var(--text-secondary);font-size:.9rem;margin:0}.plan-pricing{border-bottom:1px solid var(--border-muted);margin-bottom:1.5rem;padding-bottom:1.5rem}.plan-price{color:var(--primary-200);font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.plan-credits{color:var(--text-primary);font-size:1.125rem}.plan-credits,.team-limit{font-weight:600;margin-bottom:.5rem}.team-limit{color:var(--primary-200);font-size:1rem}.price-per-credit{font-size:.875rem}.savings-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 12px #f59e0b4d;font-size:.75rem;font-weight:600;padding:.5rem 1rem;right:.5rem;z-index:14}.plan-features{text-align:left}.plan-features .feature-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.plan-features .material-icons{color:var(--primary-200);font-size:16px}.application-form-card{padding:2rem}.application-form-card h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.application-form-card>p{color:var(--text-secondary);margin-bottom:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-200);box-shadow:0 0 0 3px #892cdc1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.document-upload-section{border-top:1px solid var(--border-muted);margin-top:2rem;padding-top:2rem}.document-upload-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.document-upload-section>p{color:var(--text-secondary);margin-bottom:1.5rem}.upload-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.upload-group{background:#3b82f60d;border:2px dashed #3b82f633;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;transition:all .2s ease}.upload-group:hover{background:#3b82f614;border-color:#3b82f666}.upload-group label{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.upload-group input[type=file]{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem;padding:.5rem}.upload-group small{color:var(--text-muted);font-size:.8rem;line-height:1.4}.light-mode .upload-group{background:#3b82f608}.application-actions{border-top:1px solid var(--border-muted);margin-top:2rem;padding-top:2rem}.review-notice{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.review-notice .material-icons{color:#3b82f6;flex-shrink:0;font-size:24px;margin-top:.25rem}.review-notice strong{color:var(--text-primary);display:block;font-size:1.125rem;margin-bottom:.5rem}.review-notice p{color:var(--text-secondary);line-height:1.5;margin:0}.light-mode .review-notice{background:#3b82f608}.submit-application-btn{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border:none;border-radius:12px;box-shadow:0 4px 16px #892cdc4d;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.submit-application-btn:hover:not(:disabled){box-shadow:0 6px 24px #892cdc66;transform:translateY(-2px)}.submit-application-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-application-btn .material-icons{font-size:20px}.success-message{align-items:center;border:1px solid #22c55e33;border-radius:8px;display:flex}.error-message,.success-message{font-weight:500;gap:.5rem;padding:1rem 1.5rem}.spinner{height:20px;width:20px}@media (max-width:1024px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid{grid-template-columns:1fr}.upload-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.application-page{padding:1rem}.page-title{font-size:2rem}.application-form-card,.plan-selection-card{padding:1.5rem}.plans-grid{gap:1rem;grid-template-columns:1fr}.plan-card{padding:1.5rem}.plan-price{font-size:2rem}.form-grid{gap:1rem}.upload-grid{gap:1rem;grid-template-columns:1fr}.review-notice{flex-direction:column;text-align:center}.submit-application-btn{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.plan-card{padding:1rem}.popular-badge{font-size:.75rem;padding:.25rem 1rem}.savings-badge{display:inline-block;margin-top:1rem;position:static}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.subscription-result-page{align-items:center;background:linear-gradient(135deg,#892cdc1a,#dc267f1a);display:flex;justify-content:center;min-height:100vh;padding:2rem}.result-container{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-xl);max-width:600px;padding:3rem;text-align:center;width:100%}.result-container.success{border-color:#22c55e}.result-container.cancelled{border-color:#ef4444}.result-icon{margin-bottom:2rem}.result-icon .material-icons{color:#22c55e;font-size:4rem}.result-container.cancelled .result-icon .material-icons{color:#ef4444}.result-container h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.result-message{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.cancellation-info,.subscription-info{background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:left}.cancellation-info h3,.subscription-info h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.cancellation-info ul,.subscription-info ul{list-style:none;padding:0}.cancellation-info li,.subscription-info li{align-items:center;color:var(--text-secondary);display:flex;margin-bottom:.75rem}.cancellation-info li:before,.subscription-info li:before{color:#22c55e;content:"✓";font-size:1.1rem;font-weight:700;margin-right:.75rem}.result-container.cancelled .cancellation-info li:before{color:var(--text-secondary);content:"•"}.action-buttons{flex-wrap:wrap;margin-bottom:2rem}.action-buttons .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-width:150px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-buttons .btn-primary{background:linear-gradient(135deg,#892cdc,#dc267f);color:#fff}.action-buttons .btn-primary:hover{box-shadow:0 8px 25px #892cdc4d;transform:translateY(-2px)}.action-buttons .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.action-buttons .btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.help-section{border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem;padding-top:2rem}.help-section a{color:var(--primary-600);text-decoration:none}.help-section a:hover{text-decoration:underline}.result-container .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-600);height:3rem;margin:0 auto 2rem;width:3rem}@media (max-width:768px){.subscription-result-page{padding:1rem}.result-container{padding:2rem}.result-container h1{font-size:2rem}.action-buttons{align-items:center;flex-direction:column}.action-buttons .btn{max-width:250px;width:100%}}.subscription-management-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.container{padding:0 1rem}.page-header{color:#fff;margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.page-header p{font-size:1.1rem;opacity:.9}.subscription-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.detail-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.detail-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.detail-card h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.plan-info h3{color:#667eea;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.plan-features{display:flex;flex-direction:column;gap:.75rem}.feature{align-items:center;background:#f8f9ff;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.feature-icon{font-size:1.2rem}.feature span:last-child{color:#333;font-weight:500}.billing-info,.credits-info{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.label{color:#555}.label,.status{font-weight:600}.status{border-radius:20px;font-size:.875rem;padding:.25rem .75rem;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-past_due{background:#fff3cd;color:#856404}.status-canceled,.status-unpaid{background:#f8d7da;color:#721c24}.status-trialing{background:#cce5ff;color:#004085}.action-buttons{justify-content:center;margin-bottom:3rem}.btn{min-width:140px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:var(--danger,#ef4444);display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.2rem}.error-message p{font-weight:500;margin:0}.help-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem}.help-section h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.help-section p{color:#666;line-height:1.6;margin-bottom:1.5rem}.contact-info{background:var(--bg-elevated);border-left:4px solid #667eea;border-radius:8px;padding:1rem}.light-mode .contact-info{background:#f8f9ff}.contact-info p{color:var(--text-primary);margin:0}.contact-info a{color:var(--primary);font-weight:600;text-decoration:none}.contact-info a:hover{text-decoration:underline}.loading-container,.no-subscription-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.no-subscription-container h1{color:#333;margin-bottom:1rem}.no-subscription-container p{color:#666;margin-bottom:2rem;max-width:500px;text-align:center}@media (max-width:768px){.subscription-details{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}.page-header h1{font-size:2rem}.detail-card{padding:1.5rem}}@media (max-width:480px){.container{padding:0 .5rem}.page-header{margin-bottom:2rem}.subscription-details{gap:1.5rem}.detail-card{padding:1rem}}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.settings-card{height:-webkit-fit-content;height:fit-content}.settings-card h2{font-size:1.25rem;margin-bottom:1.5rem;margin-top:0;position:relative}.settings-section{margin-bottom:2rem;position:relative}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1rem;margin:0 0 1rem;opacity:.8}.profile-picture-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.profile-picture-container{align-items:center;background-color:var(--bg-secondary);border:3px solid var(--bg-secondary);border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:128px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:128px}.profile-picture{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-picture-placeholder .material-icons{font-size:5rem;opacity:.5}.profile-picture-actions{display:flex;gap:1rem}.remove-btn,.upload-btn{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.upload-btn{background-color:#8c43ff;color:#fff}.upload-btn:hover{background-color:#7b3ae0}.remove-btn{background-color:#ff00001a;color:var(--danger)}.remove-btn:hover{background-color:#f003}.input-wrapper{align-items:center;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:.25rem;display:flex;position:relative;transition:all .2s ease}.input-wrapper:focus-within{border-color:#8c43ff;box-shadow:0 0 0 3px #8c43ff26}.input-icon-container{align-items:center;border-right:1px solid var(--border-color);display:flex;justify-content:center;min-width:48px;padding:0 .25rem}.input-icon{color:var(--text-secondary);font-size:1.25rem}.form-control{background-color:initial;border:none;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.theme-toggle-container{display:flex;gap:1rem}.theme-toggle-btn{align-items:center;background-color:#ffffff0d;border:none;border-radius:.25rem;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:.75rem;transition:all .2s ease}.light-mode .theme-toggle-btn{background-color:#0000000d;color:var(--text-light)}.theme-toggle-btn.active{background-color:#8c43ff;color:#fff}.theme-toggle-btn:hover:not(.active){background-color:#8c43ff1a}.theme-toggle-btn .material-icons{margin-right:.5rem}.notification-settings{display:flex;flex-direction:column;gap:1rem}.toggle-switch{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-slider{background-color:#ffffff1a;border-radius:10px;height:20px;margin-right:.75rem;position:relative;transition:all .2s ease;width:40px}.light-mode .toggle-slider{background-color:#0000001a}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:all .2s ease;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:#8c43ff;opacity:1}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;box-shadow:0 0 4px #0000004d;transform:translateX(20px)}.success-message{background-color:#8c43ff1a;border-radius:.25rem;color:#8c43ff}.error-message{background-color:#f43f5e1a;border-radius:.25rem;color:var(--danger)}:root{--primary-purple:#8c43ff;--primary-purple-light:#8c43ff1a;--primary-purple-dark:#7b3ae0}.btn-primary{background-color:#8c43ff;border-radius:.25rem;padding:.75rem 1.5rem}.btn-primary:hover{background-color:#7b3ae0}.btn-primary:disabled{background-color:#8c43ff99}.light-mode .settings-card{background-color:#fff;box-shadow:0 2px 8px #0000000d}.light-mode .profile-picture-container{background-color:#f5f5f5;border-color:#f0f0f0}.light-mode .input-wrapper{background-color:#fff;border-color:#e5e5e5}.light-mode .input-icon-container{border-right-color:#e5e5e5}.light-mode .input-icon{color:#8c43ff}.light-mode .toggle-switch input:checked+.toggle-slider{background-color:#8c43ff}.light-mode .success-message{background-color:#8c43ff1a;color:#7b3ae0}.light-mode .error-message{background-color:#f43f5e1a;color:#e11d48}.light-mode .btn-primary{background-color:#8c43ff}.light-mode .btn-primary:hover{background-color:#7b3ae0}.light-mode .theme-toggle-btn:not(.active){background-color:#0000000d;color:#1f2937}.light-mode .theme-toggle-btn.active{background-color:#8c43ff;color:#fff}.settings-page{color:var(--text-primary);overflow:visible}.not-found{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.not-found-content h1{color:var(--primary);font-size:6rem;font-weight:700;margin:0}.not-found-content h2{font-size:2rem;margin:0 0 1rem}.not-found-content p{margin-bottom:2rem;opacity:.8}.not-found-content .btn{align-items:center;display:inline-flex}.not-found-content .material-icons{margin-right:.5rem}.hero-container{background:var(--bg-primary);overflow:hidden;position:relative}.hero-section{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--space-20) var(--space-8);position:relative;z-index:var(--z-10)}.hero-content{max-width:600px}.badge-row{align-items:center;background:#0f172abf;border:1px solid var(--border-secondary);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1_5) var(--space-3)}.badge-icon{color:var(--success);font-size:18px}.badge-text{white-space:nowrap}.hero-headline{color:var(--text-primary);font-size:var(--text-5xl);font-weight:var(--weight-black);line-height:var(--leading-tight);margin-bottom:var(--space-8)}.hero-subheading{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);max-width:90%}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-12)}.hero-cta .btn{border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-4) var(--space-8);transition:all var(--duration-300) var(--ease-out)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-8)}.hero-stat{text-align:center}.hero-stat-number{display:block;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.hero-stat-label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.hero-visual{align-items:center;display:flex;height:600px;justify-content:center;position:relative}.visual-element{background:linear-gradient(135deg,var(--purple-900),var(--purple-800));border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);height:500px;overflow:hidden;position:relative;width:500px}.visual-graphic{background:var(--bg-elevated);border-radius:var(--radius-3xl);height:100%;padding:var(--space-6);position:relative;width:100%}.dashboard-preview{background:var(--bg-secondary);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-4);width:100%}.preview-header{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.preview-dots{display:flex;gap:var(--space-2)}.dot{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.dot:first-child{background:var(--error)}.dot:nth-child(2){background:var(--warning)}.dot:nth-child(3){background:var(--success)}.preview-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.preview-status{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2)}.status-indicator{background:var(--success);border-radius:50%;height:6px;width:6px}.status-indicator.online{animation:pulse 2s ease-in-out infinite;background:var(--success)}.preview-content{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.preview-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-4)}.card-icon,.preview-card{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,var(--primary),var(--purple-700));border-radius:var(--radius-md);color:#fff;font-size:18px;height:32px;justify-content:center;width:32px}.card-content{flex:1 1}.card-title{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase}.card-number,.card-title{margin-bottom:var(--space-1)}.card-number{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold)}.card-trend{font-size:var(--text-xs);font-weight:var(--weight-medium)}.card-trend.positive{color:var(--success)}.card-trend.negative{color:var(--error)}.preview-chart{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex:1 1;padding:var(--space-4)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.chart-title{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase}.chart-value{color:var(--success);font-size:var(--text-sm);font-weight:var(--weight-bold)}.chart-bars{align-items:end;display:flex;gap:var(--space-2);height:60px}.bar{background:linear-gradient(to top,var(--primary),var(--purple-400));border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1 1;min-height:20%}.ai-indicator{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-3)}.ai-icon,.ai-indicator{align-items:center;display:flex}.ai-icon{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--purple-500),var(--pink-500));border-radius:var(--radius-md);color:#fff;font-size:18px;height:32px;justify-content:center;width:32px}.ai-text{flex:1 1}.ai-status{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.ai-description,.ai-status{display:block;font-weight:var(--weight-medium)}.ai-description{color:var(--text-primary);font-size:var(--text-sm)}.ai-progress{background:var(--bg-secondary);height:4px;overflow:hidden;width:60px}.ai-progress,.progress-bar{border-radius:var(--radius-full)}.progress-bar{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--primary),var(--purple-400));height:100%;width:70%}.animated-circle{border-radius:50%;opacity:.6;position:absolute;z-index:var(--z-0)}.circle-1{background:radial-gradient(circle,var(--purple-400) 0,#0000 70%);height:150px;right:-5%;top:10%;width:150px}.circle-2{background:radial-gradient(circle,var(--pink-400) 0,#0000 70%);bottom:20%;height:120px;left:-5%;width:120px}.circle-3{background:radial-gradient(circle,var(--purple-300) 0,#0000 70%);height:80px;right:10%;top:60%;width:80px}.pricing-preview{background:linear-gradient(135deg,#9333ea05,#0000);padding:var(--space-20) 0}.pricing-header{margin-bottom:var(--space-16);text-align:center}.pricing-subtitle{font-size:var(--text-lg);margin-top:var(--space-4);max-width:600px}.comparison-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:var(--space-16);margin-left:auto;margin-right:auto;max-width:800px}.comparison-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;transition:all var(--duration-300) var(--ease-out)}.comparison-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.comparison-card.traditional{border-color:var(--error)}.comparison-card.modern{border-color:var(--primary);box-shadow:var(--shadow-purple)}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.comparison-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.comparison-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.comparison-icon.old{background:linear-gradient(135deg,var(--error),#dc2626)}.comparison-icon.new{background:linear-gradient(135deg,var(--primary),var(--purple-700))}.comparison-content{display:flex;flex-direction:column}.cost-item{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;justify-content:space-between;padding:var(--space-3) 0}.cost-item:last-child{border-bottom:none;font-weight:var(--weight-semibold)}.cost-label{color:var(--text-secondary);font-size:var(--text-sm)}.cost-value{color:var(--text-primary);font-weight:var(--weight-medium)}.cost-value.highlight{color:var(--primary);font-size:var(--text-lg);font-weight:var(--weight-bold)}.savings-badge{align-items:center;background:linear-gradient(135deg,var(--success),#16a34a);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-1);padding:var(--space-2) var(--space-4);position:absolute;right:var(--space-6);top:-12px}.pricing-features{text-align:center}.features-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-8)}.features-grid{grid-gap:var(--space-4);gap:var(--space-4);margin:0 auto;max-width:900px}.feature-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-weight:var(--weight-medium);gap:var(--space-3);padding:var(--space-4);transition:all var(--duration-200) var(--ease-out)}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.features-preview{background:linear-gradient(135deg,#9333ea0d,#0000);padding:var(--space-20) 0}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-12);text-align:center}.features-grid{grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--duration-300) var(--ease-out)}.feature-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--purple-700));border-radius:var(--radius-xl);box-shadow:var(--shadow-purple);color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto var(--space-6);width:80px}.feature-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.feature-description{color:var(--text-secondary);line-height:var(--leading-relaxed)}.contact-section{background:linear-gradient(135deg,#9333ea1a,#ec48990d);border-top:1px solid var(--border-primary);padding:var(--space-20) 0}.contact-content{margin:0 auto;max-width:1000px;text-align:center}.contact-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.contact-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-12);margin-left:auto;margin-right:auto;max-width:600px}.contact-grid{grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--space-16)}.contact-method{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-sizing:border-box;overflow:hidden;padding:var(--space-8);text-align:center;transition:all var(--duration-300) var(--ease-out)}.contact-method:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.contact-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--purple-700));border-radius:var(--radius-xl);box-shadow:var(--shadow-purple);color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}.contact-section .contact-info{background:#0000!important;border:none!important;border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--duration-200) var(--ease-out)}.contact-section .contact-info h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.contact-section .contact-link{word-wrap:break-word;color:var(--primary);display:inline-block;font-weight:var(--weight-medium);-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-bottom:var(--space-2);max-width:100%;overflow-wrap:break-word;text-decoration:none;transition:all var(--duration-200) var(--ease-out);word-break:break-all}.contact-section .contact-link:hover{color:var(--primary-hover);transform:translateY(-1px)}.contact-section .chat-button{background:linear-gradient(135deg,var(--primary),var(--purple-700));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--duration-200) var(--ease-out)}.contact-section .chat-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.contact-section .contact-note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.social-links{margin-top:var(--space-12)}.social-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.social-grid{flex-wrap:wrap;gap:var(--space-6)}.social-grid,.social-link{align-items:center;display:flex;justify-content:center}.social-link{border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:var(--weight-medium);gap:var(--space-3);min-width:140px;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--duration-200) var(--ease-out);white-space:nowrap}.social-link:hover{border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px)}.social-icon{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-family:Material Icons Round;font-size:16px;height:24px;justify-content:center;width:24px}.social-icon.linkedin{background:#0077b5}.social-icon.linkedin:before{content:"business"}.social-icon.facebook{background:#1877f2}.social-icon.facebook:before{content:"facebook"}.social-icon.youtube{background:red}.social-icon.youtube:before{content:"play_circle"}.cta-section{background:linear-gradient(135deg,#9333ea1a,#ec48990d);border-bottom:1px solid var(--border-primary);border-top:1px solid var(--border-primary);padding:var(--space-20) 0}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.cta-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-10)}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12)}.cta-actions .btn{border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-4) var(--space-8)}.trust-indicators{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.trust-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2)}.trust-item .material-icons-round{font-size:20px}.text-center{text-align:center}.text-success{color:var(--success)}@media (max-width:1200px){.hero-section{gap:var(--space-12);padding:var(--space-16) var(--space-6)}.hero-headline{font-size:var(--text-4xl)}.visual-element{height:400px;width:400px}.comparison-grid,.contact-grid{gap:var(--space-6)}.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-method{min-width:0}}@media (max-width:992px){.hero-section{gap:var(--space-10);grid-template-columns:1fr;padding:var(--space-12) var(--space-4);text-align:center}.hero-content,.hero-subheading{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.visual-element{height:350px;width:350px}.comparison-grid,.contact-grid{gap:var(--space-6);grid-template-columns:1fr}.contact-method{min-width:0}.cta-actions{align-items:center;flex-direction:column}}@media (max-width:768px){.hero-section{min-height:auto;padding:var(--space-10) var(--space-3)}.hero-headline{font-size:var(--text-3xl);margin-bottom:var(--space-6)}.hero-subheading{font-size:var(--text-base);margin-bottom:var(--space-8)}.hero-cta{align-items:center;flex-direction:column}.hero-cta .btn{max-width:300px;width:100%}.hero-stats{flex-direction:column;gap:var(--space-4)}.visual-element{height:300px;width:300px}.preview-content{grid-template-columns:1fr}.contact-section,.cta-section,.features-preview,.pricing-preview{padding:var(--space-12) 0}.contact-title,.cta-title,.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.comparison-card,.contact-method,.feature-card{padding:var(--space-6)}.contact-icon,.feature-icon{font-size:24px;height:60px;width:60px}.comparison-icon{font-size:20px;height:40px;width:40px}.social-grid,.trust-indicators{flex-direction:column;gap:var(--space-4)}.social-grid{align-items:center}.social-link{min-width:200px}}@media (max-width:480px){.hero-headline{font-size:var(--text-2xl)}.hero-subheading{font-size:var(--text-sm)}.visual-element{height:280px;width:280px}.contact-title,.cta-title{font-size:var(--text-2xl)}.chart-bars{height:50px}.preview-card{padding:var(--space-3)}.card-icon{font-size:14px;height:24px;width:24px}.card-number{font-size:var(--text-lg)}.pricing-features .features-grid{grid-template-columns:1fr}.social-grid{align-items:center;flex-direction:column}}.pricing-packages-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-12)}.pricing-package-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-top:20px;padding:var(--space-8);padding-top:calc(var(--space-8) + 24px);position:relative;text-align:center;transition:all var(--duration-300) var(--ease-out)}.pricing-package-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.pricing-package-card.popular{border-color:var(--primary);transform:scale(1.05)}.pricing-package-card.popular:hover{transform:scale(1.05) translateY(-8px)}.pricing-package-card h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.package-price{margin-bottom:var(--space-2)}.package-price .amount{color:var(--primary);font-size:var(--text-4xl);font-weight:var(--weight-black)}.package-price .period{color:var(--text-secondary);font-size:var(--text-base);margin-left:var(--space-1)}.price-per-credit{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.package-features{list-style:none;margin:0 0 var(--space-8) 0;padding:0;text-align:left}.package-features li{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-3)}.package-features li .material-icons-round{color:var(--success);font-size:18px}.popular-badge{background:var(--success);border-radius:var(--radius-full);box-shadow:0 4px 12px #22c55e4d;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);z-index:2}@media (max-width:992px){.pricing-packages-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pricing-package-card.popular{transform:none}.pricing-package-card.popular:hover{transform:translateY(-4px)}}.pricing-packages-grid .savings-indicator{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin:.5rem 0;padding:.25rem .75rem;text-align:center}.pricing-notes{grid-gap:2rem;background:#892cdc0d;border:1px solid #892cdc1a;border-radius:16px;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0;padding:2rem}.pricing-note{align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.pricing-note .material-icons-round{color:var(--primary-200);flex-shrink:0;font-size:24px;margin-top:.25rem}.pricing-note strong{color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:.5rem}.pricing-note p{color:var(--text-secondary);line-height:1.5;margin:0}.light-mode .pricing-notes{background:#892cdc08}.light-mode .pricing-note{background:var(--bg-primary-light);border-color:#892cdc1a}@media (max-width:768px){.pricing-notes{grid-template-columns:1fr;margin:2rem 0;padding:1rem}.pricing-note{padding:1rem}.pricing-note strong{font-size:1rem}}.verification-notice{display:flex;justify-content:center;margin:3rem 0}.verification-card{align-items:flex-start;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:2px solid #22c55e33;border-radius:16px;box-shadow:0 8px 32px #22c55e1a;display:flex;gap:2rem;max-width:800px;padding:2.5rem}.verification-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 4px 16px #22c55e4d;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.verification-icon .material-icons-round{color:#fff;font-size:32px}.verification-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.verification-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.verification-content p:last-child{color:#22c55e;font-weight:600;margin-bottom:0}.verification-content ul{list-style:none;margin:1rem 0;padding:0}.verification-content li{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;padding:.5rem 0}.light-mode .verification-card{background:linear-gradient(135deg,#22c55e14,#10b98108);border-color:#22c55e26}.free-trial-notice{display:flex;justify-content:center;margin:3rem 0}.free-trial-card{align-items:flex-start;background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border:2px solid #8b5cf633;border-radius:16px;box-shadow:0 8px 32px #8b5cf61a;display:flex;gap:2rem;max-width:800px;padding:2.5rem}.free-trial-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;box-shadow:0 4px 16px #8b5cf64d;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.free-trial-icon .material-icons-round{color:#fff;font-size:32px}.free-trial-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.free-trial-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.free-trial-content ul{list-style:none;margin:1.5rem 0;padding:0}.free-trial-content li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:0;position:relative}.free-trial-content li:before{content:"✨";margin-right:.5rem}.free-trial-content strong{color:var(--text-primary);font-weight:600}.light-mode .free-trial-card{background:linear-gradient(135deg,#8b5cf614,#a855f708);border-color:#8b5cf626}@media (max-width:768px){.verification-card{flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.verification-icon{height:56px;margin:0 auto;width:56px}.verification-icon .material-icons-round{font-size:28px}.verification-content h3{font-size:1.25rem}.free-trial-card{flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.free-trial-icon{height:56px;margin:0 auto;width:56px}.free-trial-icon .material-icons-round{font-size:28px}.free-trial-content h3{font-size:1.25rem}}.home-page{margin-top:-70px;min-height:100vh;padding-top:70px}.home-page,.home-page .hero-container{background:var(--bg-primary);position:relative}.home-page .hero-container{z-index:1}.home-page section{position:relative;z-index:1}@media (max-width:768px){.home-page{margin-top:-65px;padding-top:65px}}@media (max-width:480px){.home-page{margin-top:-60px;padding-top:60px}}.system-message-modal{align-items:center;display:flex;justify-content:center;padding:2rem}.system-message-modal .modal-content{margin:0;max-height:80vh;max-width:min(90vw,450px);min-width:280px;overflow-y:auto;width:auto}.system-message-modal .modal-header{display:none}.system-message-modal .modal-body{padding:2rem 1.5rem 1rem;text-align:center}.system-message-modal .modal-actions{border-top:none;gap:1rem;justify-content:center;padding:0 1.5rem 1.5rem}.message-icon{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.message-icon.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.message-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.message-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.message-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-icon.confirm{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.message-icon .material-icons{color:#fff;font-size:24px}.message-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;text-align:center}.message-text{word-wrap:break-word;color:var(--text-secondary);line-height:1.4;margin:0;text-align:center;white-space:pre-wrap}.message-ok-btn{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-width:80px;padding:.625rem 1.5rem;transition:all .2s ease}.message-ok-btn:hover{box-shadow:0 4px 12px #892cdc4d;transform:translateY(-1px)}.message-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;min-width:70px;padding:.625rem 1.25rem;transition:all .2s ease}.message-cancel-btn:hover{background:var(--bg-muted);border-color:var(--border-secondary)}@media (max-width:600px){.system-message-modal .modal-content{margin:1rem;max-width:90vw;min-width:280px;width:calc(100vw - 2rem)}.system-message-modal .modal-body{padding:1.5rem 1rem .75rem}.system-message-modal .modal-actions{flex-direction:column;gap:.75rem;padding:.75rem 1rem 1.25rem}.message-cancel-btn,.message-ok-btn{padding:.75rem;width:100%}.message-icon{height:40px;margin-bottom:.75rem;width:40px}.message-icon .material-icons{font-size:20px}.message-title{font-size:1rem}.message-text{font-size:.85rem}}.team-management{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{margin-bottom:2.5rem}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:inline-block;font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:0;position:relative}.admin-title:after{animation:slideInRight var(--duration-700) var(--ease-out) .3s both;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);bottom:-12px;content:"";height:4px;left:0;position:absolute;width:60px}.admin-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:0;margin-top:var(--space-4);max-width:700px}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{border-bottom-color:var(--primary-200);color:var(--primary-200)}.admin-tab.feedback-button{background-color:#8c43ff1a;border-radius:20px;color:#8c43ff;margin-left:auto;padding:.75rem 1.5rem}.admin-tab.feedback-button:hover{background-color:#8c43ff33;box-shadow:0 3px 10px #8c43ff26;transform:translateY(-2px)}.admin-tab.feedback-button.active{background-color:#8c43ff;border-bottom-color:#0000;color:#fff}.light-mode .admin-tab.feedback-button{background-color:#8c43ff1a;color:#8c43ff}.light-mode .admin-tab.feedback-button:hover{background-color:#8c43ff33}.light-mode .admin-tab.feedback-button.active{background-color:#8c43ff;color:#fff}.admin-tab .material-icons{font-size:20px}.admin-section{margin-bottom:3rem}.admin-section.mt-4{margin-top:2rem}.section-header h2,.section-header h3{font-size:1.5rem;font-weight:600;margin:0}.section-header h3{font-size:1.25rem}.btn-add{align-items:center;background:var(--primary-100);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.btn-add:hover{background:var(--primary-200);box-shadow:0 4px 12px #892cdc40;transform:translateY(-2px)}.btn-block{justify-content:center;width:100%}.btn-primary{border-radius:8px;padding:.6rem 1.25rem}.btn-secondary{border:1px solid #fff3;border-radius:8px;padding:.6rem 1.25rem}.light-mode .btn-secondary{border-color:#0003}.btn-secondary:hover{background:#ffffff0d}.table-container{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:10px;box-shadow:var(--card-shadow);overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.95rem;width:100%}.admin-table td,.admin-table th{padding:1rem;text-align:left}.admin-table th{border-bottom:1px solid #ffffff1a;color:var(--text-secondary);font-weight:600}.light-mode .admin-table th{border-bottom-color:#0000001a}.admin-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .2s ease}.light-mode .admin-table tbody tr{border-bottom-color:#0000000d}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff08}.light-mode .admin-table tbody tr:hover{background:#00000008}.user-details{gap:.75rem}.user-avatar,.user-details{align-items:center;display:flex}.user-avatar{background:var(--primary-100);border-radius:50%;color:#fff;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar.small{font-size:.75rem;height:24px;width:24px}.role-badge,.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:.25rem .75rem;text-transform:capitalize}.status-active{color:var(--success)}.status-inactive{background:#ef44441a;color:var(--danger)}.status-pending{color:var(--warning)}.role-admin,.status-reviewed{background:#8b5cf61a;color:#8b5cf6}.role-user{background:#3b82f61a;color:#3b82f6}.progress-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.light-mode .progress-bar{background:#0000001a}.progress-fill{border-radius:4px}.progress-text{font-size:.85rem}.action-buttons{gap:.5rem}.btn-action{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-action:hover{background:#ffffff1a;color:var(--text-primary)}.light-mode .btn-action:hover{background:#0000001a}.btn-action .material-icons{font-size:18px}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.dashboard-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:10px;box-shadow:var(--card-shadow);padding:1.5rem}.card-title{color:var(--text-secondary);font-size:1rem;margin-bottom:3rem;margin-top:0}.card-content{display:flex;flex-direction:column;gap:.5rem}.big-number{color:var(--text-primary);font-size:2rem;font-weight:700}.info-text{color:var(--text-secondary);font-size:.85rem}.credit-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:2rem}.chart-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:10px;box-shadow:var(--card-shadow)}.chart-placeholder{height:300px;justify-content:center;padding-top:1rem}.bar-chart,.chart-placeholder{display:flex;flex-direction:column}.bar-chart{gap:1rem;height:100%;justify-content:space-between}.chart-item{align-items:center;display:flex;gap:1rem}.chart-label{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:30%}.chart-bar-container{align-items:center;display:flex;flex:1 1;gap:1rem}.chart-bar{background:linear-gradient(90deg,var(--primary-100),var(--primary-200));border-radius:8px;height:16px}.chart-value{color:var(--text-primary);font-size:.85rem;font-weight:600;min-width:40px;text-align:right}.line-chart-placeholder{align-items:flex-end;border-bottom:1px solid #ffffff1a;display:flex;gap:8%;height:200px;margin-bottom:2rem;padding:0 10px}.light-mode .line-chart-placeholder{border-bottom-color:#0000001a}.line-chart-bar{background:linear-gradient(180deg,var(--primary-100),var(--primary-200));border-radius:4px 4px 0 0;width:10%}.legend-color{background:linear-gradient(90deg,var(--primary-100),var(--primary-200));border-radius:4px}.positive{color:var(--success);font-weight:600}.negative{color:var(--danger);font-weight:600}.permissions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.permissions-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:10px;box-shadow:var(--card-shadow);height:100%;padding:1.5rem}.permissions-list{display:flex;flex-direction:column;gap:1rem}.permission-item{align-items:center;display:flex;gap:.75rem}.permission-item span:last-child{color:var(--text-secondary);font-size:.95rem}.material-icons.checked{color:var(--success);font-size:20px}.material-icons.unchecked{color:var(--danger);font-size:20px}.card-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.template-options{display:flex;gap:1rem;margin-top:1.5rem}.template-options .form-control{flex:1 1}.feedback-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.feedback-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:10px;box-shadow:var(--card-shadow);padding:1.5rem}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.feedback-user{gap:.75rem}.feedback-date{color:var(--text-secondary);font-size:.85rem}.feedback-message{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.75rem 0}.feedback-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.light-mode .feedback-footer{border-top-color:#0000001a}.feedback-actions{align-items:center;display:flex;gap:.5rem}.btn-feedback{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.35rem .75rem;transition:all .2s ease}.btn-approve{background-color:#10b9811a;border:1px solid #10b98133;color:var(--success)}.btn-approve:hover{background-color:#10b98133}.btn-reply{background-color:#4f46e51a;border:1px solid #4f46e533;color:#4f46e5}.btn-reply:hover{background-color:#4f46e533}.btn-delete{background-color:#ef44441a;border:1px solid #ef444433;color:var(--danger)}.btn-delete:hover{background-color:#ef444433}.light-mode .btn-approve{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.light-mode .btn-reply{background-color:#4f46e51a;border:1px solid #4f46e533;color:#4f46e5}.light-mode .btn-delete{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.feedback-card[data-type=website]{border-left:4px solid #8c43ff}.feedback-card[data-type=team]{border-left:4px solid #10b981}.light-mode .feedback-card[data-type=website]{border-left:4px solid #8c43ff}.light-mode .feedback-card[data-type=team]{border-left:4px solid #10b981}.feedback-type-label{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding:.2rem .5rem;text-transform:uppercase}.feedback-type-website{background-color:#8c43ff1a;color:#8c43ff}.feedback-type-team{background-color:#10b9811a;color:var(--success)}.light-mode .feedback-type-website{background-color:#8c43ff1a;color:#8c43ff}.light-mode .feedback-type-team{background-color:#10b9811a;color:#10b981}.modal-overlay{padding:120px 1rem 2rem}.modal{background:var(--bg-secondary);border-radius:10px;display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 180px);max-width:450px;width:100%}.btn-close{align-items:center;background:#0000;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.btn-close:hover{background:#ffffff1a}.light-mode .btn-close:hover{background:#0000001a}.modal-body{min-height:0}@media (max-width:1200px){.admin-title{font-size:var(--text-3xl)}.credit-charts{grid-template-columns:1fr}}@media (max-width:992px){.team-management{padding:1.5rem}.admin-tabs{gap:.25rem}.admin-tab{padding:.75rem 1rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.admin-title{font-size:var(--text-2xl)}.admin-tab .btn-text{display:none}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-header .btn-add{justify-content:center;width:100%}.feedback-container{grid-template-columns:1fr}.template-options{flex-direction:column}.modal-overlay{padding:100px .5rem 1rem;top:0}.modal{margin:0;max-height:calc(100vh - 140px);max-width:95%}}.custom-roles-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.custom-role-item{background:var(--bg-100);border:1px solid #ffffff0d;border-radius:8px;padding:1rem}.light-mode .custom-role-item{border-color:#0000000d}.custom-role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.custom-role-name{color:var(--text-primary);font-weight:600}.custom-role-permissions-count{color:var(--text-secondary);font-size:.85rem}.custom-role-permissions{display:flex;flex-wrap:wrap;gap:.5rem}.permission-pill{background:#892cdc1a;border-radius:20px;color:var(--primary-200);display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.permissions-checklist{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:.5rem}.permission-checkbox{align-items:center;display:flex;gap:.5rem}.permission-checkbox input[type=checkbox]{accent-color:var(--primary-200);cursor:pointer;height:16px;width:16px}.permission-checkbox label{color:var(--text-secondary);cursor:pointer;font-size:.9rem}@media (max-width:768px){.permissions-checklist{grid-template-columns:1fr}}.light-mode .admin-subtitle{color:#4a5568}.light-mode .section-header h2,.light-mode .section-header h3{color:#2d3748}.light-mode .table-container{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 10px #0000000d}.light-mode .admin-table th{border-bottom:1px solid #0000001a;color:#4a5568;font-weight:600}.light-mode .admin-table td{color:#2d3748}.light-mode .status-active{background:#10b9811a;color:#10b981}.light-mode .status-inactive{background:#ef44441a;color:#ef4444}.light-mode .status-pending{background:#f59e0b1a;color:#f59e0b}.light-mode .status-completed{background:#4f46e51a;color:#4f46e5}.light-mode .status-reviewed{background:#8b5cf61a;color:#8b5cf6}.light-mode .role-admin{background:#8c43ff1a;color:#8c43ff}.light-mode .role-user{background:#06b6d41a;color:#06b6d4}.light-mode .progress-bar{background-color:#e5e7eb}.light-mode .progress-fill{background:linear-gradient(90deg,#8c43ff,#6366f1)}.light-mode .progress-text{color:#4b5563}.light-mode .chart-card,.light-mode .dashboard-card{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 10px #0000000d}.light-mode .card-title{color:#2d3748}.light-mode .btn-action{border:1px solid #0000001a;color:#4b5563}.light-mode .btn-action:hover{background:#0000000d;color:#1f2937}.light-mode .btn-add{background:#8c43ff;color:#fff}.light-mode .btn-add:hover{background:#7b3ae0;box-shadow:0 4px 12px #8c43ff40}.light-mode .btn-primary{background:#8c43ff;color:#fff}.light-mode .btn-primary:hover{background:#7b3ae0}.light-mode .admin-tab{color:#4b5563}.light-mode .admin-tab:hover{color:#1f2937}.light-mode .admin-tab.active{border-bottom-color:#8c43ff;color:#8c43ff}.light-mode .modal{box-shadow:0 4px 20px #00000026}.light-mode .modal-footer,.light-mode .modal-header{background:#f9fafb}.light-mode .form-control{border:1px solid #d1d5db;color:#1f2937}.light-mode .form-control:focus{border-color:#8c43ff;box-shadow:0 0 0 3px #8c43ff26}.light-mode .form-control::placeholder{color:#9ca3af}.light-mode .custom-role-item{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 5px #0000000d}.light-mode .custom-role-name{color:#2d3748}.light-mode .custom-role-permissions-count{color:#6b7280}.light-mode .permission-pill{background:#8c43ff1a;color:#8c43ff}.light-mode .permission-checkbox label{color:#4b5563}.light-mode .chart-bar{background:linear-gradient(90deg,#8c43ff,#6366f1)}.light-mode .chart-label{color:#4b5563}.light-mode .chart-value{color:#1f2937}.light-mode .line-chart-placeholder{border:1px dashed #d1d5db}.light-mode .line-chart-bar{background:#8c43ff}.light-mode .chart-legend{color:#4b5563}.light-mode .legend-item{background:#f9fafb;border:1px solid #e5e7eb}.light-mode .positive{color:#10b981}.light-mode .negative{color:#ef4444}.light-mode .feedback-card{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 5px #0000000d}.light-mode .feedback-header{border-bottom:1px solid #0000001a}.light-mode .feedback-username{color:#2d3748}.light-mode .feedback-date{color:#6b7280}.light-mode .feedback-message{color:#4b5563}.light-mode .feedback-footer{background:#f9fafb;border-top:1px solid #0000001a}.light-mode .big-number{color:#8c43ff}.light-mode .info-text{color:#6b7280}.light-mode .btn-add,.light-mode .btn-primary{background:#8c43ff;color:#fff}.light-mode .btn-add:hover,.light-mode .btn-primary:hover{background:#7b3ae0}.light-mode .btn-secondary{background:#0000;border:1px solid #d1d5db;color:#4b5563}.light-mode .btn-secondary:hover{background:#0000000d;color:#1f2937}.light-mode .user-dropdown{background:#fff;border:1px solid #0000001a;box-shadow:0 4px 12px #00000014}.btn-feedback .material-icons{font-size:16px}.feedback-footer .status-badge{border-radius:4px;font-size:.7rem;padding:.2rem .5rem}.reply-feedback-message{margin:.75rem 0 0}.team-members-selection{background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.light-mode .team-members-selection{background-color:#00000005;border-color:#0000001a}.selection-hint{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.members-checklist{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.members-checklist::-webkit-scrollbar{width:4px}.members-checklist::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.light-mode .members-checklist::-webkit-scrollbar-thumb{background-color:#0003}.member-checkbox{align-items:center;display:flex;gap:.75rem}.member-checkbox input[type=checkbox]{accent-color:var(--primary-100);cursor:pointer;margin:0}.member-label{cursor:pointer;flex:1 1;margin:0}.member-info{align-items:center;border-radius:6px;gap:.75rem;padding:.5rem;transition:all .2s ease}.member-info:hover{background-color:#ffffff0d}.light-mode .member-info:hover{background-color:#0000000d}.member-avatar-small{align-items:center;background-color:var(--primary-100);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.member-details{display:flex;flex-direction:column;gap:.125rem}.member-name{font-size:.9rem;font-weight:500}.member-role{font-size:.75rem}.selected-members-summary{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.light-mode .selected-members-summary{border-top-color:#0000001a}.selected-members-summary p{color:var(--text-primary);font-size:.9rem;margin:0 0 .75rem}.selected-members-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-member-tag{align-items:center;background-color:#8c43ff1a;border:1px solid #8c43ff33;border-radius:20px;color:var(--primary-100);display:inline-flex;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.light-mode .selected-member-tag{background-color:#8c43ff14;border-color:#8c43ff26;color:var(--primary-100)}.chat-info{margin-bottom:1.5rem}.chat-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.active-chats-summary{align-items:center;color:var(--primary-100);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.active-chats-summary .material-icons{font-size:1.1rem}.team-chat{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:10px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:600px;overflow:hidden}.light-mode .team-chat{background-color:#fff;border:1px solid #0000001a}.chat-header{align-items:center;background-color:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.light-mode .chat-header{background-color:#f9fafb;border-bottom:1px solid #0000001a}.chat-header h2{font-size:1.25rem;font-weight:600;margin:0}.chat-filter{align-items:center;display:flex;gap:.75rem}.chat-filter label{color:var(--text-secondary);font-size:.85rem}.chat-filter-select{-webkit-appearance:none;appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23EEE' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.5rem 2.5rem .5rem .5rem}.chat-filter-select:focus{border-color:var(--primary-100);box-shadow:0 0 0 2px #892cdc33;outline:none}.chat-filter-select option{background-color:var(--bg-secondary);border:none;color:var(--text-primary);padding:.5rem}.light-mode .chat-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:1px solid #0000001a}.light-mode .chat-filter-select,.light-mode .chat-filter-select option{background-color:#fff;color:#374151}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.light-mode .chat-messages::-webkit-scrollbar-thumb{background-color:#0000001a}.date-divider{align-items:center;display:flex;justify-content:center;margin:1rem 0}.date-divider:after,.date-divider:before{background-color:#ffffff1a;content:"";flex:1 1;height:1px}.light-mode .date-divider:after,.light-mode .date-divider:before{background-color:#0000001a}.date-divider span{font-size:.75rem;font-weight:500;padding:0 .75rem}.chat-message{display:flex;gap:.75rem;max-width:80%}.my-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{height:36px;overflow:hidden;position:relative;width:36px}.message-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-avatar-initials{align-items:center;border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:36px;justify-content:center;text-shadow:0 1px 2px #0003;width:36px}.message-content{background-color:#ffffff0d;border-top-left-radius:0}.my-message .message-content{background-color:#8c43ff1a;border-top-left-radius:12px}.light-mode .message-content{background-color:#f3f4f6}.light-mode .my-message .message-content{background-color:#8c43ff1a}.message-header{margin-bottom:.25rem}.message-team{background-color:#ffffff1a;border-radius:20px;color:var(--text-secondary);font-size:.75rem;padding:.15rem .5rem}.light-mode .message-team{background-color:#0000000d;color:#4b5563}.message-time{margin-left:auto}.message-text{font-size:.9rem}.chat-input{align-items:center;background-color:#0000001a;border-top:1px solid #ffffff1a;display:flex;gap:.75rem;padding:1rem 1.5rem}.light-mode .chat-input{background-color:#f9fafb;border-top:1px solid #0000001a}.chat-input-field{background-color:#ffffff0d;padding:.75rem 1rem}.light-mode .chat-input-field{background-color:#fff;color:#1f2937}.chat-input-field:focus{outline:none}.chat-send-btn{background-color:#8c43ff}.chat-send-btn:hover{background-color:#7b3ae0;transform:translateY(-2px)}.chat-send-btn:disabled{opacity:.6;transform:none}.chat-message.system-message{align-self:center;margin:1rem 0;max-width:100%}.chat-message.system-message .message-avatar{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border:2px solid #fff3}.chat-message.system-message .message-content{background-color:#4ecdc41a;border:1px solid #4ecdc433;border-radius:12px;text-align:center}.light-mode .chat-message.system-message .message-content{background-color:#4ecdc414;border-color:#4ecdc426}.chat-message.system-message .message-sender{color:#4ecdc4;font-weight:700}.chat-message.system-message .message-text{color:var(--text-secondary);font-style:italic}.empty-chat-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-chat-icon{margin-bottom:1.5rem;opacity:.6}.empty-chat-icon .material-icons{color:var(--text-secondary);font-size:4rem}.empty-chat-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.empty-chat-state p{font-size:1rem;line-height:1.6;margin:0;max-width:400px}.no-chats-message{background-color:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;margin:1rem 0;padding:1rem}.no-chats-message p{color:#f59e0b;font-size:.9rem;margin:0;text-align:center}.light-mode .no-chats-message{background-color:#ffc1070d;border-color:#ffc10726}.light-mode .no-chats-message p{color:#d97706}.team-chat-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;padding:2rem}.light-mode .team-chat-page{background:linear-gradient(135deg,#f8fafc,#fff)}.chat-page-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.chat-page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-100),#8c43ff);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.light-mode .chat-page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#8c43ff);-webkit-background-clip:text;background-clip:text}.chat-page-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.chat-description{align-items:center;display:flex;flex-direction:column;gap:.5rem}.active-chats-info{background-color:#8c43ff1a;border:1px solid #8c43ff33;border-radius:20px;color:var(--primary-100);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.light-mode .active-chats-info{background-color:#8c43ff0d;border-color:#8c43ff26}.chat-container{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);margin:0 auto;max-width:1000px;overflow:hidden}.light-mode .chat-container{background-color:#fff;border:1px solid #0000001a}.loading-container{align-items:center;background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);display:flex;justify-content:center;margin:0 auto;max-width:1000px;min-height:400px}.light-mode .loading-container{background-color:#fff;border:1px solid #0000001a}.loading-spinner{border:4px solid #8c43ff33;border-top:4px solid var(--primary-100)}.error-container{align-items:center;background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);display:flex;justify-content:center;margin:0 auto;max-width:1000px;min-height:400px}.light-mode .error-container{background-color:#fff;border:1px solid #0000001a}.error-message{padding:2rem;text-align:center}.error-message .material-icons{color:#ef4444;font-size:3rem;margin-bottom:1rem}.error-message p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 1.5rem}.retry-btn{background-color:var(--primary-100);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn:hover{background-color:#7b3ae0;transform:translateY(-2px)}@media (max-width:768px){.team-chat-page{padding:1rem}.chat-page-header h1{font-size:2rem}.chat-page-header p{font-size:1rem}.chat-container{border-radius:12px}.error-container,.loading-container{border-radius:12px;margin:0 1rem}}@media (max-width:480px){.team-chat-page{padding:.5rem}.chat-page-header h1{font-size:1.75rem}.chat-page-header p{font-size:.9rem}.active-chats-info{font-size:.8rem;padding:.4rem .8rem}}.admin-page{margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:2rem}.page-header{text-align:center}.page-title{margin-bottom:.5rem}.page-subtitle{margin:0}.admin-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.light-mode .admin-tabs{border-bottom-color:#0000001a}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#892cdc0d;color:var(--text-primary)}.tab-btn.active{background:#892cdc1a;border-bottom-color:var(--primary-200);color:var(--primary-200)}.tab-btn .material-icons{font-size:20px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-icon .material-icons{color:#fff;font-size:28px}.stat-content h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .25rem}.stat-content p{color:var(--text-secondary);font-size:.9rem;margin:0 0 .5rem}.stat-change{border-radius:20px;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.stat-change.positive{background:#22c55e1a;color:#22c55e}.emergency-section{margin:0 auto;max-width:1200px}.emergency-header{background:linear-gradient(135deg,#fee2e2,#fef3c7);border:2px solid #f59e0b;border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:center}.emergency-header .material-icons{color:#dc2626;font-size:48px;margin-bottom:1rem}.emergency-header h2{color:#dc2626;font-size:2rem;font-weight:700;margin-bottom:.5rem}.emergency-header p{color:#7c2d12;font-size:1.1rem;font-weight:500}.emergency-controls-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.emergency-card{background:var(--bg-elevated);border:2px solid;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:280px;padding:1.5rem;transition:all .3s ease}.emergency-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.emergency-card.critical{background:linear-gradient(135deg,#dc26260d,#ef44440d);border-color:#dc2626}.emergency-card.warning{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b}.emergency-card.info{background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-color:#3b82f6}.emergency-icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.emergency-card.critical .emergency-icon{background:linear-gradient(135deg,#dc2626,#b91c1c)}.emergency-card.warning .emergency-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.emergency-card.info .emergency-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.emergency-icon .material-icons{color:#fff;font-size:28px}.emergency-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}.emergency-card p{color:var(--text-secondary);flex:1 1;line-height:1.5;margin-bottom:1.5rem;text-align:center}.emergency-action{border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-top:auto;padding:.75rem 1rem;transition:all .2s ease;width:100%}.broadcast-form{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.emergency-message{font-family:inherit;min-height:80px;resize:vertical}.emergency-message,.rollback-select{border:2px solid var(--border-primary);border-radius:8px;padding:.75rem;width:100%}.rollback-select{background:var(--bg-primary);color:var(--text-primary);margin-bottom:1rem}.emergency-logs{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.emergency-logs h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.log-entries{display:flex;flex-direction:column;gap:1rem}.log-entry{grid-gap:1rem;align-items:center;background:var(--bg-secondary);border-left:4px solid #f59e0b;border-radius:8px;display:grid;gap:1rem;grid-template-columns:auto auto 1fr auto;padding:1rem}.log-time{color:var(--text-secondary);font-size:.85rem;font-weight:500}.log-action{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.log-details{color:var(--text-primary);font-size:.9rem}.log-admin{color:var(--text-secondary);font-size:.85rem;font-weight:500}.users-section .section-header{margin-bottom:2rem}.users-section .emergency-notice{align-items:center;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.users-section .emergency-notice .material-icons{color:#3b82f6}.credit-modification-panel{background:var(--bg-elevated);border:2px solid #f59e0b;border-radius:12px;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.credit-modification-panel h3{color:#d97706;margin-bottom:1rem}.credit-form.enhanced{display:flex;flex-direction:column;gap:1rem}.form-row{align-items:flex-start;gap:1rem}.credit-presets,.form-row{display:flex;flex-wrap:wrap}.credit-presets{gap:.5rem}.preset-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.preset-btn.emergency{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.preset-btn.refund{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.preset-btn.penalty{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.preset-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.credit-amount,.credit-reason{border:2px solid var(--border-primary);border-radius:8px;flex:1 1;font-size:1rem;min-width:200px;padding:.75rem}.credit-amount:focus,.credit-reason:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.emergency-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease;width:100%}.emergency-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.emergency-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.applications-grid,.firms-grid,.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.application-card,.firm-card,.user-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s ease}.application-card:hover,.firm-card:hover,.user-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.suspended{background:#ef44441a;color:#ef4444}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.chart-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:1.5rem}.chart-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.activity-chart{align-items:flex-end;display:flex;gap:.5rem;height:200px;padding:1rem 0}.activity-day{align-items:center;display:flex;flex:1 1;flex-direction:column}.activity-bars{align-items:flex-end;display:flex;gap:2px;height:150px;margin-bottom:.5rem}.bar{border-radius:2px 2px 0 0;min-height:4px;width:12px}.jobs-bar{background:linear-gradient(135deg,var(--primary-100),var(--primary-200))}.evaluations-bar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.day-label{color:var(--text-secondary);font-size:.8rem}.chart-legend{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.jobs{background:linear-gradient(135deg,var(--primary-100),var(--primary-200))}.legend-color.evaluations{background:linear-gradient(135deg,#3b82f6,#2563eb)}.plans-chart{display:flex;flex-direction:column;gap:1rem}.plan-item{align-items:center;display:flex;gap:1rem}.plan-info{display:flex;flex-direction:column;width:30%}.plan-name{color:var(--text-primary);font-weight:600}.plan-count{color:var(--text-secondary);font-size:.85rem}.plan-bar{background:var(--bg-secondary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.plan-fill{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));height:100%;transition:width .3s ease}.plan-percentage{color:var(--text-primary);font-weight:600;text-align:right;width:50px}.empty-state{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;padding:3rem;text-align:center}.empty-state .material-icons{color:var(--text-secondary);font-size:64px;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary)}.modal-overlay{background:#000000b3}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;margin-bottom:20px;max-height:calc(100vh - 130px);max-width:600px;min-width:400px;width:100%;z-index:var(--z-modal)}.modal-header{border-bottom:1px solid var(--border-primary)}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto}.modal-actions{border-top:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-top:1rem}.detail-item{display:contents}.detail-item strong{color:var(--text-primary);font-weight:600}.detail-item span{color:var(--text-secondary)}.btn{border-radius:8px;font-size:.95rem;gap:.5rem}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,var(--primary-100),var(--primary-200))}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-200),var(--primary-300));transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff0d}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.light-mode .admin-page{background:#f8fafc}.light-mode .application-card,.light-mode .chart-card,.light-mode .firm-card,.light-mode .stat-card,.light-mode .user-card{background:#fff;border-color:var(--border-light)}.light-mode .emergency-header{background:linear-gradient(135deg,#fee2e2,#fef3c7)}.light-mode .emergency-card{background:#fff;border-color:#0000001a}.light-mode .modal-content{background:#fff}.light-mode .btn-secondary{border-color:#d1d5db;color:#374151}@media (max-width:768px){.admin-page{padding:1rem}.admin-tabs{align-items:center;flex-direction:column}.tab-btn{justify-content:center;width:100%}.applications-grid,.charts-section,.emergency-controls-grid,.firms-grid,.stats-grid,.users-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.modal-content{max-width:90vw;min-width:300px}.detail-grid{gap:.5rem;grid-template-columns:1fr}.detail-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.log-entry{grid-template-columns:1fr;text-align:left}}.reply-feedback-info{background-color:#0000000d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.light-mode .reply-feedback-info{background-color:#00000008}.feedback-user{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.user-avatar.small{align-items:center;background-color:var(--primary-100);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.feedback-username{color:var(--text-primary);font-weight:600}.feedback-subject{color:var(--text-primary);font-size:.9rem;margin-bottom:.75rem}.reply-feedback-message{color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.light-mode .reply-feedback-message{color:#4b5563}.modal-overlay{padding-bottom:2rem;padding-top:100px}.modal{background-color:var(--bg-secondary);border:1px solid #ffffff1a;box-shadow:var(--card-shadow);max-width:500px;padding:0;width:90%}.light-mode .modal{background-color:#fff;border-color:#0000001a}.modal-header{padding:1.5rem}.light-mode .modal-header{border-bottom-color:#0000001a}.modal-header h3{font-size:1.25rem;font-weight:600}.btn-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.btn-close:hover{background-color:#ffffff1a;color:var(--text-primary)}.light-mode .btn-close:hover{background-color:#0000001a}.modal-body,.modal-footer{padding:1.5rem}.light-mode .modal-footer{border-top-color:#0000001a}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);font-weight:500}.form-control{background-color:#ffffff0d;font-size:.9rem;min-height:100px;resize:vertical}.light-mode .form-control{background-color:#fff;border-color:#0000001a}.form-control:focus{box-shadow:0 0 0 2px #892cdc33}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary{background-color:var(--bg-300);border:1px solid #ffffff1a}.btn-secondary:hover{background-color:#ffffff1a}.btn-primary{background-color:var(--primary-100)}.btn-primary:hover{background-color:var(--primary-200);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6}.reply-indicator{align-items:center;background-color:#22c55e1a;border-radius:20px;color:#22c55e;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;margin-top:.75rem;padding:.25rem .75rem}.reply-indicator .material-icons{font-size:.9rem}.application-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:1.5rem;position:relative;transition:all .3s ease}.application-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.application-header{align-items:flex-start;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.company-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:var(--weight-bold);margin:0 0 .5rem}.contact-person{color:var(--text-secondary);font-size:.9rem;margin:0 0 .25rem}.submission-date{color:var(--text-tertiary);font-size:.8rem;margin:0}.plan-badge{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;color:#fff;font-size:.8rem;font-weight:var(--weight-semibold);letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.application-details{margin-bottom:1.5rem}.detail-row{align-items:center;border-bottom:1px solid var(--border-tertiary);display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-secondary);font-weight:var(--weight-semibold);min-width:120px}.detail-row a:last-child,.detail-row span:last-child{color:var(--text-primary);max-width:60%;text-align:right;word-break:break-word}.additional-info,.services-text{line-height:1.4;max-width:60%;text-align:right;word-break:break-word}.uploaded-files{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:20px;padding:20px}.uploaded-files h4{color:#e0e0e0;font-size:16px;font-weight:600;margin:0 0 15px}.files-grid{grid-gap:12px;display:grid;gap:12px}.file-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.file-info{flex:1 1}.file-field{color:#888;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.file-name{color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:2px}.file-size{color:#888;font-size:12px}.file-item .btn{font-size:12px;min-width:80px;padding:6px 12px}.plan-summary{background:#22c55e0d;border:1px solid #22c55e1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.plan-summary h4{color:var(--text-primary);font-size:1rem;font-weight:var(--weight-semibold);margin:0 0 .75rem}.plan-details{display:flex;flex-direction:column;gap:.5rem}.plan-details span{color:var(--text-secondary);font-size:.9rem}.application-actions{display:flex;flex-wrap:wrap;gap:.75rem}.application-actions .btn{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center;min-width:120px}.project-chat{background:var(--bg-secondary);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.light-mode .project-chat{background:#00000005}.project-chat-header{align-items:center;background:#0000001a;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.light-mode .project-chat-header{background:#00000008;border-bottom:1px solid #0000001a}.project-chat-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.chat-members{gap:.75rem}.chat-member-avatar,.chat-members,.members-avatars{align-items:center;display:flex}.chat-member-avatar{background:var(--primary-100);border-radius:50%;box-shadow:0 0 0 2px var(--bg-secondary);color:#fff;font-size:.75rem;font-weight:600;height:28px;justify-content:center;margin-left:-8px;width:28px}.light-mode .chat-member-avatar{box-shadow:0 0 0 2px #00000005}.chat-member-avatar:first-child{margin-left:0}.chat-member-avatar.more{background:var(--text-secondary);font-size:.7rem}.members-count{color:var(--text-secondary);font-size:.8rem}.project-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.project-chat-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #8a4baf33;border-radius:50%;border-top:2px solid var(--primary-200);height:30px;width:30px}.no-messages{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.no-messages .material-icons{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-messages p{font-size:1rem;margin:0}.date-divider{margin:1.5rem 0;position:relative;text-align:center}.date-divider span{background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;padding:0 10px;position:relative;z-index:2}.light-mode .date-divider span{background:#00000005}.date-divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.light-mode .date-divider:before{background:#0000001a}.project-chat-message{display:flex;gap:.75rem;max-width:80%}.project-chat-message.my-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--primary-100);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.my-message .message-avatar{background:var(--primary-200)}.message-content{background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;padding:.75rem 1rem;position:relative}.light-mode .message-content{background:#0000000d}.my-message .message-content{background:#8a4baf1a;border-top-right-radius:0}.light-mode .my-message .message-content{background:#8a4baf1a}.message-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.message-sender{color:var(--text-primary);font-size:.9rem;font-weight:600}.message-time{color:var(--text-secondary);font-size:.75rem}.message-text{color:var(--text-primary);font-size:.95rem;line-height:1.5;word-break:break-word}.project-chat-input{background:#0000001a;border-top:1px solid #ffffff0d;display:flex;gap:.5rem;padding:1rem 1.5rem}.light-mode .project-chat-input{background:#00000008;border-top:1px solid #0000001a}.chat-input-field{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:var(--text-primary);flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1.25rem;transition:all .2s ease}.light-mode .chat-input-field{background:#fff;border:1px solid #0000001a;color:var(--text-light)}.chat-input-field:focus{border-color:var(--primary-100);box-shadow:0 0 0 2px #8a4baf33}.chat-send-btn{align-items:center;background:var(--primary-100);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-send-btn:hover:not(:disabled){background:var(--primary-200);transform:translateY(-2px)}.chat-send-btn:disabled{background:#8a4baf4d;cursor:not-allowed}.chat-send-btn .material-icons{font-size:18px}.project-detail-page{margin:0 auto;max-width:1200px;padding:2rem}.project-header-container{margin-bottom:2rem}.back-button{margin-bottom:1rem}.back-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--primary-200)}.project-header{align-items:center;background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-between;padding:2rem}.light-mode .project-header{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 10px #0000000d}.project-header-top{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.project-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.project-team{color:var(--text-secondary);font-size:.9rem}.project-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.project-dates{color:var(--text-secondary);font-size:.9rem;margin:0}.project-header-stats{display:flex;gap:2rem}.project-stat{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.stat-value{color:var(--primary-200);font-size:2.25rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.project-tabs{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;display:flex;margin-bottom:2rem;padding:.5rem}.light-mode .project-tabs{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 10px #0000000d}.project-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.project-tab:hover{background:#ffffff0d;color:var(--text-primary)}.light-mode .project-tab:hover{background:#0000000d}.project-tab.active{background:var(--primary-100);color:#fff}.project-content{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;padding:2rem}.light-mode .project-content{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 10px #0000000d}.project-overview{display:flex;flex-direction:column;gap:2rem}.overview-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem}.light-mode .overview-section{border-bottom:1px solid #0000001a}.overview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.25rem;font-weight:600;padding-bottom:1.25rem;position:relative}.section-header{margin-bottom:1.5rem}.section-title:after{background:linear-gradient(90deg,var(--primary-100),var(--primary-200));border-radius:2px;bottom:-12px;content:"";height:3px;left:0;position:absolute;width:3rem}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.project-progress{margin-bottom:2rem}.progress-bar-large{background:#ffffff1a;border-radius:6px;box-shadow:inset 0 1px 3px #0003;height:12px;margin-bottom:.75rem;overflow:hidden}.light-mode .progress-bar-large{background:#0000001a}.progress-fill{background:linear-gradient(90deg,var(--primary-100),var(--primary-200));border-radius:6px;box-shadow:0 1px 3px #8c43ff4d;height:100%}.progress-text{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.task-summary{grid-gap:1.5rem;background:#ffffff08;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;max-width:100%;padding:1.5rem}.light-mode .task-summary{background:#00000005}.task-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.task-count{color:var(--text-primary);font-size:1.5rem;font-weight:700}.task-label{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.team-preview{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.team-member-preview{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.light-mode .team-member-preview{background:#00000008}.team-member-preview:hover{background:#ffffff1a;border-color:#8c43ff33;box-shadow:0 5px 10px #0000001a;transform:translateY(-2px)}.light-mode .team-member-preview:hover{background:#0000000d;box-shadow:0 5px 10px #0000000d}.member-avatar{align-items:center;background:var(--primary-100);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.member-avatar.large{font-size:1.1rem;height:48px;width:48px}.member-info{display:flex;flex-direction:column}.member-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.member-role{color:var(--text-secondary);font-size:.85rem}.tasks-header{justify-content:space-between;margin-bottom:1.5rem}.btn-add-task,.tasks-header{align-items:center;display:flex}.btn-add-task{background:var(--primary-100);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-add-task:hover{background:var(--primary-200);transform:translateY(-2px)}.tasks-list{display:flex;flex-direction:column;gap:1.25rem}.task-item{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.light-mode .task-item{background:#00000005;box-shadow:0 2px 8px #00000008}.task-item:hover{background:#ffffff1a;border-color:#8c43ff33;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.light-mode .task-item:hover{background:#0000000d;box-shadow:0 5px 15px #0000000d}.task-status-indicator{flex-shrink:0}.status-dot{border-radius:50%;display:block;height:12px;width:12px}.status-active{background:#10b9811a;color:#10b981}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-completed{background:#3b82f61a;color:#3b82f6}.status-in-progress{background:#8b5cf61a;color:#8b5cf6}.status-dot.status-completed{background-color:#3b82f6}.status-dot.status-in-progress{background-color:#8b5cf6}.status-dot.status-pending{background-color:#f59e0b}.task-content{flex:1 1}.task-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0 0 .5rem}.task-meta{align-items:center;display:flex;gap:1rem}.task-status{border-radius:10px;font-size:.75rem;font-weight:600;padding:.15rem .5rem;text-transform:capitalize}.task-assignee{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.25rem}.task-assignee .material-icons{font-size:16px}.task-actions{display:flex;gap:.5rem}.task-action{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.task-action:hover{background:#ffffff1a;color:var(--text-primary)}.light-mode .task-action:hover{background:#0000001a}.team-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-member-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.light-mode .team-member-card{background:#00000005}.team-member-card:hover{background:#ffffff1a}.light-mode .team-member-card:hover{background:#0000000d}.member-details{flex:1 1}.member-details h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.member-details p{color:var(--text-secondary);font-size:.9rem;margin:0}.member-actions{display:flex;gap:.5rem}.member-action{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.member-action:hover{background:#ffffff1a;color:var(--primary-200)}.light-mode .member-action:hover{background:#0000001a}.project-chat-container{height:600px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #8a4baf33;border-radius:50%;border-top:3px solid var(--primary-200);height:40px;margin-bottom:1rem;width:40px}.error-container .material-icons{color:var(--danger);font-size:3rem;margin-bottom:1rem}.error-container h2{color:var(--text-primary);font-size:1.25rem;margin:0 0 1.5rem}@media (max-width:1024px){.project-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.project-header-stats{justify-content:space-between;width:100%}}@media (max-width:768px){.project-detail-page{padding:1rem}.project-content,.project-header{padding:1.5rem}.project-tabs{flex-wrap:wrap;gap:.5rem}.project-tab{flex:1 0 40%}.team-list{grid-template-columns:1fr}}.modal-overlay{align-items:flex-start;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow-y:auto;padding:100px 1rem 2rem;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.modal{background:var(--bg-primary);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 25px #0003;margin-bottom:20px;max-height:calc(100vh - 130px);max-width:90%;overflow-y:auto;width:500px;z-index:var(--z-modal)}.light-mode .modal{background:#fff;border:1px solid #0000001a}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem}.light-mode .modal-header{border-bottom:1px solid #0000001a}.modal-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.light-mode .modal-close:hover{background:#0000001a}.modal-body,.modal-footer{padding:1.25rem}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end}.light-mode .modal-footer{border-top:1px solid #0000001a}.btn-secondary{background:#ffffff1a;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.light-mode .btn-secondary{background:#0000000d}.btn-secondary:hover{background:#ffffff26;color:var(--text-primary)}.light-mode .btn-secondary:hover{background:#0000001a}.btn-primary{background:var(--primary-100);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover{background:var(--primary-200)}.btn-primary:disabled{background:#8c43ff80;cursor:not-allowed;transform:none}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:.5rem}.form-control{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:.75rem;transition:border-color .2s ease;width:100%}.light-mode .form-control{background:#fff;border:1px solid #0000001a}.form-control:focus{border-color:var(--primary-100);outline:none}.form-control::placeholder{color:var(--text-tertiary)}.overview-section .section-title,.project-tasks-list .section-title,.project-team .section-title{margin-bottom:2rem}.job-description-improve{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding-top:var(--space-4);position:relative}.page-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:var(--space-4) auto 0;max-width:600px}.chat-main-container{margin-top:var(--space-8)}.page-header{margin-bottom:var(--space-12);padding:var(--space-8) 0;text-align:left}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);position:relative}.page-title:after{animation:slideInRight var(--duration-700) var(--ease-out) .3s both;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);bottom:-12px;content:"";height:4px;left:0;position:absolute;width:60px}.download-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin-top:var(--space-8);padding:var(--space-6)}.download-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.download-buttons .btn{justify-content:center;min-width:240px;padding:var(--space-4) var(--space-6);transition:all var(--duration-300) var(--ease-out)}.download-buttons .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.download-buttons .material-icons{font-size:1.25rem;margin-right:var(--space-2)}@media (max-width:768px){.download-buttons{flex-direction:column}.download-buttons .btn{width:100%}}.message-row.assistant .message-bubble{background:#8c43ff1a;border:1px solid #8c43ff33;color:var(--text-primary)}.dark-mode .message-row.assistant .message-bubble{background:#8c43ff26;border:1px solid #8c43ff4d;color:#fff}.light-mode .message-row.assistant .message-bubble{background:#8c43ff14;border:1px solid #8c43ff26;color:var(--text-primary)}.message-row.user .message-bubble{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#fff}.template-workflow{font-family:var(--font-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-8)}.workflow-header{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-10);padding:var(--space-8);text-align:center;transition:all var(--duration-300) ease}.workflow-header:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-xl)}.workflow-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:inline-block;font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);position:relative}.workflow-header h1:after{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.workflow-header p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);margin:0}.template-creation-steps{display:flex;flex-direction:column;gap:var(--space-6)}.step-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--duration-300) ease}.step-card.active{background:var(--bg-elevated);border-color:var(--primary);box-shadow:var(--shadow-purple)}.step-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;float:left;font-size:var(--text-xl);font-weight:var(--weight-bold);height:56px;justify-content:center;margin-bottom:var(--space-6);margin-right:var(--space-6);position:relative;width:56px}.step-number:before{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);content:"";inset:-2px;opacity:.3;position:absolute;z-index:-1}.step-content{overflow:hidden;padding-left:0}.step-content h3{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}.step-content p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.language-selection{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.language-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-4) var(--space-6);transition:all var(--duration-200) ease}.language-btn:hover{background:var(--bg-elevated);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.language-btn.selected{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-color:var(--primary);box-shadow:var(--shadow-purple);color:#fff}.language-btn .flag{font-size:var(--text-lg)}.placeholders-preview{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-xl);box-shadow:var(--shadow-inner);margin-bottom:var(--space-6);max-height:300px;overflow-y:auto;padding:var(--space-6)}.placeholder-item{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) 0;transition:background .2s}.placeholder-item:last-child{border-bottom:none}.placeholder-item:hover{background:var(--bg-primary)}.placeholder-label{color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--text-sm);opacity:1;padding-left:var(--space-4)}.placeholder-code,.placeholder-label{align-items:center;display:flex;font-weight:var(--weight-medium)}.placeholder-code{background:var(--slate-800);border:1px solid var(--slate-700);border-radius:var(--radius-md);color:var(--slate-100);font-family:var(--font-mono);font-size:var(--text-xs);margin-left:var(--space-3);padding:var(--space-1_5) var(--space-3)}.light-mode .placeholders-preview{background:#fff!important;border-color:var(--border-light)!important;box-shadow:var(--shadow-sm)}.light-mode .placeholder-item{background:#fff;border-bottom:1px solid var(--border-light)}.light-mode .placeholder-label{color:var(--text-primary)}.light-mode .placeholder-code{background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-800)}.placeholder-more{border-top:1px solid var(--border-secondary);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);font-style:italic;padding:var(--space-4) 0;text-align:center}.light-mode .placeholder-more{border-top-color:var(--border-light);color:var(--text-tertiary)}.copy-btn{align-items:center;background:linear-gradient(135deg,var(--success),var(--green-600));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);margin:0 auto;padding:var(--space-4) var(--space-8);transition:all var(--duration-200) ease}.copy-btn:hover{background:linear-gradient(135deg,var(--green-600),var(--green-700));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.upload-section{display:flex;flex-direction:column;gap:var(--space-6)}.custom-file-upload{background:var(--bg-primary);border:2px dashed var(--border-secondary);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--space-12);position:relative;text-align:center;transition:all var(--duration-300) ease}.custom-file-upload:before{background:linear-gradient(135deg,#9333ea0d,#ec48990d);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--duration-300) ease}.custom-file-upload:hover{background:var(--bg-elevated);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.custom-file-upload:hover:before{opacity:1}.file-input-hidden{display:none}.file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.upload-icon{color:var(--primary);font-size:3rem;margin-bottom:var(--space-2)}.upload-text{display:flex;flex-direction:column;gap:var(--space-2)}.upload-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.upload-subtitle,.upload-title{font-family:var(--font-primary)}.upload-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.upload-spinner{animation:spin var(--duration-1000) linear infinite;border:2px solid var(--border-primary);border-radius:var(--radius-full);border-top-color:var(--primary);height:24px;width:24px}.upload-error{border-color:var(--error);color:var(--error)}.light-mode .upload-error,.upload-error{background:var(--red-50)}.upload-success{border-color:var(--success);color:var(--success);position:relative}.light-mode .upload-success,.upload-success{background:var(--green-50)}.upload-instructions{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6)}.upload-instructions h4{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}.upload-instructions ul{list-style:none;margin:0;padding:0}.upload-instructions li{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-2) 0;padding-left:var(--space-6);position:relative}.upload-instructions li:before{color:var(--success);content:"✓";font-weight:var(--weight-bold);left:0;position:absolute}.info-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.info-card h4{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.info-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}@media (max-width:768px){.template-workflow{padding:var(--space-4)}.workflow-header{margin-bottom:var(--space-8);padding:var(--space-6)}.workflow-header h1{font-size:var(--text-3xl)}.workflow-header p{font-size:var(--text-base)}.step-card{padding:var(--space-6)}.step-number{font-size:var(--text-lg);height:48px;margin-bottom:var(--space-4);margin-right:var(--space-4);width:48px}.step-content h3{font-size:var(--text-xl)}.language-selection{gap:var(--space-2);justify-content:center}.language-btn{font-size:var(--text-xs);padding:var(--space-3) var(--space-4)}.placeholder-item{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.placeholder-code{font-size:var(--text-xs);margin-left:0}.custom-file-upload{padding:var(--space-8)}.upload-title{font-size:var(--text-lg)}}.light-mode .step-card,.light-mode .workflow-header{background:var(--bg-elevated);border-color:var(--border-light)}.light-mode .step-card.active{background:#fff;box-shadow:var(--shadow-lg)}.light-mode .custom-file-upload{background:var(--slate-50);border-color:var(--border-light)}.light-mode .custom-file-upload:hover{background:#fff}.light-mode .info-card,.light-mode .upload-instructions{background:var(--slate-50);border-color:var(--border-light)}.terms-page{background:var(--bg-elevated);border-radius:1rem;box-shadow:var(--shadow-lg);color:var(--text-primary);margin:3rem auto;max-width:900px;padding:2.5rem 2rem}.terms-lang-toggle{display:flex;gap:1rem;margin-bottom:2rem}.terms-lang-toggle button{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background .2s}.terms-lang-toggle button.active,.terms-lang-toggle button:hover{background:var(--primary);color:#fff}.terms-content{font-size:1.05rem;line-height:1.7}.terms-content h1{color:var(--primary);margin-bottom:1rem;margin-top:0}.terms-content h2{margin-top:2rem}.terms-content h2,.terms-content h3{color:var(--primary);margin-bottom:.5rem}.terms-content h3{margin-top:1.5rem}.terms-content p{margin:.5rem 0}.terms-content ul{list-style:disc;margin:.5rem 0 1rem 1.5rem}.terms-content br{line-height:2.2}.pricing-page{background:var(--bg-primary);min-height:100vh;padding-top:64px}.pricing-hero{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);padding:4rem 2rem 2rem;text-align:center}.pricing-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:1rem}.pricing-subtitle{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.pricing-notice{align-items:center;background:#9333ea1a;border:1px solid #9333ea4d;border-radius:12px;display:flex;gap:.75rem;justify-content:center;margin:0 auto;max-width:700px;padding:1rem 2rem}.pricing-notice .material-icons{color:var(--primary);font-size:24px}.pricing-notice p{color:var(--text-secondary);font-size:.95rem;margin:0}.pricing-section{padding:4rem 2rem}.container{max-width:1400px}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:var(--primary);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.pricing-card.popular{background:linear-gradient(135deg,#9333ea0d,#7c3aed0d);border:2px solid var(--primary)}.popular-badge{align-items:center;background:linear-gradient(135deg,var(--primary),var(--purple-700));border-radius:20px;box-shadow:var(--shadow-purple);color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.popular-badge .material-icons{font-size:16px}.pricing-card-header{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.pricing-card-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.pricing-amount{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.pricing-amount .price{color:var(--primary);font-size:3rem;font-weight:700}.pricing-amount .credits{color:var(--text-secondary);font-size:1rem}.price-per-credit{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.savings-indicator{background:var(--success);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.75rem;padding:.375rem .875rem}.team-size{align-items:center;background:#9333ea1a;border-radius:8px;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem}.team-size .material-icons{color:var(--primary);font-size:18px}.pricing-card-features{flex:1 1;margin-bottom:2rem}.pricing-card-features ul{list-style:none;margin:0;padding:0}.pricing-card-features li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 0}.pricing-card-features li .material-icons{color:var(--primary);flex-shrink:0;font-size:20px}.pricing-card-action{margin-top:auto}.btn{width:100%}.pricing-faq{background:var(--bg-secondary);padding:4rem 2rem}.pricing-faq h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.faq-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;transition:all .3s ease}.faq-item:hover{border-color:var(--primary);transform:translateY(-2px)}.faq-item h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.faq-item h3 .material-icons{color:var(--primary);font-size:24px}.faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.pricing-cta{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);padding:4rem 2rem;text-align:center}.pricing-cta h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-cta p{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem}@media (max-width:768px){.pricing-page{padding-top:60px}.pricing-hero{padding:2rem 1rem 1.5rem}.pricing-title{font-size:2rem;line-height:1.2}.pricing-subtitle{font-size:1rem;line-height:1.5}.pricing-section{padding:2rem 1rem}.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card{padding:1.5rem}.pricing-amount .price{font-size:2.5rem}.pricing-faq{padding:2rem 1rem}.pricing-faq h2{font-size:2rem}.faq-grid{grid-template-columns:1fr}.pricing-cta h2{font-size:2rem}.cta-buttons{align-items:stretch;flex-direction:column}.btn-large{width:100%}}@media (max-width:480px){.pricing-page{padding-top:56px}.pricing-hero{padding:1.5rem 1rem}.pricing-title{font-size:1.75rem;line-height:1.2}.pricing-subtitle{font-size:.95rem}.pricing-notice{flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.pricing-section{padding:1.5rem .75rem}.pricing-grid{gap:1.25rem}.pricing-card{padding:1.25rem}.pricing-amount .price{font-size:2.25rem}.pricing-card-header h3{font-size:1.35rem}.popular-badge{font-size:.8rem;padding:.4rem 1.25rem}.faq-section,.pricing-cta{padding:2rem 1rem}}.light-mode .pricing-card{background:#fff;box-shadow:0 2px 8px #0000000d}.light-mode .pricing-card:hover{box-shadow:0 12px 40px #0000001a}.light-mode .faq-item{background:#fff;box-shadow:0 2px 8px #0000000d}.about-page{background:radial-gradient(circle at top left,#815cf62e,#0000 55%),radial-gradient(circle at bottom right,#38bdf82e,#0000 55%),var(--bg-primary);min-height:100vh;padding-top:64px}.about-page.loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:var(--text-secondary);text-align:center}.loading-spinner .material-icons{animation:spin 1s linear infinite;color:var(--primary);font-size:48px}.loading-spinner p{font-size:1.1rem;margin-top:1rem}.about-hero{background:radial-gradient(circle at top,#815cf63d,#0000 65%);overflow:hidden;padding:5rem 2rem 3rem;position:relative;text-align:center}.about-hero:after,.about-hero:before{border-radius:999px;content:"";filter:blur(60px);opacity:.55;pointer-events:none;position:absolute}.about-hero:before{animation:float 16s ease-in-out infinite;background:radial-gradient(circle,#815cf6b3,#0000 70%);height:380px;left:10%;top:-140px;width:380px}.about-hero:after{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#38bdf8b3,#0000 70%);bottom:-220px;height:420px;right:8%;width:420px}.about-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:1rem}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--purple-700));-webkit-background-clip:text;background-clip:text}.about-subtitle{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:700px}.about-section{padding:4rem 2rem}.about-section:nth-child(2n){background:var(--bg-secondary)}.container{margin:0 auto;max-width:1200px}.section-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.section-icon{color:var(--primary);font-size:48px}.section-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.section-content{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:900px;text-align:center}.animated-section{animation:aboutFadeInUp .75s ease-out forwards;opacity:0;transform:translateY(10px)}@keyframes aboutFadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.about-section:nth-child(2n) .feature-card{background:var(--bg-tertiary)}.feature-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.feature-card .material-icons{color:var(--primary);font-size:36px;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.value-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;transition:all .3s ease}.value-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.value-card h3{color:var(--primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.value-card p{color:var(--text-secondary);line-height:1.6;margin:0}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.contact-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.about-section:nth-child(2n) .contact-card{background:var(--bg-tertiary)}.contact-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.contact-card .material-icons{color:var(--primary);font-size:48px;margin-bottom:1rem}.contact-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.contact-card a{color:var(--primary);font-weight:500;text-decoration:none;transition:all .2s ease}.contact-card a:hover{color:var(--primary-hover);text-decoration:underline}.contact-card p{color:var(--text-secondary);line-height:1.6;margin:0}.about-cta{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);padding:4rem 2rem;text-align:center}.cta-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0 auto 2rem;max-width:800px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border-radius:10px;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-large{font-size:1.1rem;padding:1rem 2.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--purple-700));box-shadow:var(--shadow-purple)}.btn-primary:hover{box-shadow:var(--shadow-purple),var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-2px)}@media (max-width:768px){.about-page{padding-top:60px}.about-hero{padding:2rem 1rem 1.5rem}.about-title{font-size:2rem;line-height:1.2}.about-subtitle{font-size:1rem;line-height:1.5}.about-section{padding:2rem 1rem}.section-header h2{font-size:2rem}.section-icon{font-size:36px}.section-content{font-size:1rem}.contact-grid,.features-grid,.values-grid{gap:1.5rem;grid-template-columns:1fr}.cta-buttons{align-items:stretch;flex-direction:column}.btn-large{width:100%}}@media (max-width:480px){.about-page{padding-top:56px}.about-hero{padding:1.5rem 1rem}.about-title{font-size:1.75rem;line-height:1.2}.about-subtitle{font-size:.95rem}.about-section{padding:1.5rem .75rem}.section-header h2{font-size:1.75rem}.section-icon{font-size:32px}.section-content{font-size:.95rem}.contact-card,.feature-card,.value-card{padding:1.25rem}.contact-grid,.features-grid,.values-grid{gap:1rem}.about-cta{padding:2rem 1rem}}.light-mode .contact-card,.light-mode .feature-card,.light-mode .value-card{background:#fff;box-shadow:0 2px 8px #0000000d}.light-mode .contact-card:hover,.light-mode .feature-card:hover,.light-mode .value-card:hover{box-shadow:0 8px 24px #0000001a}.demo-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:2rem 0}.demo-container{margin:0 auto;max-width:1200px;padding:0 2rem}.demo-header{margin-bottom:3rem;text-align:center}.demo-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8c2cdc,#4a90e2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.demo-header p{color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.video-container{background:#000;border-radius:16px;box-shadow:0 20px 40px #0000004d;margin:0 auto 3rem;max-width:900px;overflow:hidden;position:relative;width:100%}.demo-language-toggle{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.toggle-btn{background:#0000;border:1px solid #ffffff40;border-radius:999px;color:#e5e5e5;cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem 1rem;transition:all .2s ease}.toggle-btn.active{background:linear-gradient(135deg,#8c2cdc,#4a90e2);border-color:#0000;box-shadow:0 4px 12px #892cdc59;color:#fff}.toggle-btn:hover:not(.active){background:#ffffff0f}.video-container:before{content:"";display:block;padding-top:56.25%}.demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.demo-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.demo-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.demo-actions .btn-primary{background:linear-gradient(135deg,#8c2cdc,#4a90e2);box-shadow:0 4px 12px #892cdc4d;color:#fff}.demo-actions .btn-primary:hover{box-shadow:0 6px 16px #892cdc66;transform:translateY(-2px)}.demo-actions .btn-secondary{background:#0000;border:1px solid #fff3;color:#fff}.demo-actions .btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@media (max-width:768px){.demo-page{padding:1rem 0}.demo-container{padding:0 1rem}.demo-header h1{font-size:2.5rem}.demo-header p{font-size:1rem}.demo-actions{align-items:center;flex-direction:column}.demo-actions .btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.demo-header h1{font-size:2rem}.demo-actions .btn{font-size:.95rem;padding:.875rem 1.25rem}}.faq-page{background:radial-gradient(circle at top left,#2a1b7a 0,#050819 38%,#02040b 100%);color:#f7f8ff;min-height:100vh;padding:96px 24px 72px}.faq-container{margin:0 auto;max-width:1120px}.faq-header{margin-bottom:40px;text-align:left}.faq-header h1{font-size:2.5rem;letter-spacing:.02em;margin-bottom:8px}.faq-header p{color:#ffffffa6;font-size:.98rem}.faq-content{display:flex;flex-direction:column;gap:18px}.faq-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at top left,#8157f52e,#090c29f5);border:1px solid #ffffff08;border-radius:18px;box-shadow:0 18px 40px #00000073;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .2s ease}.faq-section:hover{border-color:#8b5cf680;box-shadow:0 22px 55px #00000080;transform:translateY(-2px)}.faq-section.open{background:radial-gradient(circle at top left,#a855f738,#090c29fa);border-color:#a855f7}.faq-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;-webkit-user-select:none;user-select:none}.section-title{align-items:center;display:flex;gap:10px}.section-title .material-icons{background:radial-gradient(circle at top left,#a855f7,#6366f1);border-radius:999px;color:#f9f5ff;font-size:22px;padding:8px}.section-title h2{font-size:1.08rem;font-weight:600;letter-spacing:.01em}.expand-icon{align-items:center;background:#0f172abf;border:1px solid #94a3b873;border-radius:999px;display:inline-flex;height:32px;justify-content:center;transition:transform .18s ease,background .18s ease,border-color .18s ease;width:32px}.expand-icon .material-icons{font-size:20px}.expand-icon.expanded{background:#a855f733;border-color:#a855f7cc;transform:rotate(180deg)}.faq-questions{animation:faqFadeIn .22s ease-out;border-top:1px solid #94a3b84d;padding:4px 20px 18px}.faq-item+.faq-item{border-top:1px dashed #94a3b859;margin-top:10px;padding-top:10px}.faq-item .question{font-size:.98rem;font-weight:600;margin-bottom:6px}.faq-item .answer{color:#e2e8f0e6;font-size:.92rem;line-height:1.6;max-width:820px}.faq-item .answer p{margin:0 0 4px}.faq-item .answer p:empty{display:none}.faq-footer{grid-gap:22px;display:grid;gap:22px;grid-template-columns:minmax(0,2.1fr) minmax(0,1.4fr);margin-top:40px}.contact-section{background:radial-gradient(circle at top left,#38bdf829,#0f172af5);border:1px solid #38bdf859;border-radius:20px;box-shadow:0 18px 40px #0f172a99;padding:22px 24px}.contact-section h3{font-size:1.1rem;margin-bottom:4px}.contact-section p{color:#e2e8f0d1;font-size:.95rem;margin-bottom:16px}.contact-options{display:flex;flex-wrap:wrap;gap:12px}.contact-btn{align-items:center;background:#f97316;border-radius:999px;box-shadow:0 10px 28px #f9731673;color:#0b1020;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:9px 14px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.contact-btn:nth-child(2){background:#22c55e;box-shadow:0 10px 28px #22c55e73}.contact-btn .material-icons{font-size:18px}.contact-btn:hover{box-shadow:0 14px 32px #f9731699;transform:translateY(-1px)}.contact-btn:nth-child(2):hover{box-shadow:0 14px 32px #22c55e99}.quick-links{background:#0f172afa;border:1px solid #94a3b866;border-radius:20px;padding:22px 24px}.quick-links h3{font-size:1.02rem;margin-bottom:12px}.links-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.quick-link{align-items:center;border-radius:10px;color:#e2e8f0eb;display:flex;font-size:.92rem;gap:8px;padding:8px 0;text-decoration:none;transition:color .15s ease,transform .15s ease,background .15s ease}.quick-link .material-icons{color:#a855f7;font-size:18px}.quick-link:hover{background:#0f172ae6;color:#e5e7eb;transform:translateX(2px)}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.faq-page{padding:80px 18px 56px}.faq-header h1{font-size:2rem}.faq-section-header{padding:16px}.faq-questions{padding:4px 16px 16px}.faq-footer{grid-template-columns:minmax(0,1fr)}.contact-section,.quick-links{padding:18px}}@media (max-width:600px){.faq-page{padding:72px 14px 44px}.faq-header h1{font-size:1.75rem}.section-title h2{font-size:1rem}.faq-item .answer{font-size:.9rem}.contact-options{flex-direction:column}}.app-layout{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.layout-container{flex:1 1;margin-left:280px;min-height:100vh;transition:all .3s ease}.main-content{flex:1 1;padding-top:var(--space-4);width:100%}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem;padding-top:var(--space-2)}.page-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:.75rem;max-width:650px}.action-buttons{display:flex;gap:1rem;margin-left:auto}.card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}.card:hover{box-shadow:var(--hover-shadow);transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.card-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.card-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem}.section{margin-bottom:4rem}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.section-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.section-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:.5rem}.grid-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.blur-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.blur-circle{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.blur-circle-1{background:var(--primary-100);height:300px;right:5%;top:10%;width:300px}.blur-circle-2{background:var(--primary-200);bottom:10%;height:400px;left:5%;width:400px}@media (min-width:1536px){.layout-container{margin-left:320px}.main-content{padding:2rem 3rem}.page-title{font-size:3rem}.section-title{font-size:2.5rem}.card{padding:3rem}.page-header{margin-bottom:3rem}}@media (max-width:1279px) and (min-width:1024px){.layout-container{margin-left:300px}.main-content{padding:1.5rem 2rem}.page-title{font-size:2.5rem}.section-title{font-size:2rem}.card{padding:2.5rem}.page-header{margin-bottom:2.5rem}}@media (max-width:1023px) and (min-width:768px){.layout-container{margin-left:280px}.main-content{padding:1.25rem 1.5rem}.page-title{font-size:2.25rem}.section-title{font-size:1.875rem}.card{padding:2rem}.page-header{margin-bottom:2.25rem}}@media (max-width:767px) and (min-width:640px){.layout-container{margin-left:0}.main-content{padding:1rem 1.25rem}.page-title{font-size:2rem}.section-title{font-size:1.75rem}.card{padding:1.75rem}.page-header{align-items:flex-start;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.action-buttons{margin-left:0;width:100%}.grid-layout{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:639px) and (min-width:480px){.layout-container{margin-left:0}.main-content{padding:1rem}.page-title{font-size:1.875rem}.section-title{font-size:1.625rem}.card{padding:1.5rem}.page-header{align-items:flex-start;flex-direction:column;gap:1.25rem;margin-bottom:1.875rem}.action-buttons{margin-left:0;width:100%}.grid-layout{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:479px){.layout-container{margin-left:0}.main-content{padding:calc(56px + 1rem) .75rem .75rem}.page-title{font-size:1.75rem}.section-title{font-size:1.5rem}.card{padding:1.25rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.75rem}.action-buttons{flex-direction:column;gap:.75rem;margin-left:0;width:100%}.grid-layout{gap:1rem;grid-template-columns:1fr}}@media (max-width:1024px){.page-title{font-size:2rem}.section-title{font-size:1.75rem}.card{padding:1.5rem}}@media (max-width:768px){.layout-container{margin-left:0}.main-content{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.action-buttons{margin-left:0;width:100%}.page-title{font-size:1.75rem}.section-title{font-size:1.5rem}.grid-layout{gap:1.5rem;grid-template-columns:1fr}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#64748b;--success-color:#22c55e;--error-color:#ef4444;--warning-color:#f59e0b;--background-light:#fff;--text-light:#334155;--border-light:#e2e8f0;--card-light:#fff;--hover-light:#f8fafc;--background-dark:#0f172a;--text-dark:#f8fafc;--border-dark:#1e293b;--card-dark:#1e293b;--hover-dark:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f172a;background-color:var(--background-dark);color:#f8fafc;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;transition:background-color .3s ease,color .3s ease}body.light-mode{background-color:#fff;background-color:var(--background-light);color:#334155;color:var(--text-light)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.card{background-color:#1e293b;background-color:var(--card-dark);border:1px solid #1e293b;border:1px solid var(--border-dark);border-radius:.5rem;padding:1.5rem;transition:all .3s ease}.light-mode .card{background-color:#fff;background-color:var(--card-light);border-color:#e2e8f0;border-color:var(--border-light)}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;line-height:1.5;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#4f46e5;background-color:var(--primary-dark)}.btn-secondary{background-color:#1e293b;background-color:var(--card-dark);border:1px solid #1e293b;border:1px solid var(--border-dark);color:#f8fafc;color:var(--text-dark)}.light-mode .btn-secondary{background-color:#fff;background-color:var(--card-light);border-color:#e2e8f0;border-color:var(--border-light);color:#334155;color:var(--text-light)}.btn-secondary:hover{background-color:#334155;background-color:var(--hover-dark)}.light-mode .btn-secondary:hover{background-color:#f8fafc;background-color:var(--hover-light)}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1.5rem;width:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background-color:#ef44441a;color:#ef4444;color:var(--error-color)}.error-message,.success-message{border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.success-message{background-color:#22c55e1a;color:#22c55e;color:var(--success-color)}
/*# sourceMappingURL=main.553f8ad0.css.map*/