body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#874af6;--secondary-color:#eb197b;--accent-color:#d4bdfe;--background-color:#874af6;--secondary-background-color:#0d0e12;--sidebar-background:#874af6;--border-color:#23273f;--tile-color:#13161b}body{background-color:#0d0e12;background-color:var(--secondary-background-color);color:#fff;min-height:100vh;overflow:hidden;width:100vw}.primary-color{background-color:#874af6;background-color:var(--primary-color)}.secondary-color{background-color:#eb197b;background-color:var(--secondary-color)}.accent-color{background-color:#d4bdfe;background-color:var(--accent-color)}.secondary-text{color:#7e8695}.flex-hor{display:flex;flex-direction:row;gap:10px}.grid-hor{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}form{gap:20px;max-width:400px}.newProject label,form,form label{display:flex;flex-direction:column}form label input,form label select,input{background:none;border:none;border-bottom:2px solid #fff;color:#fff;margin-top:5px;padding:10px 20px;transition:.2s ease-in-out}form label select{background-color:#874af6;background-color:var(--background-color);border-radius:10px}form label input:focus{color:#874af6;color:var(--primary-color)}form label input:focus,form label select,input:focus{border-bottom:2px solid #874af6;border-bottom:2px solid var(--primary-color);outline:none}.gameSelection{display:flex;flex-direction:row;gap:20px;margin-top:20px}.gameCard{gap:10px}.gameCard img{aspect-ratio:1/1;background-color:#d4bdfe;background-color:var(--accent-color);border-radius:5px;height:100px;object-fit:cover;width:100px;width:auto}.backBtn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-block:10px}.action-btn{background-color:#fff;border:none;border-radius:5px;color:#000;padding:10px}.noProjects-container{align-items:center;background:radial-gradient(circle at top,#874af61f,#12121266 40%),#13161b;background:radial-gradient(circle at top,#874af61f,#12121266 40%),var(--tile-color);border:1px solid #23273f;border:1px solid var(--border-color);border-radius:18px;display:flex;flex-direction:column;gap:16px;padding:48px 24px 56px;text-align:center}.noProjects-pill{align-items:center;background:#874af62e;border-radius:999px;color:#d7c7ff;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:1px;padding:6px 14px;text-transform:uppercase}.noProjects-title{font-size:32px;margin:0}.noProjects-subtitle{line-height:1.5;margin:0;max-width:640px}.steps-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(240px,1fr));margin-top:24px;width:100%}.step-card{align-items:flex-start;background:#ffffff05;border:1px solid #23273f;border:1px solid var(--border-color);border-radius:14px;display:flex;gap:16px;padding:16px 20px;text-align:left}.step-badge{align-items:center;background:#874af633;border-radius:10px;color:#e6dcff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.step-content{display:flex;flex-direction:column;gap:6px}.step-content h4,.step-content p{margin:0}.noProjects-cta{align-items:center;background:#874af6;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;margin-top:28px;padding:12px 26px;transition:.2s ease-in-out}.noProjects-cta:hover{background:#eb197b;background:var(--secondary-color);transform:translateY(-1px)}.noProjects-cta .cta-icon{align-items:center;background:#ffffff26;border-radius:8px;display:inline-flex;font-size:18px;height:24px;justify-content:center;width:24px}@media (max-width:900px){.steps-grid{grid-template-columns:1fr}}.dashboard-root{background:#0a0b0e;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh}.dashboard-topbar{background:var(--sidebar-background);border-bottom:1px solid #8b5cf633;height:64px;justify-content:space-between;padding:0 24px;z-index:100}.dashboard-topbar,.topbar-left{align-items:center;display:flex;gap:24px}.topbar-left{flex:1 1;max-width:600px}.topbar-left .logo{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px;transition:background .2s}.topbar-left .logo:hover{background:#8b5cf61a}.search-bar{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex:1 1;gap:8px;max-height:20px;padding:8px 12px;transition:all .2s}.search-bar:focus-within{background:#ffffff14;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}.search-bar svg{color:var(--accent-color);flex-shrink:0}.search-bar input{background:#0000;border:none;flex:1 1;font-size:14px;min-width:0;outline:none}.search-bar input,.search-bar input::placeholder,.search-kbd{color:var(--accent-color)}.search-kbd{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;height:20px;justify-content:center;min-width:20px;padding:0 4px}.topbar-actions{gap:12px}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.upgrade-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.icon-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.icon-btn:hover{background:#ffffff1a;border-color:#8b5cf666;color:#fff}.notification-btn .notification-dot{background:#ef4444;border:2px solid #130a29;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.user-menu{position:relative}.user-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:6px 12px 6px 6px;transition:all .2s}.user-btn:hover{background:#ffffff1a;border-color:#8b5cf666}.user-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.user-name{font-size:14px;font-weight:500}.user-dropdown{background:#1a1b23;border:1px solid #8b5cf64d;border-radius:12px;box-shadow:0 8px 24px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:1000}.user-dropdown-header{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);padding:16px}.user-info{display:flex;flex-direction:column;gap:4px}.user-name-large{color:#fff;font-size:14px;font-weight:600}.user-email{color:#9ca3af;font-size:12px}.user-dropdown-divider{background:#ffffff1a;height:1px;margin:4px 0}.dropdown-item{align-items:center;background:#0000;border:none;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#8b5cf61a;color:#fff}.dropdown-item svg{flex-shrink:0;height:16px;width:16px}.dashboard-body{background:var(--secondary-background-color);overflow:hidden}.dashboard-body .action-btn{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-inline:10px}.dashboard-sidebar{padding:20px 0;width:200px}.dashboard-sidebar .logo{align-items:center;border-bottom:1px solid #23273f;cursor:pointer;display:flex;gap:10px;padding-bottom:10px}.dashboard-sidebar .logo svg{height:70%;margin-left:30px;max-height:50px;width:auto}.logo-text{color:#fff}.dashboard-sidebar nav{flex:1 1;gap:8px;padding-top:20px}.nav-btn{background:#0000;color:#7e8695;text-align:left;transition:.2s ease-in-out}.nav-btn.active,.nav-btn:hover{background-color:#ffffff1a;color:#fff}.sidebar-footer{padding:20px 0}.logout-btn{font-size:14px;width:100%}.logout-btn:hover{color:#fff}.dashboard-content{background:var(--secondary-background-color);padding:50px}.dashboard-content.full{padding:0}.hamburger-btn{background:#8b5cf6e6;border-radius:8px;gap:4px;left:20px;position:fixed;top:20px}.hamburger-btn span{display:block;height:2px;transition:.3s;width:24px}@media (max-width:768px){.hamburger-btn{display:flex}.mobile-menu-overlay{background:#000000b3;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.dashboard-sidebar{height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.dashboard-sidebar.mobile-open{left:0}.dashboard-content{margin-top:60px;padding:24px}.search-bar{display:none}.topbar-left{max-width:none}.user-name{display:none}}@media (max-width:480px){.upgrade-btn span{display:none}.dashboard-content{padding:12px}.topbar-actions{gap:8px}.icon-btn{height:32px;width:32px}}.dashboard-topbar .logoImage{max-height:60%}.logo{align-items:center;display:flex;gap:10px;padding-bottom:10px}.dashboard-body .logo svg{height:70%;margin-left:30px;max-height:50px;width:auto}.logo-text{font-weight:600}.topbar-actions{align-items:center;display:flex;gap:16px}.upgrade-btn{background:#fff;border:none;border-radius:8px;color:var(--primary-color);cursor:pointer;padding:6px 12px}.user-menu{gap:8px}.logout-btn,.user-menu{align-items:center;display:flex}.logout-btn{background:#0000;border:none;border-top:1px solid #23273f;color:#fff;color:#7e8695;cursor:pointer;flex-direction:row;gap:10px;padding-left:30px;padding-top:20px;transition:.2s ease-in-out}.dashboard-body{display:flex;flex:1 1}.dashboard-sidebar{background:var(--sidebar-background);border-right:1px solid #23273f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-width:200px;padding:12px 0}.dashboard-sidebar nav{display:flex;flex-direction:column;gap:12px}.nav-btn{align-items:center;background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;gap:10px;margin-inline:10px;padding:10px 10px 10px 30px}.nav-btn:hover{background-color:#ffffff1a;color:#fff}.nav-tooltip{background:#111111c0;border-radius:6px;color:#fff;font-size:12px;left:56px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-6px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:100}.nav-btn:hover .nav-tooltip{opacity:1;transform:translateX(0)}.sidebar-footer{margin-bottom:10px;padding-bottom:8px}.sidebar-footer button{width:100%}.dashboard-content{background-color:var(--secondary-background-color);flex:1 1;height:90%;overflow-y:auto;overflow-y:scroll;padding:20px 50px}.dashboard-content::-webkit-scrollbar{display:none}.dashboard-root.editor-mode .dashboard-sidebar{display:none}.dashboard-content.full{margin:0;padding:10px;width:100%}.hamburger-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:10px;z-index:1001}.hamburger-btn span{background:#fff;border-radius:2px;height:3px;transition:.3s ease;width:25px}.hamburger-btn:hover span{background:var(--primary-color)}.mobile-menu-overlay{background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.hamburger-btn{display:flex;left:12px;position:fixed;top:12px;z-index:1001}.mobile-menu-overlay.mobile-open{display:block}.dashboard-body,.dashboard-sidebar{flex-direction:column}.dashboard-sidebar{background:hsl(var(--sidebar-background));border-bottom:none;border-right:1px solid #23273f;height:100vh;left:-100%;padding:60px 0 12px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.dashboard-sidebar.mobile-open{left:0}.dashboard-sidebar nav{flex:1 1;flex-direction:column;gap:8px}.dashboard-sidebar nav .logo{display:none}.dashboard-sidebar nav .action-btn{font-size:14px;margin:8px 12px;padding:10px 12px}.nav-btn{font-size:14px;justify-content:flex-start;margin-inline:8px;padding:12px 12px 12px 30px;white-space:nowrap}.nav-btn span{display:inline;margin-left:12px}.sidebar-footer{margin-bottom:12px;margin-left:0;padding-bottom:8px}.logout-btn{border-left:none;border-top:1px solid #23273f;margin:auto 8px 0;padding-left:30px;padding-top:12px}.dashboard-content{margin-top:40px;padding:20px;width:100%}}@media (max-width:480px){.hamburger-btn{left:10px;top:10px}.hamburger-btn span{height:2.5px;width:22px}.dashboard-sidebar{max-width:280px;width:100%}.nav-btn{font-size:13px;padding:10px 12px 10px 30px}.dashboard-content{margin-top:40px;padding:12px}.dashboard-sidebar nav .action-btn{font-size:12px}}.loginPage{height:100vh}.loginForm,.loginPage{align-items:center;display:flex;flex-direction:column;justify-content:center}.loginForm{height:100%}.loginTitle{position:relative;text-align:center;z-index:2}.loginForm .logo{height:auto}hanko-auth::part(container){background-color:var(--secondary-background-color);border-radius:10px}hanko-auth::part(input){background-color:#f084b60a;border:1px solid #fff;color:#fff}hanko-auth::part(button){background-color:var(--primary-color);border:none;color:#fff}hanko-auth::part(link){color:var(--accent-color)}hanko-auth::part(headline1){color:#fff}hanko-auth::part(paragraph){color:#aaa}.termsContainer{max-width:400px;text-align:center}.radial{background:radial-gradient(ellipse farthest-corner at 50% 50%,#874af6 0,#f000 100%);border-radius:50%;filter:blur(20px);height:500px;opacity:50%;position:absolute;width:500px;z-index:0}.radial1{left:-10%;top:5%}.radial2{bottom:10%;height:400px;right:-10%;width:400px}@media only screen and (max-width:800px){.radial{display:none}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;padding:12px 16px}.toast-success{background-color:#10b981;border-left:4px solid #059669;color:#fff}.toast-error{background-color:#ef4444;border-left:4px solid #dc2626;color:#fff}.toast-info{background-color:#3b82f6;border-left:4px solid #1d4ed8;color:#fff}.toast-warning{background-color:#f59e0b;border-left:4px solid #d97706;color:#fff}.toast-message{flex:1 1;margin-right:12px}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;line-height:1;opacity:.8;padding:0;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:600px){.toast-container{left:12px;max-width:none;right:12px;top:12px}.toast{font-size:13px;min-height:44px;padding:10px 12px}.toast-message{margin-right:8px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dangerZone{border-top:1px solid var(--border-color);margin-top:48px;padding-top:24px}.deleteAccountBtn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.deleteAccountBtn:hover{background:#b91c1c}.modalBackdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.deleteModal{animation:growIn .25s ease-out forwards;background:#fff;border-radius:16px;max-width:90%;opacity:0;padding:32px;text-align:center;transform:scale(.85);width:420px}@keyframes growIn{to{opacity:1;transform:scale(1)}}.modalActions{display:flex;gap:12px;justify-content:center;margin-top:24px}.cancelBtn{background:#e5e7eb}.cancelBtn,.confirmDeleteBtn{border:none;border-radius:8px;cursor:pointer;padding:10px 16px}.confirmDeleteBtn{background:#dc2626;color:#fff}.cancelBtn:disabled,.confirmDeleteBtn:disabled{cursor:not-allowed;opacity:.6}.deleteModal{color:#000}.save-btn{background-color:#fff;border:none;border-radius:10px;cursor:pointer;padding:10px 20px;transition:.2s ease-in-out}.save-btn:hover{background-color:#d3d3d3}.profileCard hanko-profile::part(container){background-color:initial}hanko-profile{--background-color:#0000;--color:#dadada;--brand-color-shade-1:var(--primary-color);--link-color:var(--primary-color);--brand-color:var(--primary-color)}.heroSection{background:linear-gradient(65deg,var(--primary-color),var(--accent-color),var(--secondary-color));border-radius:15px;padding:20px}.heroSection button{background-color:#fff;border:none;border-radius:10px;color:var(--primary-color);cursor:pointer;margin-top:50px;padding:10px 20px;transition:.2s ease-in-out}.heroSection button:hover{background-color:#000;color:#fff}.recentProjects{margin-top:20px}.recentProjects h2{margin-bottom:15px}.recentProjects .projects-container{padding:0}.projects-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.project-card{background-color:var(--tile-color);padding:15px;transition:all .2s ease-in-out}.project-preview{height:180px}.project-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.project-info{gap:5px}.project-info strong{color:#fff}.project-info span{color:#7e8695}.project-actions{display:flex;gap:10px}.project-actions button{background-color:initial;border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;transition:all .2s ease-in-out}.project-actions button:hover{border-color:var(--primary-color)}.project-actions button.danger:hover{background-color:#dc3545;border-color:#dc3545}.view-all-btn{background-color:initial;border:1px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:10px;transition:all .2s ease-in-out;width:100%}.view-all-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.modal-backdrop{background-color:#000000b3;bottom:0;left:0;right:0;top:0}.modal-content{background-color:var(--tile-color);border:1px solid var(--border-color);max-width:400px;padding:25px;width:90%}.modal-content h3{margin-bottom:10px}.modal-content p{color:#7e8695;margin-bottom:20px}.modal-actions button{background-color:initial;border:1px solid var(--border-color);border-radius:8px;color:#fff;padding:8px 16px;transition:all .2s ease-in-out}.modal-actions button:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.modal-actions button.danger:hover{background-color:#dc3545;border-color:#dc3545}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.popularGames,.quick-actions{flex:1 1;margin-top:20px}.quick-actions button{background:none;border:none;color:#7e8695;cursor:pointer;transition:.2s ease-in-out}.quick-actions button:hover{color:#fff}.action-card{align-items:center;background-color:var(--tile-color);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:20px;padding:10px;transition:.1s ease-in-out}.action-card:hover{border-color:var(--primary-color)}.action-card .icon{align-items:center;aspect-ratio:1/1;border-radius:5px;font-size:32px;height:100%;justify-content:center}.action-card .action-info,.action-card .icon{display:flex;flex-direction:column}.action-card .action-info .secondary-text{font-size:14px}.action-card .action-info h4,.action-card .action-info p{margin:0}.homeGameCard{background-color:var(--tile-color);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;gap:12px;padding:10px;position:relative;transition:all .2s ease-in-out}.homeGameCard:hover{border-color:var(--primary-color);transform:translateY(-2px)}.homeGameCard .gameMeta{display:flex;flex-direction:column;gap:4px}.homeGameCard .gameMeta p{font-weight:600;margin:0}.gameStatusText{color:#7e8695;font-size:12px}.gameStatusTag{border-radius:999px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2px;padding:4px 8px;position:absolute;right:6px;text-transform:capitalize;top:6px}.gameStatusTag.status-active{background:#22c55e}.gameStatusTag.status-coming-soon{background:#f59e0b}.gameStatusTag.status-inactive{background:#6b7280}.gameStatusTag.status-unknown{background:#4b5563}@media (max-width:768px){.heroSection{padding:15px}.heroSection button{font-size:14px;margin-top:30px;padding:8px 16px}.project-card{align-items:flex-start;flex-direction:column;gap:10px}.project-actions{width:100%}.project-actions button{flex:1 1}.popularGames,.quick-actions{margin-top:12px;padding:12px 16px}}@media (max-width:480px){.heroSection{border-radius:10px;padding:12px}.heroSection button{font-size:12px;margin-top:20px;padding:8px 12px;width:100%}.project-card{padding:12px}.project-info strong{font-size:14px}.project-info span{font-size:12px}.project-actions button{font-size:12px;padding:6px 12px}.popularGames,.quick-actions{border-radius:8px;margin-top:10px;padding:10px 12px}.quick-actions button{font-size:12px}}.projects-container{display:flex;flex-direction:column;gap:12px}.projects-container h1{margin:0}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{align-items:center;background:var(--tile-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:transform .2s ease,box-shadow .2s ease}.project-card.preview-card{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.project-preview{align-items:center;background:#1b1d24;border:1px solid #ffffff0f;border-radius:12px;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.preview-video{display:block;height:100%;object-fit:cover;width:100%}.preview-placeholder{align-items:center;background:radial-gradient(circle at center,#ffffff0f,#ffffff05);color:#7e8695;display:flex;font-size:28px;height:100%;justify-content:center;width:100%}.project-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.project-card:hover{box-shadow:0 4px 12px #00000026}.project-info{display:flex;flex-direction:column;text-transform:capitalize}.project-info strong{color:#eaeaea;font-size:16px;margin-bottom:4px}.project-info span{color:#666;font-size:14px}.project-actions button{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s ease}.project-actions button:hover{background-color:var(--primary-color)}.no-projects{color:#777;font-size:14px;margin-top:16px;text-align:center}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:pop-in .18s ease-out forwards;background:#121212;border-radius:10px;box-shadow:0 10px 40px #00000059;color:#fff;max-width:90vw;padding:18px 20px;transform:scale(.9);width:320px}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.modal-actions button.danger{background:#d9534f;color:#fff}.settingsLayout{gap:24px}.settingsLayout,.settingsSidebar{display:flex;flex-direction:column}.settingsSidebar{gap:8px;width:100px}.tabBtn{align-items:center;background:#0000;border:1px solid #2a2a2a;border-radius:12px;color:#aaa;cursor:pointer;display:flex;flex-direction:column;padding:14px;text-align:left}.tabBtn.active{background:#7850ff26;border-color:#7b5cff;color:#fff}.settingsContent{flex:1 1}.profileCard{background:#0f1115;border:1px solid #1f1f1f;border-radius:18px;padding:24px}@media (max-width:768px){.project-card{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.project-info{width:100%}.project-info strong{font-size:14px}.project-info span{font-size:12px}.project-actions{width:100%}.project-actions button{font-size:12px;padding:8px 12px;width:100%}.modal-content{max-width:90vw;padding:16px;width:90vw}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{padding:12px 16px;width:100%}.settingsLayout{flex-direction:column;gap:12px}.settingsSidebar{flex-direction:row;gap:6px;overflow-x:auto;width:100%}.tabBtn{font-size:12px;min-width:auto;padding:10px 12px;white-space:nowrap}.settingsContent{padding:12px 0}.profileCard{border-radius:12px;padding:16px}}@media (max-width:480px){.projects-container h1{font-size:18px;margin-bottom:12px}.project-card{border-radius:8px;padding:10px}.project-info strong{font-size:13px;margin-bottom:3px}.project-info span{font-size:11px}.modal-content{padding:14px;width:95vw}.modal-actions button{font-size:12px;padding:10px 12px}.settingsSidebar{gap:4px}.tabBtn{font-size:11px;padding:8px 10px}.profileCard{padding:12px}}.gameSelection{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:10px}@media (max-width:600px){.gameSelection{grid-template-columns:1fr}}.gameCard{border:1px solid var(--border-color);border-radius:10px;border-radius:8px;cursor:pointer;flex-direction:row;min-width:200px;padding:12px;transition:.2s}.gameCard,.gameCard .gameIcon{align-items:center;display:flex}.gameCard .gameIcon{background-color:var(--accent-color);border-radius:5px;color:#fff;flex-direction:column;height:50px;justify-content:center;object-fit:cover;width:50px}.gameCard p{max-width:100%}.gameCard.selected{background:var(--primary-color);border-color:#4f46e5}.actions{display:flex;gap:12px;margin-top:24px}.newProjectContainer{flex-direction:column}.newProjectContainer,.stepper{align-items:center;display:flex}.stepper{flex-direction:row;gap:12px;justify-content:center;margin:16px 0 24px}.stepper-item{gap:8px;position:relative}.stepper-circle,.stepper-item{align-items:center;display:flex}.stepper-circle{background:#1c1c24;border:1px solid var(--border-color);border-radius:999px;color:#9aa1b2;font-size:12px;height:28px;justify-content:center;width:28px}.stepper-circle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.stepper-label{color:#9aa1b2;font-size:13px}.stepper-label.active{color:#fff}.stepper-line{background:#ffffff1f;border-radius:999px;height:2px;width:80px}.stepper-line.active{background:var(--primary-color)}.newProjectContainer .section{background-color:var(--tile-color);border:1px solid var(--border-color);border-radius:10px;padding:10px 20px}.newProjectContainer .section p{margin:0}.newProjectContainer .section label input{margin-block:10px 20px}.upload-box{background:#ffffff05;border:1px dashed #fff3;border-radius:12px;padding:28px;position:relative;text-align:center}.upload-input{cursor:pointer;inset:0;opacity:0;position:absolute}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{align-items:center;background:#7c6ee633;border-radius:12px;color:#d6ccff;font-size:22px;height:48px;width:48px}.newProject,.upload-icon{display:flex;justify-content:center}.newProject{flex-direction:column;width:80%}.newProject form{max-width:1000px;width:100%}.newProject form h2{font-size:16px;font-weight:400}.newProject .icon{align-items:center;background-color:#ddd;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px}.newProject .header{align-items:center;display:flex;flex-direction:row;gap:20px;margin-bottom:20px;padding-bottom:20px}.newProject .header .title{min-width:400px;padding-right:20px}.newProject .header .title h1{margin:0}.newProject .header .title p{color:gray;margin:0}.newProject button{background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 20px}.stage-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:20px}.ghost-btn{background:#0000;border:none;color:#9aa1b2;cursor:pointer}.newProject button:disabled{background-color:var(--accent-color);cursor:not-allowed}.uploadProgress{margin-top:12px}.progressHeader{align-items:center;color:#9aa1b2;color:var(--text-secondary,#9aa1b2);display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-bottom:6px}.progressHeader .timeRemaining{color:var(--primary-color);font-size:11px;font-weight:500;white-space:nowrap}.progressBar{background:#ffffff14;border:1px solid var(--border-color);border-radius:999px;height:10px;overflow:hidden;position:relative;width:100%}.progressBarFill{background:linear-gradient(90deg,#4f46e5,#7c6ee6);height:100%;transition:width .2s ease;width:0}@media only screen and (max-width:800px){.newProject{max-width:100%}.newProject .header{padding-inline:20px}.newProject .header .title{min-width:150px}}@media only screen and (max-width:768px){.newProjectContainer{width:100%}.newProject{width:95%}.newProject .header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px;padding-bottom:12px}.newProject .header .title{min-width:100%;padding-right:0}.newProject .header .title h1{font-size:18px}.gameSelection{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.gameCard{flex-direction:column;min-width:auto;padding:8px;text-align:center}}@media only screen and (max-width:480px){.newProject{width:100%}.newProject form{max-width:100%}.newProject form h2{font-size:14px}.gameSelection{gap:8px;grid-template-columns:1fr}.gameCard{padding:6px}.actions{flex-direction:column;margin-top:16px}.actions button{padding:12px 16px;width:100%}}.billing-container{color:#1a1a1a;font-family:Inter,sans-serif}.billing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.billing-container h1{color:#fff}.billing-header-actions{display:flex;flex-direction:row;gap:20px}.billing-container button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px}.cancel-btn{background:#f3f3f3}.billing-section{background:var(--tile-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 2px 4px #0000000f;color:#fff;margin-bottom:22px;padding:22px}.billing-section .subscription-section{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:300px}.billing-container .flex-hor{flex-wrap:wrap;gap:20px}.flex-hor .billing-section{flex:1 1}.billing-section .usage{width:100%}.users-label{font-size:15px;font-weight:500}.users-bar{background:#e6e6e6;border-radius:5px;height:8px;margin:10px 0;width:100%}.users-bar-fill{background:var(--primary-color);border-radius:5px;height:100%}.hint{color:#7a7a7a;font-size:13px}.active-until{font-weight:600}.plan-name{font-size:24px;font-weight:400}.active-until-sub,.price-sub{color:#888;font-size:14px}.price{font-size:18px;font-weight:600;margin-top:10px}.warning-box{align-items:center;background:#fff7e6;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-top:18px;padding:14px}.warning-icon{font-size:18px}.methods-section h3{font-size:18px;margin-bottom:14px}.methods-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.method-card{background:#fff;border:1px solid #e6e6e6;border-radius:14px;color:#000;flex:1 1;padding:16px}.method-header{display:flex;justify-content:space-between;margin-bottom:8px}.active-tag{background:#e8f5e9;border-radius:6px;color:#34a853;font-size:12px;padding:3px 8px}.method-email,.method-number{font-size:15px;font-weight:500;margin-bottom:6px}.method-exp{color:#888;font-size:13px;margin-bottom:10px}.method-icon span{font-weight:600;opacity:.7}.invoice-section h3{font-size:18px;margin-bottom:14px}.invoice-table{border-collapse:collapse;margin-top:10px;width:100%}.invoice-table td,.invoice-table th{border-bottom:1px solid #e6e6e6;font-size:14px;padding:12px 10px;text-align:left}.invoice-table th{background:#f8f8f8;font-weight:600}.download-link{color:var(--primary-color);cursor:pointer;font-weight:500}.cancel-modal{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cancel-modal-content{animation:grow .3s forwards;background:#fff;border-radius:8px;max-width:90%;padding:24px;text-align:center;transform:scale(0);width:400px}.modal-buttons{display:flex;justify-content:space-around;margin-top:16px}@keyframes grow{to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paymentMethodContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:20px}.pm-header{align-items:center;display:flex;justify-content:space-between}.add-pm-btn{background:#6c5ce7;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.add-pm-btn:hover{background:#7f6cf0}.pm-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.pm-modal{animation:pmPopIn .18s ease-out forwards;background:#1a1a1a;border:1px solid #2c2c2c;border-radius:12px;color:#fff;padding:20px;transform:scale(.95);width:420px}@keyframes pmPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pm-card-element .StripeElement{background:#111;border:1px solid #333;border-radius:8px;margin:12px 0;padding:12px}.pm-actions{display:flex;gap:10px;justify-content:flex-end}.pm-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 14px}.pm-btn-primary{background:#6c5ce7;color:#fff}.pm-btn-primary:hover{background:#7f6cf0}.pm-btn-secondary{background:#2c2c2c;color:#fff}.pm-btn-secondary:hover{background:#3a3a3a}.pm-error{color:#ff6b6b;font-size:12px;margin-bottom:8px}@media only screen and (max-width:800px){.billing-section .subscription-section{min-width:100px;width:auto}}@media (max-width:768px){.billing-header{align-items:flex-start;flex-direction:column;gap:16px}.billing-header-actions{flex-direction:column;gap:10px;width:100%}.billing-header-actions button{padding:10px 16px;width:100%}.billing-section{border-radius:10px;padding:16px}.flex-hor{flex-direction:column}.flex-hor .billing-section{flex:1 1;width:100%}.pm-card-element .StripeElement{margin:10px 0;padding:10px}.pm-actions{flex-direction:column;gap:8px}.pm-btn{padding:10px 14px;width:100%}}@media (max-width:480px){.billing-container h1{font-size:18px}.billing-section{margin-bottom:12px;padding:12px}.billing-section .subscription-section{min-width:100%}.users-label{font-size:13px}.hint{font-size:12px}.billing-container button{font-size:12px;padding:8px 12px}.pm-card-element .StripeElement{padding:8px}.pm-btn{font-size:12px;padding:8px 10px}}.promo-code-section{display:flex;flex-direction:column;gap:10px;margin-top:50px;max-width:800px}.promo-code-section input{min-width:200px}.subscription-plans button{background-color:#fff;border:none;border-radius:10px;cursor:pointer;padding:10px 20px;transition:.2s ease-in-out}.subscription-plans button:hover{background-color:var(--primary-color);color:#fff}.plans-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.plan-card{background:linear-gradient(#fff,#ba96ff);border-radius:10px;color:#000;display:flex;flex-direction:column;padding:10px 20px}.plan-card h3{font-weight:400;margin-bottom:0}.plan-card h4{margin:20px 0 0;padding:0}.price{border-bottom:1px solid #000;font-size:36px;margin-bottom:0;padding-bottom:20px}@media (max-width:768px){.promo-code-section{margin-top:30px;max-width:100%}.promo-code-section input{min-width:100%;padding:10px}.subscription-plans button{font-size:14px;padding:8px 16px}.plans-container{flex-direction:column;gap:16px}.plan-card{min-width:100%;padding:16px}.plan-card h3{font-size:16px}.plan-card h4{font-size:14px}.price{font-size:28px;padding-bottom:16px}}@media (max-width:480px){.promo-code-section{margin-top:20px}.subscription-plans button{font-size:12px;padding:10px 12px;width:100%}.plan-card{border-radius:8px;padding:12px}.plan-card h3{font-size:14px}.plan-card h4{font-size:12px;margin-top:12px}.price{font-size:24px;padding-bottom:12px}}
/*# sourceMappingURL=main.0ca3546b.css.map*/