.toast{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 10px 40px #0000004d;z-index:9999;min-width:300px;max-width:500px;animation:slideDown .3s ease forwards;font-family:Inter,sans-serif}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-delete{background:linear-gradient(135deg,#dc143c,#8b0000);color:#fff}.toast-with-undo{min-width:400px}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:24px;height:24px}.toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.toast-undo{flex-shrink:0;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.toast-undo:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.toast-close{flex-shrink:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.toast-close:hover{opacity:1}.toast-close svg{width:18px;height:18px}@media (max-width: 768px){.toast{top:90px;min-width:calc(100% - 2rem);max-width:calc(100% - 2rem);left:1rem;transform:translate(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-2xl);border-bottom:1px solid var(--border-secondary);transition:all var(--transition-normal)}#navbar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),var(--accent-primary),transparent);opacity:.6;animation:shimmer 3s linear infinite}#navbar-logo{height:50px;width:auto;cursor:pointer;transition:all var(--transition-normal);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));border-radius:var(--radius-sm)}#navbar-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 16px var(--glow-primary))}#navlink-container{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{position:relative;color:var(--text-secondary);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;transition:all var(--transition-fast);padding:.5rem 0}.nav-link:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-normal)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:before{width:100%}.admin-link{color:var(--accent-primary);font-weight:700}.admin-link:before{background:var(--accent-primary)}#theme-toggle{position:relative;background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);overflow:hidden}#theme-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-full)}#theme-toggle:hover{border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 24px var(--glow-primary)}#theme-toggle:hover:before{opacity:1}#theme-toggle:active{transform:scale(.95)}#theme-toggle svg{position:absolute;transition:all var(--transition-normal);z-index:1}#theme-toggle:hover svg{color:#fff}.sun-icon{opacity:0;transform:rotate(-90deg) scale(.8)}.moon-icon,[data-theme=light] .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .moon-icon{opacity:0;transform:rotate(90deg) scale(.8)}.nav-link[style*="background: none"]{font-family:inherit;font-size:.9375rem;font-weight:600;padding:.5rem 0}@media (max-width: 1024px){#navbar{padding:0 var(--space-xl)}#navlink-container{gap:var(--space-lg)}}@media (max-width: 768px){#navbar{height:70px;padding:0 var(--space-lg)}#navbar-logo{height:44px}#navlink-container{gap:var(--space-md)}.nav-link{font-size:.875rem}#theme-toggle{width:40px;height:40px}}@media (max-width: 480px){#navbar{padding:0 var(--space-md)}#navbar-logo{height:40px}#navlink-container{gap:var(--space-sm)}.nav-link{font-size:.8125rem}#theme-toggle{width:36px;height:36px}#theme-toggle svg{width:16px;height:16px}}#menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:1100}#menu-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-normal)}#menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}#menu-toggle.open span:nth-child(2){opacity:0}#menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){#menu-toggle{display:flex}#navlink-container{position:fixed;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-secondary);transform:translateY(-150%);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal);pointer-events:none;padding:var(--space-md) 0}#navlink-container.open{transform:translateY(0);opacity:1;pointer-events:auto}#navlink-container .nav-link,#navlink-container #theme-toggle{width:100%}.nav-link{padding:var(--space-md) var(--space-lg);text-align:center}.nav-link:before{display:none}#theme-toggle{margin:var(--space-sm) auto 0}}.site-footer{position:relative;background:var(--bg-secondary);border-top:1px solid var(--border-secondary);padding:var(--space-2xl) var(--space-2xl) var(--space-xl)}.site-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer-brand{text-align:left}.footer-logo{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:var(--text-primary)}.footer-tagline{margin-top:var(--space-xs);font-size:.875rem;color:var(--text-tertiary)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.footer-link{font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{max-width:1400px;margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--border-secondary);text-align:center}.footer-bottom p{font-size:.8125rem;color:var(--text-tertiary)}@media (max-width: 768px){.site-footer{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.footer-links{justify-content:center;gap:var(--space-lg)}}.home-page{padding-top:80px}.landing-section{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#000000b3,#00000080),url(/images/vila.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}[data-theme=light] .landing-section{background-image:linear-gradient(#140f0f59,#140f0f8c),url(/images/vila.jpg)}.landing-content{position:relative;z-index:1;text-align:center}.landing-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,8vw,6rem);font-weight:900;text-align:center;letter-spacing:.1em;line-height:1.2;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 50%,var(--text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 40px var(--glow-primary)}.three-video-section{display:flex;flex-direction:column;align-items:center;gap:4rem;padding:6rem 2rem;background:var(--bg-primary);position:relative}.three-video-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border-primary) 20%,var(--border-primary) 80%,transparent)}.video-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1400px;padding:0 2rem}.video-vertical{width:100%;height:680px;object-fit:cover;border-radius:12px;border:1px solid var(--border-primary);transition:all var(--transition-slow);position:relative;box-shadow:0 10px 40px var(--shadow-color, rgba(220, 20, 60, .12))}.video-vertical:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 20px 60px var(--shadow-color, rgba(220, 20, 60, .12)),0 0 40px var(--glow-primary)}.three-video-section .intro-text{font-family:Inter,sans-serif;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:300;font-style:italic;text-align:center;max-width:900px;padding:0 1.5rem;color:var(--text-secondary);line-height:1.8;margin:0}.three-video-section .intro-text:before,.three-video-section .intro-text:after{content:'"';font-size:1.8em;line-height:0;color:var(--accent-primary);opacity:.4}.three-video-section .intro-text:before{margin-right:.2em;vertical-align:-.35em}.three-video-section .intro-text:after{margin-left:.2em;vertical-align:-.5em}.button-normal{position:relative;display:inline-block;background:transparent;border:2px solid var(--accent-primary);border-radius:var(--radius-full);color:var(--accent-primary);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 3rem;cursor:pointer;overflow:hidden;transition:all var(--transition-normal);text-transform:uppercase}.button-normal:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:transform var(--transition-slow);z-index:-1}.button-normal:hover{color:var(--text-inverse);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.button-normal:hover:before{transform:translate(-50%,-50%) scale(1)}.button-normal:active{transform:translateY(0)}@media (max-width: 1024px){.video-container{grid-template-columns:1fr;gap:2rem}.video-vertical{height:500px}.three-video-section{padding:4rem 1rem}}@media (max-width: 768px){.landing-section{min-height:70vh}.three-video-section{gap:3rem;padding:3rem 1rem}.video-vertical{height:400px}}@media (max-width: 480px){.video-vertical{height:300px}}.login-page{min-height:100vh;padding-top:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-container{padding:2rem;width:100%;display:flex;justify-content:center}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:450px;box-shadow:0 20px 60px var(--shadow-color);transition:all var(--transition-normal)}.login-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 80px var(--accent-glow)}.login-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--accent-primary);text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white,0 0 10px rgba(255,255,255,.5)}.login-button{width:100%;background:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;margin-top:1rem}.login-button:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#dc143c1a;border:1px solid var(--accent-primary);border-radius:8px;padding:1rem;margin-top:1.5rem;color:var(--accent-primary);font-size:.9rem;text-align:center;display:none}.error-message.show{display:block;animation:fadeInUp .3s ease}.back-link{display:block;text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--accent-primary)}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}}.dashboard-header{text-align:center;margin-bottom:var(--space-3xl);max-width:800px;margin-left:auto;margin-right:auto}.dashboard-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--text-primary)}.dashboard-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-xl);max-width:1400px;margin:0 auto}.dashboard-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);transition:all var(--transition-normal);overflow:hidden;min-height:200px}.dashboard-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--transition-normal)}.dashboard-card.card-clickable:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#dc143c80}.dashboard-card.card-clickable:hover:before{opacity:1}.dashboard-card.card-clickable:active{transform:translateY(-2px)}.card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-md);background:linear-gradient(135deg,#dc143c26,#ff17441a);transition:all var(--transition-normal)}.dashboard-card:hover .card-icon-wrapper{background:linear-gradient(135deg,#dc143c40,#ff174426);transform:scale(1.05)}.card-icon{color:var(--accent-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.dashboard-card:hover .card-icon{color:var(--accent-secondary);transform:rotate(5deg)}.card-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard-card h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.dashboard-card p{color:var(--text-secondary);font-size:.9375rem;margin:0;line-height:1.6}.card-arrow{align-self:flex-start;color:var(--text-tertiary);opacity:0;transform:translate(-8px);transition:all var(--transition-normal)}.dashboard-card.card-clickable:hover .card-arrow{opacity:1;transform:translate(0);color:var(--accent-primary)}.card-disabled{opacity:.6;cursor:not-allowed}.card-disabled:hover{transform:none;box-shadow:none}.card-disabled .card-icon-wrapper{background:#a0a0ab1a}.card-disabled:hover .card-icon-wrapper{transform:none}.card-disabled .card-icon{color:var(--text-tertiary)}.card-disabled:hover .card-icon{color:var(--text-tertiary);transform:none}.card-content .badge{margin-top:var(--space-sm);align-self:flex-start}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-lg)}}@media (max-width: 768px){.dashboard-header{margin-bottom:var(--space-2xl)}.dashboard-title{font-size:clamp(1.75rem,5vw,2.5rem)}.dashboard-subtitle{font-size:1rem}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-lg)}.dashboard-card{min-height:180px}}@media (max-width: 480px){.dashboard-card{padding:var(--space-lg)}.card-icon-wrapper{width:56px;height:56px}.card-icon svg{width:28px;height:28px}}.image-upload-container{width:100%}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.image-preview-wrapper{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);transition:all var(--transition-normal)}.image-preview-wrapper:hover{border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.image-preview-wrapper.profile-image{border-color:gold;box-shadow:0 0 20px #ffd7004d}.image-preview{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000004d}.image-preview-wrapper:hover .image-remove-btn,.image-preview-wrapper:hover .image-profile-btn{opacity:1}.image-remove-btn:hover{background:var(--accent-secondary);transform:scale(1.1)}.image-profile-btn{position:absolute;top:8px;left:8px;width:32px;height:32px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000004d}.image-profile-btn:hover{background:#000000e6;transform:scale(1.1)}.profile-badge{position:absolute;top:48px;left:8px;background:gold;color:#000;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #0000004d}.image-number{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;border:2px solid var(--accent-primary)}.image-add-btn{aspect-ratio:1;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-normal);font-family:Inter,sans-serif;font-size:.9rem}.image-add-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 20px var(--accent-glow)}.image-add-btn svg{transition:transform var(--transition-normal)}.image-add-btn:hover svg{transform:rotate(90deg)}.image-upload-hint{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}@media (max-width: 480px){.image-grid{grid-template-columns:repeat(2,1fr)}}.performer-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:900px;margin:0 auto}.form-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.section-title{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600;color:var(--accent-primary);margin-bottom:1.5rem}.section-hint{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;font-style:italic}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.performer-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.confirm-modal-icon svg{width:48px;height:48px;color:var(--accent-primary)}.confirm-modal-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.confirm-modal-message{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}.confirm-modal-actions{display:flex;gap:1rem;justify-content:center}.confirm-modal-actions button{flex:1;max-width:150px;text-transform:none!important}.button-danger{background:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.875rem 2rem;cursor:pointer;transition:all var(--transition-normal)}.button-danger:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.button-danger:active{transform:translateY(0)}@media (max-width: 768px){.confirm-modal-content{padding:1.5rem;max-width:90%}.confirm-modal-title{font-size:1.25rem}.confirm-modal-message{font-size:.95rem}.confirm-modal-actions{flex-direction:column}.confirm-modal-actions button{max-width:100%}}.performers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--accent-primary);text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white,0 0 10px rgba(255,255,255,.5);margin:0;margin-bottom:2rem}.performers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.performer-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-normal)}.performer-image{aspect-ratio:3/4;background:var(--bg-tertiary);overflow:hidden}.performer-image img{width:100%;height:100%;object-fit:cover}.performer-info{padding:1.5rem}.performer-info h3{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.performer-info p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.performers-header{flex-direction:column;gap:1rem;align-items:stretch}.performers-grid{grid-template-columns:1fr}}.order-detail-header{text-align:center;margin-bottom:3rem}.order-finalized-date{color:var(--accent-primary);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;margin-top:.5rem}.order-info-section{display:grid;gap:2rem;margin-bottom:3rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.section-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--accent-primary);margin-bottom:1rem}.commercial-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.performers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.performer-detail-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-normal)}.performer-detail-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 40px var(--accent-glow);transform:translateY(-5px)}.performer-detail-card .performer-image{aspect-ratio:3/4;background:var(--bg-tertiary);overflow:hidden;position:relative}.performer-detail-card .performer-image img{width:100%;height:100%;object-fit:cover}.performer-detail-card .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-family:Inter,sans-serif}.performer-detail-card .performer-info{padding:1.5rem}.performer-detail-card .performer-info h3{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.performer-contact{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.performer-contact p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}@media (max-width: 768px){.performers-grid{grid-template-columns:1fr}.order-info-section{gap:1.5rem}.info-card{padding:1.5rem}}.manage-clients .content-wrapper{max-width:1600px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.loading-spinner{text-align:center;color:var(--text-primary);font-size:1.2rem;padding:3rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state p{font-size:1.2rem;margin-bottom:1.5rem}.clients-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:visible}.clients-table{width:100%;border-collapse:collapse;table-layout:auto}.clients-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.clients-table th{padding:1rem;text-align:left;color:var(--text-primary);font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.clients-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.clients-table tbody tr:hover{background:var(--bg-tertiary)}.clients-table td{padding:1rem;color:var(--text-primary);font-size:.95rem;white-space:nowrap}.company-name-cell{padding:.75rem 1rem!important}.company-name-display{display:flex;align-items:center;gap:.75rem}.company-name{font-weight:600;color:var(--text-primary);font-family:Orbitron,sans-serif}.edit-name-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-tertiary);padding:.375rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);opacity:0}.company-name-display:hover .edit-name-btn{opacity:1}.edit-name-btn:hover{background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--accent-primary)}.edit-name-container{display:flex;align-items:center;gap:.5rem}.edit-name-input{flex:1;background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast)}.edit-name-input:focus{outline:none;box-shadow:0 0 0 3px var(--glow-primary)}.edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.save-btn{background:var(--accent-success);color:#fff}.save-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px var(--glow-success)}.cancel-btn{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-secondary)}.cancel-btn:hover{background:var(--accent-error);color:#fff;border-color:var(--accent-error);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow-error)}.access-code-cell{padding:.75rem 1rem!important}.access-code-container{display:flex;align-items:center;gap:1rem}.access-code{font-family:Courier New,monospace;color:var(--accent-primary);font-weight:700;font-size:1rem;letter-spacing:.5px;user-select:text!important;-moz-user-select:text!important;-khtml-user-select:text!important;-webkit-user-select:text!important;-o-user-select:text!important}.copy-btn-prominent{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-normal);white-space:nowrap}.copy-btn-prominent:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow-primary)}.copy-btn-prominent:active{transform:translateY(0)}.copy-btn-prominent svg{flex-shrink:0}.copy-text{font-family:Inter,sans-serif}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px}.status-active{background:#22c55e26;color:#22c55e;border:1px solid #22c55e}.status-inactive{background:#b0b0b01a;color:var(--text-secondary);border:1px solid var(--text-secondary)}.status-expired{background:#8b000033;color:#8b0000;border:1px solid #8b0000}.date-cell{font-size:.85rem;color:var(--text-secondary)}.actions-cell{display:flex;gap:.5rem}.btn-enable{background:var(--accent-primary);color:#fff;border:2px solid var(--accent-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.btn-enable:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.btn-toggle{border:2px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.btn-activate{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn-activate:hover{background:var(--accent-primary);color:#fff;box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.btn-deactivate{background:#8b00004d;color:#8b0000;border-color:#8b0000}.btn-deactivate:hover{background:#8b0000;color:#fff;transform:translateY(-2px)}.modal-content{background:var(--bg-secondary);padding:2rem;border-radius:12px;max-width:500px;width:90%;border:2px solid var(--border-color)}.modal-content h2{color:var(--text-primary);font-family:Orbitron,sans-serif;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.hours-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.hours-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .btn-primary{background:var(--accent-primary);color:#fff;border:2px solid var(--accent-primary);padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-normal);min-width:150px}.modal-actions .btn-primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width: 1600px){.manage-clients .content-wrapper{max-width:100%;padding:var(--space-xl)}}@media (max-width: 1200px){.manage-clients .content-wrapper{padding:var(--space-lg)}.access-code{font-size:.9rem}.copy-btn-prominent{padding:.4rem .8rem;font-size:.8125rem}}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.clients-table-container{overflow-x:auto}.clients-table{min-width:1200px}.copy-text{display:none}.copy-btn-prominent{padding:.5rem}}.form-card{background:var(--bg-secondary);padding:2.5rem;border-radius:12px;border:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--text-primary);font-family:Orbitron,sans-serif;margin-bottom:.5rem;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.form-group select{cursor:pointer}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-group select optgroup{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:600}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:100px}.help-text{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.result-card{background:var(--bg-secondary);padding:3rem;border-radius:12px;border:1px solid var(--border-color);text-align:center}.success-icon{width:80px;height:80px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto 1.5rem;box-shadow:0 0 30px var(--accent-glow)}.result-card h2{color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:2rem}.result-details{background:var(--bg-tertiary);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);margin-bottom:2rem;text-align:left}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-item label{color:var(--text-secondary);font-family:Orbitron,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:var(--text-primary)}.detail-item .access-code{font-family:Courier New,monospace;color:var(--accent-primary);font-weight:700;font-size:1.1rem}.link-box{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--bg-tertiary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.link-box input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem}.copy-button{background:var(--accent-primary);color:#fff;border:2px solid var(--accent-primary);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);white-space:nowrap}.copy-button:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.result-actions{display:flex;gap:1rem;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);padding:2rem;border-radius:12px;max-width:600px;width:90%;border:2px solid var(--border-color)}.modal-content h2{color:var(--text-primary);font-family:Orbitron,sans-serif;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.link-box input,.detail-item .access-code{user-select:text!important;-moz-user-select:text!important;-khtml-user-select:text!important;-webkit-user-select:text!important;-o-user-select:text!important}@media (max-width: 768px){.generate-link-content{padding:1rem}.form-card,.result-card{padding:1.5rem}.form-actions,.result-actions,.link-box{flex-direction:column}.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.performer-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.performer-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 40px var(--accent-glow);transform:translateY(-5px)}.performer-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);animation:selectPulse .4s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.performer-image{aspect-ratio:3/4;background:var(--bg-tertiary);overflow:hidden;position:relative;cursor:pointer}.performer-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.performer-image:hover img{transform:scale(1.05)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-family:Inter,sans-serif}.selected-badge{position:absolute;top:12px;right:12px;background:var(--accent-primary);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.performer-info{padding:1.5rem;flex:1}.performer-info h3{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.performer-details,.performer-attributes{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0}.performer-attributes{font-size:.85rem}.performer-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.performer-actions button{flex:1;padding:.75rem 1rem;font-size:.85rem}.button-selected{background:var(--bg-tertiary);border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;padding:.875rem 2rem;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase}.button-selected:hover{background:var(--accent-primary);color:#fff;box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px var(--accent-glow);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:48px;height:48px;color:var(--text-primary);font-size:32px;line-height:1;cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.modal-gallery{position:relative;aspect-ratio:3/4;background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.modal-main-image{width:100%;height:100%;object-fit:cover}.no-image-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:1.2rem}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:1px solid var(--border-color);color:#fff;width:48px;height:48px;border-radius:50%;font-size:32px;cursor:pointer;transition:all var(--transition-fast)}.gallery-nav:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.gallery-nav.prev{left:1rem}.gallery-nav.next{right:1rem}.gallery-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all var(--transition-fast)}.dot.active{background:var(--accent-primary);transform:scale(1.3)}.modal-details{padding:1rem 0}.modal-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--text-primary)}.detail-full{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.detail-full .detail-value{font-size:1rem;line-height:1.6;margin:0}.modal-select-btn{width:100%;background:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1.25rem;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-select-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.modal-select-btn.selected{background:var(--bg-tertiary);color:var(--accent-primary)}.modal-select-btn.selected:hover{background:var(--accent-primary);color:#fff}@media (max-width: 1024px){.modal-body,.detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-body{padding:1rem;gap:1.5rem}.modal-title{font-size:1.5rem;margin-bottom:1.5rem}}.client-portal{background:var(--bg-primary)}.client-header{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.commercial-desc{color:var(--text-secondary);font-size:1.1rem;max-width:700px;margin:1rem auto 2rem;line-height:1.6}.casting-counter{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:Orbitron,sans-serif;color:var(--text-primary);font-size:1.1rem}.counter-badge{background:var(--accent-primary);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 0 20px var(--accent-glow)}.filters-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.results-info{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.performers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;position:relative}.performers-grid>*{transition:all .5s cubic-bezier(.4,0,.2,1);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.filters-grid,.performers-grid{grid-template-columns:1fr}.casting-counter{flex-direction:column;gap:.75rem}}.expired-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem}.expired-container{max-width:600px;text-align:center;background:var(--bg-secondary);padding:4rem 3rem;border-radius:12px;border:2px solid var(--border-color)}.expired-icon{font-size:5rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.expired-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.expired-message{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.6}.expired-submessage{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.expired-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.expired-actions .button-primary{text-decoration:none}.expired-info{padding-top:2rem;border-top:1px solid var(--border-color)}.expired-info h3{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.expired-info p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.expired-container{padding:3rem 2rem}.expired-title{font-size:2rem}.expired-message{font-size:1.1rem}.expired-actions{flex-direction:column}.expired-icon{font-size:4rem}}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-elevated: #1a1a1a;--bg-overlay: rgba(10, 10, 10, .95);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-inverse: #000000;--accent-primary: #dc143c;--accent-secondary: #ff1744;--accent-tertiary: #8b0000;--accent-success: #10B981;--accent-warning: #F59E0B;--accent-error: #EF4444;--accent-info: #3B82F6;--glow-primary: rgba(220, 20, 60, .25);--glow-secondary: rgba(255, 23, 68, .2);--glow-success: rgba(16, 185, 129, .2);--glow-error: rgba(239, 68, 68, .2);--border-primary: rgba(220, 20, 60, .2);--border-secondary: rgba(255, 255, 255, .08);--border-hover: rgba(220, 20, 60, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 4px 16px rgba(0, 0, 0, .16);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .24);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .32);--shadow-glow: 0 0 32px var(--glow-primary);--glass-bg: rgba(10, 10, 10, .6);--glass-border: rgba(255, 255, 255, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f1f3;--bg-elevated: #e9ecef;--bg-overlay: rgba(255, 255, 255, .95);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6a6a6a;--text-inverse: #ffffff;--accent-primary: #dc143c;--accent-secondary: #ff1744;--accent-tertiary: #8b0000;--accent-success: #10B981;--accent-warning: #F59E0B;--accent-error: #EF4444;--accent-info: #3B82F6;--glow-primary: rgba(220, 20, 60, .15);--glow-secondary: rgba(255, 23, 68, .12);--glow-success: rgba(16, 185, 129, .15);--glow-error: rgba(239, 68, 68, .15);--border-primary: rgba(220, 20, 60, .2);--border-secondary: rgba(0, 0, 0, .1);--border-hover: rgba(220, 20, 60, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-glow: 0 0 32px var(--glow-primary);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(220,20,60,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,23,68,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.5rem}p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.button-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;line-height:1;color:#fff;background:var(--accent-primary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);overflow:hidden;white-space:nowrap}.button-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));opacity:0;transition:opacity var(--transition-normal)}.button-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-lg)}.button-primary:hover:before{opacity:1}.button-primary:active{transform:translateY(0)}.button-primary>*{position:relative;z-index:1}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;line-height:1;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.button-secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-secondary:active{transform:translateY(0)}.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;line-height:1;color:var(--accent-primary);background:transparent;border:1.5px solid var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.button-outline:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.button-outline:active{transform:translateY(0)}.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.button-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.button-sm{padding:.625rem 1.25rem;font-size:.875rem}.button-lg{padding:1.125rem 2.25rem;font-size:1rem}.card{position:relative;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,rgba(220,20,60,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.card:hover:before{opacity:1}.card-clickable{cursor:pointer}.card-solid{background:var(--bg-secondary);border:1px solid var(--border-secondary)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em}.form-input,.form-textarea,.form-select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:.875rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;color:var(--text-primary);transition:all var(--transition-fast)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-textarea{min-height:120px;resize:vertical;line-height:1.6}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;background:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--glow-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23A0A0AB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.375rem .75rem;font-size:.75rem;font-weight:600;line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98126;color:var(--accent-success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:var(--accent-warning);border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef444426;color:var(--accent-error);border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f626;color:var(--accent-info);border:1px solid rgba(59,130,246,.3)}.badge-neutral{background:#a0a0ab26;color:var(--text-secondary);border:1px solid rgba(160,160,171,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease forwards}.fade-in-up{animation:fadeInUp .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.scale-in{animation:scaleIn .4s var(--spring) forwards}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spinning{animation:spin 1s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.page-container{min-height:100vh;padding-top:80px;position:relative}.content-wrapper{max-width:1400px;margin:0 auto;padding:var(--space-2xl)}.page-header{margin-bottom:var(--space-2xl)}.page-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-sm);color:#fff}.page-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px}.back-button{position:fixed;top:90px;left:2rem;display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);z-index:100}.back-button:hover{transform:translate(-4px);background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.back-button svg{width:18px;height:18px;transition:transform var(--transition-fast)}.back-button:hover svg{transform:translate(-2px)}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glow{box-shadow:var(--shadow-glow)}.divider{height:1px;background:var(--border-secondary);margin:var(--space-xl) 0}@media (max-width: 1024px){.content-wrapper{padding:var(--space-xl)}}@media (max-width: 768px){.content-wrapper{padding:var(--space-lg)}.page-header{margin-bottom:var(--space-xl)}.back-button{left:1rem;top:85px;padding:.625rem 1rem;font-size:.875rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width: 480px){.content-wrapper{padding:var(--space-md)}.button-primary,.button-secondary,.button-outline{width:100%;justify-content:center}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-primary);color:#fff;border:2px solid var(--accent-primary);border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:fixed;top:90px;left:2rem;z-index:100}.back-button:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.back-button svg{width:16px;height:16px}@media (max-width: 768px){.back-button{padding:.5rem 1rem;font-size:.8rem;top:80px;left:1rem}.back-button svg{width:14px;height:14px}}