.footer-container{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;position:relative;overflow:hidden}.footer-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.footer-content{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:2.5rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo-icon{font-size:2.5rem}.footer-brand-title,.footer-logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand-title{font-size:1.8rem;font-weight:700;margin:0}.footer-description{color:#a0aec0;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.footer-features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.footer-feature{display:flex;align-items:center;gap:.5rem;background:rgba(102,126,234,.1);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(102,126,234,.2)}.footer-feature-icon{font-size:1.1rem}.footer-copyright{font-size:.9rem;color:#718096;display:flex;align-items:center;gap:.5rem}.footer-copyright:before{content:"©";font-size:1.2rem;color:#667eea}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(102,126,234,.3)}.footer-section-icon{font-size:1.3rem;color:#667eea}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{display:flex;align-items:center;gap:.5rem;color:#a0aec0;text-decoration:none;transition:all .3s ease;padding:.5rem 0;border-radius:6px;position:relative}.footer-link:before{content:"→";color:#667eea;font-weight:700;opacity:0;transform:translateX(-10px);transition:all .3s ease}.footer-link:hover{color:#fff;transform:translateX(8px);padding-left:.5rem}.footer-link:hover:before{opacity:1;transform:translateX(0)}.footer-link.staff{color:#60a5fa}.footer-link.staff:hover{color:#93c5fd;background:rgba(96,165,250,.1)}.footer-link.captain{color:#34d399}.footer-link.captain:hover{color:#6ee7b7;background:rgba(52,211,153,.1)}.footer-link.participant{color:#fbbf24}.footer-link.participant:hover{color:#fcd34d;background:rgba(251,191,36,.1)}.footer-notice{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1.25rem;margin-top:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.footer-notice-title{font-size:1rem;font-weight:600;color:#667eea;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.footer-notice-text{font-size:.9rem;color:#a0aec0;line-height:1.5;margin:0}.footer-separator{border-top:1px solid rgba(102,126,234,.2);margin:2rem 0 1.5rem;padding-top:1.5rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-tagline{font-size:.95rem;color:#718096;font-style:italic}.footer-tech-stack{display:flex;gap:1rem;flex-wrap:wrap}.footer-tech-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#a0aec0;background:hsla(0,0%,100%,.05);padding:.4rem .8rem;border-radius:15px;border:1px solid hsla(0,0%,100%,.1)}.footer-tech-icon{font-size:1rem;color:#667eea}.nav-container{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(102,126,234,.1);box-shadow:0 4px 20px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.nav-brand,.nav-content{display:flex;align-items:center}.nav-brand{gap:.75rem;text-decoration:none}.nav-brand-icon{font-size:2rem;color:#667eea}.nav-brand-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;gap:1rem;align-items:center}.nav-button{padding:.6rem 1.2rem;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.nav-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-button.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,.3)}.nav-button.secondary{background:rgba(102,126,234,.1);color:#667eea;border:1px solid rgba(102,126,234,.2)}.nav-button.secondary:hover{background:rgba(102,126,234,.15);transform:translateY(-1px)}.nav-button.danger{background:linear-gradient(135deg,#dc3545,#fd7e92);color:#fff}.nav-button.danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(220,53,69,.3)}.card-container{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden}.card-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.form-container{display:flex;flex-direction:column;gap:1.5rem}.form-label{color:#333;font-size:.95rem}.form-input{border:2px solid #e1e5e9;border-radius:10px;background:#fff}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.form-input:hover{border-color:#a0aff0;transform:translateY(-1px)}.form-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.form-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.form-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.footer-content{padding:2rem 1.5rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-features{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:1.5rem}.nav-content{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.nav-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.footer-content{padding:1.5rem 1rem}.footer-brand-title{font-size:1.5rem}.footer-features{flex-direction:column;align-items:center}.nav-brand-text{font-size:1.3rem}}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.card-container{animation:fadeInUp .6s ease-out}.footer-container{animation:slideInLeft .8s ease-out}.page-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden}.loading-state{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.125rem;color:#6b7280}.hero-section{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden}.hero-section.no-banner{min-height:200px;display:flex;align-items:center}.hero-section.no-banner .hero-header{width:100%}.hero-banner-container{position:relative;height:300px;overflow:hidden}.hero-banner{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(102,126,234,.7) 50%,rgba(118,75,162,.6));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.hero-header{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;text-align:center}.hero-title{font-size:3rem;margin:0 0 1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.2);letter-spacing:-.02em}.hero-description{font-size:1.25rem;margin:0;color:hsla(0,0%,100%,.95);max-width:800px;text-shadow:0 1px 3px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.4);background:rgba(0,0,0,.2);padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.action-buttons{gap:1rem;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8faff,#f1f5f9);border-bottom:1px solid #e2e8f0}.btn{padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;display:flex}.btn-register{background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 3px 12px rgba(16,185,129,.3)}.btn-register:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(16,185,129,.4)}.btn-secondary{background:#fff;border:2px solid #e5e7eb}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-edit{background:#f3f4f6;color:#374151}.btn-edit:hover{background:#e5e7eb}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2.5rem;background:#f8fafc}.info-card{border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.info-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.info-title{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.info-value{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.4}.rules-section{margin:0;background:linear-gradient(135deg,#fef7cd,#fef3c7);border-top:1px solid #f59e0b;position:relative}.rules-header{gap:1rem;padding:2rem 2.5rem 1rem;border-bottom:1px solid rgba(245,158,11,.2)}.rules-header,.rules-icon{display:flex;align-items:center}.rules-icon{font-size:2rem;background:linear-gradient(135deg,#f59e0b,#d97706);width:60px;height:60px;border-radius:50%;justify-content:center;box-shadow:0 4px 12px rgba(245,158,11,.3)}.rules-title{font-size:1.5rem;font-weight:700;color:#92400e;margin:0}.rules-content{padding:1rem 2.5rem 2rem}.rules-content p{font-size:1rem;line-height:1.7;color:#78350f;margin:0}.modal-overlay{width:100vw;height:100vh;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.25);padding:0;width:95vw;max-width:95vw;min-width:1000px;max-height:95vh;flex-direction:column;animation:modalSlideIn .4s ease-out;border:1px solid hsla(0,0%,100%,.2)}.modal-content,.modal-header{position:relative;overflow:hidden;display:flex}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2.5rem 2.5rem;border-radius:24px 24px 0 0;justify-content:space-between;align-items:flex-start}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.modal-close{background:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:1.5rem;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0;margin-left:1rem}.modal-close:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.modal-medium{max-width:700px!important;min-width:auto!important}.modal-large{max-width:1000px!important}.modal-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0;position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;flex:1 1}.modal-subtitle{color:hsla(0,0%,100%,.9);font-size:.85rem;margin:.3rem 0 0;position:relative;z-index:2}.modal-body{padding:2rem 2.5rem;flex:1 1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.close-btn{position:absolute;top:1.5rem;right:2rem;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;z-index:3}.close-btn:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.page-header{background:linear-gradient(135deg,#1f2937,#374151 50%,#4b5563);color:#fff;padding:2rem 0;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.03) 0,transparent 50%);pointer-events:none}.header-content{max-width:1400px;padding:0 2rem;position:relative;z-index:2}.header-navigation{margin-bottom:1.5rem}.back-link{gap:.5rem;color:#fff;font-weight:600;font-size:.95rem;padding:.6rem 1.2rem;background:rgba(0,0,0,.2);border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.back-link:hover{background:rgba(0,0,0,.3);transform:translateX(-2px);border-color:hsla(0,0%,100%,.3)}.back-icon{font-size:1.1rem;transition:transform .3s ease}.back-link:hover .back-icon{transform:translateX(-2px)}.header-main{display:flex;align-items:center;gap:1.5rem}.header-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:hsla(0,0%,100%,.15);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.header-icon{font-size:2.5rem}.header-text{flex:1 1}.page-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#715cba;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.5)}.page-subtitle{display:flex;flex-direction:column;gap:.25rem;font-size:1rem;color:hsla(0,0%,100%,.9);font-weight:400}.event-name{font-weight:600;font-size:1.1rem}.teams-count{opacity:.8;color:rgba(78,72,72,.9);font-size:.9rem}.teams-biblical-quote{opacity:.8;color:rgba(59,59,59,.9);font-size:.9rem}.teams-container{max-width:1400px;margin:0 auto;padding:2rem}.teams-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.team-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:280px}.team-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1)}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.team-card-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.team-title-section{width:100%}.team-card-name{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.team-meta-info{display:flex;justify-content:space-between;align-items:center;width:100%}.team-meta-badges{display:flex;gap:.5rem;flex-wrap:wrap}.team-code-badge,.team-route-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.team-participants-count{text-align:center;min-width:60px;flex-shrink:0}.participants-number{display:block;font-size:1.5rem;font-weight:700;color:#667eea;line-height:1}.participants-label{font-size:.65rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.team-card-body{display:flex;flex-direction:column;gap:1rem}.captain-section{flex:1 1}.captain-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.captain-icon{font-size:1rem}.captain-title{font-size:.875rem;font-weight:600;color:#374151}.captain-name{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.captain-contacts{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.contact-icon{font-size:.75rem;width:16px;flex-shrink:0}.contact-text{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participants-section{border-top:1px solid rgba(0,0,0,.06);padding-top:.75rem}.participants-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.participants-icon{font-size:1rem}.participants-title{font-size:.875rem;color:#374151}.participants-preview{display:flex;flex-direction:column;gap:.3rem}.participant-preview-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.participant-preview-name{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.participant-preview-size{color:#6b7280;font-size:.75rem;background:#f3f4f6;padding:.1rem .3rem;border-radius:4px;margin-left:.5rem}.participants-more{font-size:.75rem;color:#667eea;font-weight:500;text-align:center;margin-top:.25rem}.private-info-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:8px;margin-top:auto}.notice-icon{font-size:.875rem}.notice-text{font-size:.75rem;color:#3b82f6;font-weight:500}.team-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.team-name{font-size:1.25rem;color:#1f2937;margin:0 0 .5rem}.team-meta{display:flex;gap:.75rem}.team-code,.team-route{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:6px;font-size:.875rem;font-weight:500}.team-stats .stat{text-align:center}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem;letter-spacing:.05em}.team-details{margin-bottom:1.5rem}.section-title{font-size:1rem;margin:0 0 .75rem}.contact-info{font-size:.875rem;color:#6b7280;margin:.5rem 0}.team-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.team-actions .btn{flex:1 1;min-width:0;padding:.5rem .75rem;font-size:.8rem;justify-content:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.controls-section{margin-bottom:2rem}.search-controls{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.search-input-wrapper{flex:1 1;min-width:280px}.search-input{border:2px solid #e5e7eb;font-size:.95rem;background:#fff}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.action-buttons{gap:.75rem;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.stat-number{margin-bottom:.25rem}.stat-number.stat-route-a{color:#10b981}.stat-number.stat-route-b{color:#ef4444}.teams-compact-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.team-compact-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.team-compact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.team-compact-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1)}.team-compact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.team-compact-title{flex:1 1}.team-compact-name{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.2}.team-compact-badges{display:flex;gap:.4rem;flex-wrap:wrap}.route-badge{padding:.2rem .5rem;border-radius:8px;font-size:.75rem;letter-spacing:.025em}.route-badge.route-a{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#059669}.route-badge.route-b{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.code-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.participants-count-compact{text-align:center;min-width:60px}.participants-number-compact{display:block;font-size:1.4rem;font-weight:700;color:#667eea;line-height:1}.participants-label-compact{font-size:.65rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.team-compact-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.info-icon{font-size:.875rem;width:20px}.info-text{color:#374151}.info-link,.info-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-link{color:#667eea;text-decoration:none;transition:color .3s ease}.info-link:hover{color:#4f46e5;text-decoration:underline}.team-compact-actions{padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.btn-compact{width:100%;padding:.6rem 1rem;font-size:.875rem;justify-content:center}.info-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;margin-bottom:2rem}.notice-icon{font-size:1.5rem;flex-shrink:0}.notice-content{flex:1 1}.notice-title{font-size:1.1rem;font-weight:600;color:#1e40af;margin:0 0 .5rem}.notice-text{color:#1e40af;margin:0;line-height:1.5}.notice-link{color:#1d4ed8;text-decoration:none;font-weight:600}.notice-link:hover{text-decoration:underline}.error-state,.loading-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.loading-text{color:#6b7280;margin-top:1rem;font-size:1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-message{font-size:1.1rem;color:#ef4444;margin-bottom:1.5rem;font-weight:500}.empty-title{color:#374151;margin-bottom:1rem;font-size:1.5rem}.empty-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.empty-state p{color:#6b7280;margin-bottom:2rem}.register-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#047857);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:transform .3s ease}.register-link:hover{transform:translateY(-2px)}.edit-form{width:100%}.form-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.form-header h3{margin:0;color:#374151;font-size:1.125rem}.form-grid{margin-bottom:1.5rem}.form-actions{gap:.75rem}.participants-list{display:grid;grid-gap:.5rem;gap:.5rem}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:8px}.participant-name{color:#374151}.participant-details{display:flex;gap:.5rem;align-items:center}.shirt-size{background:#e5e7eb;color:#374151;padding:.125rem .375rem;border-radius:4px;font-size:.75rem}.participant-email{font-size:.75rem;color:#6b7280}.private-notice{background:#f3f4f6;padding:1rem;border-radius:8px;margin-top:1rem}.private-notice p{margin:0;font-size:.875rem;color:#6b7280}.back-link{display:inline-flex;align-items:center;color:hsla(0,0%,100%,.9);text-decoration:none;font-weight:500;margin-bottom:1rem;transition:color .3s ease}.back-link:hover{color:#fff}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.shadow-primary{box-shadow:0 10px 25px rgba(102,126,234,.3)}.transition-smooth{transition:all .3s ease}.hover-lift:hover{transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.25rem}.hero-description{font-size:1.1rem;padding:.875rem 1.25rem}.hero-header{padding:2rem 1.5rem}.info-grid{grid-template-columns:1fr}.info-card,.info-grid{padding:1.5rem}.rules-header{padding:1.5rem 1.5rem .75rem}.rules-content{padding:.75rem 1.5rem 1.5rem}.page-header{padding:1.5rem 0}.header-content{padding:0 1.5rem}.header-main{flex-direction:column;text-align:center;gap:1rem}.header-icon-wrapper{width:60px;height:60px}.header-icon,.page-title{font-size:2rem}.teams-container{padding:1.5rem}.teams-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.team-card{min-height:260px}.search-controls{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:auto}.action-buttons{justify-content:center}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem}.stat-number{font-size:1.5rem}.teams-compact-grid{grid-template-columns:1fr;gap:1rem}.team-header{flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.modal-content{width:92vw;max-width:92vw;max-height:98vh;border-radius:16px;margin:1vh;min-width:800px}.modal-header{padding:1.5rem 1rem 1rem;border-radius:16px 16px 0 0}.modal-title{font-size:1.3rem}.modal-subtitle{font-size:.8rem}.modal-body{padding:1rem}.close-btn{top:1rem;right:1rem;width:36px;height:36px}}@media (max-width:480px){.hero-title{font-size:1.875rem;text-shadow:0 2px 6px rgba(0,0,0,.9),0 4px 12px rgba(0,0,0,.5)}.hero-description{font-size:1rem;padding:.75rem 1rem;background:rgba(0,0,0,.3)}.hero-header{padding:1.5rem 1rem}.info-grid{gap:1rem}.info-card,.info-grid{padding:1rem}.info-icon{font-size:2rem}.info-value{font-size:1.1rem}.rules-header{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.rules-icon{width:50px;height:50px;font-size:1.5rem}.rules-content{padding:.75rem 1rem 1rem}.action-buttons{padding:1.5rem 1rem}.btn-register,.btn-secondary{width:100%;justify-content:center}.modal-content{width:98vw;max-width:98vw;max-height:100vh;border-radius:0;margin:0;min-width:600px}.modal-header{border-radius:0;padding:1rem .75rem .75rem}.modal-body{padding:.75rem}.modal-title{font-size:1.25rem}.page-header{padding:1rem 0}.header-content{padding:0 1rem}.header-main{flex-direction:column;text-align:center;gap:.75rem}.header-icon-wrapper{width:50px;height:50px}.header-icon,.page-title{font-size:1.75rem}.teams-container{padding:1rem}.teams-grid{grid-template-columns:1fr;gap:1rem}.team-card{min-height:240px}.team-card-name{font-size:1rem}.participants-number{font-size:1.25rem}.team-actions{gap:.4rem}.team-actions .btn{font-size:.75rem;padding:.4rem .6rem}.search-controls{gap:.75rem}.action-buttons,.search-controls{flex-direction:column}.stats-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.stat-number{font-size:1.75rem}.teams-compact-grid{grid-template-columns:1fr;gap:1rem}.team-compact-header{flex-direction:column;align-items:flex-start;gap:.5rem}.participants-count-compact{align-self:flex-end}}.registration-section{margin-top:0;padding:0;background:transparent;border-radius:0;box-shadow:none;max-width:none;margin-left:auto;margin-right:auto}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.5rem;color:#111827;margin:0 0 .5rem}.section-subtitle{font-size:.875rem;color:#6b7280;margin:0}.registration-form{width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem}.form-group{width:100%}.form-label{font-weight:500;gap:.5rem}.form-label,.label-icon{font-size:1rem}.form-input,.form-select{padding:.875rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#1a202c;background:#fff;transition:all .3s ease;width:100%;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:#cbd5e1}.form-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.add-participant-btn{align-self:start;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;box-shadow:0 2px 8px rgba(102,126,234,.3)}.add-participant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.participants-section{width:100%;min-width:0;margin-top:1rem}.section-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subsection-title{font-size:1rem;font-weight:500;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.participant-card{width:100%;min-width:0;box-sizing:border-box;margin-bottom:1.5rem;background:linear-gradient(135deg,#f8faff,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.participant-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.participant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.participant-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.participant-title{font-size:1rem;font-weight:400;color:#111827;margin:0}.remove-participant-btn{background:transparent;border:none;cursor:pointer;font-size:.7rem;color:#ef4444;padding:.2rem;border-radius:4px;transition:all .3s ease}.remove-participant-btn:hover{background-color:rgba(239,68,68,.1)}.participant-fields{display:flex;flex-direction:column;gap:.7rem}.field-note{font-size:.7rem;color:#6b7280;margin-top:.25rem;line-height:1.4}.add-more-info,.limit-reached-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.75rem;margin-top:1rem}.limit-reached-info{background:#fef3c7;border-color:#fed7aa}.info-text,.limit-text{margin:0;font-size:.875rem;color:#0369a1;display:flex;align-items:center;gap:.5rem}.limit-text{color:#92400e}.info-icon,.limit-icon{font-size:1rem}.submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(16,185,129,.3);margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon{font-size:1rem}@media (min-width:768px){.participant-fields{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem;gap:1rem}}@media (min-width:1200px){.participant-fields{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:1.2rem;gap:1.2rem}}@media (max-width:600px){.registration-section{padding:.5rem;max-width:99vw}.section-header-small{flex-direction:column;align-items:flex-start;gap:.75rem}}.events-list{padding:2rem 0}.events-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.event-card{box-shadow:0 4px 16px rgba(0,0,0,.08);cursor:pointer;transition:all .3s ease;border:1px solid transparent}.event-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.15);transform:translateY(-2px);border-color:#e2e8f0}.event-banner{width:100%;max-height:180px;object-fit:cover;margin-bottom:1rem}.events-list h1{font-size:2.5rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:2rem}.event-card h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.event-card p{color:#6b7280;margin:.25rem 0;line-height:1.5}.loading-container{text-align:center;padding:3rem;color:#6b7280}.error-container{text-align:center;padding:3rem;color:#ef4444}.retry-btn{margin-top:1rem;padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.retry-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.loading-spinner{border:3px solid #f3f4f6}@media (max-width:768px){.events-list{padding:1rem}.events-list h1{font-size:2rem}.events-grid{grid-template-columns:1fr;gap:1.5rem}}.home-container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-section{text-align:center;padding:4rem 0 3rem;background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.1));border-radius:24px;margin-bottom:3rem}.hero-content{margin:0 auto}.hero-title{margin-bottom:1.5rem;line-height:1.1}.title-main{display:block;color:#1f2937;margin-bottom:.5rem}.title-highlight{display:block;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;margin-bottom:2.5rem}.action-button{padding:1rem 2rem}.action-button.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 16px rgba(79,70,229,.3)}.action-button.primary:hover{box-shadow:0 8px 25px rgba(79,70,229,.4)}.action-button.secondary{color:#4f46e5;border:2px solid #4f46e5}.action-button.secondary:hover{background:#4f46e5;color:#fff;transform:translateY(-2px)}.latest-event-section,.quick-access-section,.system-info-section{margin-bottom:3rem}.section-header{margin-bottom:2rem}.section-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.event-preview-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease}.event-preview-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.event-preview-banner{width:100%;height:200px;object-fit:cover}.event-preview-content{padding:2rem}.event-preview-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.event-preview-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.event-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.9rem}.meta-icon{font-size:1rem}.view-event-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease}.view-event-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(16,185,129,.4)}.quick-access-section{margin:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-description{font-size:1.1rem;color:#4b5563;margin-top:.5rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 1px 2px hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.9);padding:.75rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 16px rgba(0,0,0,.1);font-weight:500;line-height:1.6}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.quick-access-card{background:#fff;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.quick-access-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.15);border-color:rgba(79,70,229,.1)}.card-gradient-bg{position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.events-gradient{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.teams-gradient{background:linear-gradient(135deg,#10b981,#047857)}.admin-gradient{background:linear-gradient(135deg,#f59e0b,#d97706)}.captain-gradient{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.participant-gradient{background:linear-gradient(135deg,#ef4444,#dc2626)}.auth-gradient{background:linear-gradient(135deg,#6366f1,#4338ca)}.quick-access-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.quick-access-title{font-size:1.4rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.quick-access-description{color:#6b7280;margin-bottom:2rem;line-height:1.6;font-size:.95rem}.quick-access-link{display:inline-flex;align-items:center;gap:.5rem;color:#4f46e5;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border-radius:10px;background:rgba(79,70,229,.1);transition:all .3s ease;border:2px solid transparent}.quick-access-link:hover{background:#4f46e5;color:#fff;transform:scale(1.05);border-color:#4f46e5}.link-arrow{transition:transform .3s ease}.quick-access-link:hover .link-arrow{transform:translateX(4px)}.auth-links{flex-direction:column;gap:.75rem}.quick-access-link.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.quick-access-link.primary:hover{background:linear-gradient(135deg,#3730a3,#6d28d9);transform:scale(1.05)}.quick-access-link.secondary{background:rgba(124,58,237,.1);color:#7c3aed;border-color:rgba(124,58,237,.2)}.quick-access-link.secondary:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.events-card:hover{box-shadow:0 20px 60px rgba(59,130,246,.15)}.teams-card:hover{box-shadow:0 20px 60px rgba(16,185,129,.15)}.admin-card:hover{box-shadow:0 20px 60px rgba(245,158,11,.15)}.captain-card:hover{box-shadow:0 20px 60px rgba(139,92,246,.15)}.participant-card:hover{box-shadow:0 20px 60px rgba(239,68,68,.15)}.auth-card:hover{box-shadow:0 20px 60px rgba(99,102,241,.15)}.system-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.info-stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;border-radius:12px;text-align:center;border:1px solid #e2e8f0}.stat-number{font-size:2.5rem;color:#4f46e5}.stat-label{font-size:.8rem}.no-events-message{text-align:center;padding:3rem;background:#f9fafb;border-radius:16px;border:2px dashed #d1d5db}.no-events-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-events-text{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}@media (max-width:768px){.home-container{padding:0 .5rem}.hero-section{padding:2rem 1rem;margin-bottom:2rem}.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:center}.action-button{width:100%;max-width:300px;justify-content:center}.section-title{font-size:1.5rem}.quick-access-grid{grid-template-columns:1fr}.system-info-grid{grid-template-columns:repeat(2,1fr)}.event-preview-content{padding:1.5rem}}.admin-container{padding:0 1rem}.admin-title{font-weight:700;margin:0 0 .5rem}.admin-subtitle{font-size:1.1rem;margin:0 0 .5rem;opacity:.9}.admin-user{font-size:.9rem;opacity:.8;margin:0}.message{margin-bottom:2rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:3rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1);text-decoration:none;color:inherit;border:none;cursor:pointer;transition:all .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.action-card.create{border-left:4px solid #28a745}.action-card.create-quick{border-left:4px solid #ffc107}.action-card.view{border-left:4px solid #17a2b8}.action-card.teams{border-left:4px solid #6f42c1}.action-icon{font-size:2rem}.action-content h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.action-content p{margin:0;font-size:.9rem;color:#666}.create-form-container{background:#f8f9fa;border-radius:16px;padding:2rem;margin-bottom:3rem}.create-form h3{margin:0 0 1.5rem;color:#333}.form-grid{grid-gap:1rem;gap:1rem}.form-grid,.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.btn{padding:.75rem 1.5rem}.btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.3)}.btn.secondary{background:#f8f9fa;color:#333;border:2px solid #e2e8f0}.btn.secondary:hover{background:#e9ecef}.btn.small{padding:.5rem 1rem;font-size:.8rem}.btn.view{background:#17a2b8;color:#fff}.btn.edit{background:#ffc107;color:#212529}.btn.activate{background:#28a745;color:#fff}.btn.deactivate{background:#6c757d;color:#fff}.btn.danger{background:#dc3545;color:#fff}.events-section{margin-bottom:3rem}.empty-state{padding:3rem}.empty-state h3{margin:0 0 .5rem;font-size:1.2rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.event-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #f1f5f9}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.event-name{font-size:1.2rem;font-weight:700;margin:0;color:#333;flex:1 1}.event-status{margin-left:1rem}.status-badge{border-radius:12px;font-size:.8rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.event-info{margin-bottom:1rem}.info-item{margin-bottom:.5rem;font-size:.9rem;color:#666}.info-icon{width:1rem}.event-description{font-size:.9rem;color:#555;margin-bottom:1rem;line-height:1.5}.event-stats{margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.stats-grid-small{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.stat-number{display:block;font-size:1.2rem;font-weight:700;color:#667eea}.stat-label{font-size:.7rem;color:#666}.event-actions{gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 1.5rem;color:#333}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media (max-width:768px){.admin-title{font-size:2rem}.events-grid,.form-grid,.quick-actions{grid-template-columns:1fr}.event-actions,.form-actions,.modal-actions{flex-direction:column}.btn.small{width:100%}}.create-event-form{max-width:800px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:2rem}.create-event-form h1{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem;font-weight:700}.create-event-form form{display:flex;flex-direction:column;gap:1rem}.create-event-form label{font-weight:500;color:#333;display:flex;flex-direction:column;gap:.5rem}.create-event-form input,.create-event-form textarea{padding:.7rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;transition:border-color .3s ease}.create-event-form input:focus,.create-event-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.create-event-form textarea{resize:vertical;min-height:100px}.create-event-form button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease}.create-event-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.3)}.create-event-form button:disabled{background:#aaa;cursor:not-allowed;transform:none}@media (max-width:768px){.create-event-form{margin:1rem;padding:1.5rem}.create-event-form h1{font-size:1.5rem}}.hero{position:relative;height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.hero-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));z-index:2}.hero-content{position:relative;z-index:3;text-align:center;color:#fff;max-width:800px;padding:0 2rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;margin-bottom:1rem;font-weight:300}.hero-subtitle,.hero-verse{text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-verse{font-size:1.1rem;font-style:italic;margin-bottom:2rem;opacity:.95}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-button{display:inline-block;padding:1rem 2rem;text-decoration:none;border-radius:15px;font-weight:700;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:none;font-family:inherit;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-button:hover:before{opacity:1}.hero-button.primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:2px solid transparent}.hero-button.primary:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-3px);box-shadow:0 12px 35px rgba(40,167,69,.4)}.hero-button.primary:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(40,167,69,.3)}.hero-button.secondary{background:hsla(0,0%,100%,.15);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.hero-button.secondary:hover{background:hsla(0,0%,100%,.25);transform:translateY(-3px);box-shadow:0 12px 35px hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.hero-button.secondary:active{transform:translateY(-1px);box-shadow:0 6px 20px hsla(0,0%,100%,.2)}.hero-button:focus{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.3)}@media (max-width:768px){.hero{height:400px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-verse{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-button{width:100%;max-width:300px;text-align:center}}@media (max-width:480px){.hero{height:350px}.hero-content{padding:0 1rem}.hero-title{font-size:2rem}}.sidebar{min-width:300px;max-width:400px;display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:2rem}.sidebar-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(102,126,234,.1);border:2px solid rgba(102,126,234,.05);transition:all .3s ease}.sidebar-section:hover{box-shadow:0 8px 30px rgba(102,126,234,.15);border-color:rgba(102,126,234,.1)}.widget-header{margin-bottom:1.5rem;text-align:center}.widget-title{font-size:1.2rem;font-weight:700;color:#667eea;margin:0 0 .5rem}.widget-subtitle{font-size:.85rem;color:#666;margin:0;font-weight:400}.recent-teams-widget{background:linear-gradient(135deg,#f8f9ff,#e8f2ff)}.teams-list{flex-direction:column}.team-item,.teams-list{display:flex;gap:.75rem}.team-item{align-items:center;padding:.75rem;background:#fff;border-radius:12px;transition:all .3s ease;border:2px solid transparent}.team-item:hover{transform:translateX(3px);box-shadow:0 4px 15px rgba(102,126,234,.1);border-color:rgba(102,126,234,.1)}.team-item.loading{background:#f0f4ff}.team-avatar{width:35px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.team-info{flex:1 1;min-width:0}.team-name{font-size:.9rem;font-weight:600;color:#333;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-status{font-size:.7rem;color:#28a745;background:rgba(40,167,69,.1);padding:.2rem .5rem;border-radius:8px;font-weight:600}.team-skeleton{background:linear-gradient(90deg,#e0e7ff 25%,#f0f4ff 50%,#e0e7ff 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;height:45px;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:2rem 1rem;color:#666}.empty-icon{font-size:2.5rem}.empty-state p{font-size:.9rem;margin:0;font-style:italic}.info-widget{background:linear-gradient(135deg,#fff8e1,#fff3c4)}.info-content{display:flex;flex-direction:column;gap:1rem}.info-item{gap:.75rem}.info-icon{width:35px;height:35px;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.info-text{flex:1 1}.info-text strong{display:block;font-size:.85rem;color:#333;margin-bottom:.25rem}.info-text p{font-size:.8rem;color:#666;margin:0}.verse-widget{background:linear-gradient(135deg,#f3e5f5,#e1bee7);text-align:center}.verse-content{padding:1rem 0}.verse-icon{font-size:2rem;margin-bottom:1rem;color:#7b1fa2}.verse-text{font-style:italic;font-size:.9rem;color:#4a148c;margin:0 0 1rem;line-height:1.5;quotes:'"' '"'}.verse-text:before{content:open-quote}.verse-text:after{content:close-quote}.verse-reference{font-size:.75rem;color:#7b1fa2;font-weight:600;font-style:normal}@media (max-width:1024px){.sidebar{min-width:260px;max-width:320px}.sidebar-section{padding:1.25rem}}@media (max-width:900px){.sidebar{position:static;max-width:none;min-width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.sidebar-section{margin-bottom:0}}@media (max-width:768px){.sidebar{grid-template-columns:1fr;gap:1.25rem}.sidebar-section{padding:1.25rem}.widget-title{font-size:1.1rem}.team-item{padding:.65rem}.team-name{font-size:.85rem}}@media (max-width:640px){.sidebar-section{padding:1rem}.team-avatar{width:30px;height:30px;font-size:1rem}.info-icon{width:30px;height:30px;font-size:.9rem}.verse-icon{font-size:1.5rem}.verse-text{font-size:.8rem}}@media (max-width:480px){.widget-title{font-size:1rem}.widget-subtitle{font-size:.8rem}.team-item{padding:.6rem;gap:.6rem}.team-name{font-size:.8rem}.team-status{font-size:.65rem;padding:.15rem .4rem}.info-text strong{font-size:.8rem}.info-text p{font-size:.75rem}.empty-state{padding:1.5rem .75rem}.empty-state p{font-size:.8rem}}.layout-wrapper{display:flex;flex-direction:column;min-height:150vh}.main-layout{flex:1 1;padding-top:1rem;padding-bottom:2rem}.layout-container{max-width:1600px;margin:0 auto;padding:0 1.5rem}.content-with-sidebar{display:grid;grid-template-columns:2fr 1fr;grid-gap:3rem;gap:3rem;align-items:start}.main-content{min-width:0}.main-content.full-width{max-width:800px;margin:0 auto}@media (min-width:1400px){.content-with-sidebar{gap:4rem;max-width:1600px;margin:0 auto}}@media (max-width:1200px){.content-with-sidebar{gap:2.5rem}}@media (max-width:1024px){.content-with-sidebar{grid-template-columns:1.8fr 1fr;gap:2rem}}@media (max-width:900px){.content-with-sidebar{grid-template-columns:1fr;gap:2rem}.layout-container{padding:0 1rem}}@media (max-width:768px){.layout-container{padding:0 1rem}.content-with-sidebar{gap:1.5rem}.main-layout{padding-top:1.5rem}}@media (max-width:480px){.layout-container{padding:0 .75rem}.main-layout{padding-top:1rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;margin-bottom:1rem}.w-4{width:1rem;height:1rem;border-width:2px}.w-8{width:2rem;height:2rem}.w-12{width:3rem;height:3rem}.loading-text{color:#666;font-size:.9rem;margin:0}.message{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.message-content{display:flex;align-items:center;gap:.75rem;flex:1 1}.message-icon{font-size:1.1rem;flex-shrink:0}.message-text{line-height:1.4}.message-close{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;color:inherit;padding:.25rem;border-radius:4px}.message-close:hover{opacity:1;background:rgba(0,0,0,.1)}.btn{font-family:inherit;position:relative;overflow:hidden}.btn.disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-small{padding:.5rem 1rem;font-size:.8rem}.btn-medium{padding:.75rem 1.5rem;font-size:.9rem}.btn-large{padding:1rem 2rem;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.3)}.btn-secondary{background:#f8f9fa;color:#333;border:2px solid #e2e8f0}.btn-secondary:hover:not(:disabled):not(.disabled){background:#e9ecef}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-success:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(40,167,69,.3)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-danger:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(220,53,69,.3)}.btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.btn-warning:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,193,7,.3)}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496)}.btn-info:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(23,162,184,.3)}.btn-icon{font-size:1em}.btn-text{line-height:1}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');z-index:1}.auth-card-container{position:relative;z-index:2;background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.15);padding:2.5rem;width:100%;max-width:420px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{font-size:3rem;margin-bottom:1rem;display:block}.auth-title{font-size:1.8rem;font-weight:700;color:#333;margin:0 0 .5rem}.auth-subtitle{font-size:1rem;color:#666;margin:0 0 1rem;line-height:1.4}.auth-verse{font-size:.85rem;color:#667eea;font-style:italic;margin:0;opacity:.8}.auth-form{gap:1.5rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-form-label{font-weight:600;color:#333;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.auth-form-input{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.auth-form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.auth-form-input.pin-input{letter-spacing:.5rem;text-align:center;font-size:1.2rem;font-weight:600}.auth-form-help{font-size:.8rem;color:#666;margin-top:.25rem}.auth-form-help,.auth-message{display:flex;align-items:center;gap:.5rem}.auth-message{padding:.875rem 1rem;border-radius:10px;font-weight:500;font-size:.9rem}.auth-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.auth-form-button{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.auth-form-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.auth-form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-form-button .loading-spinner{width:1rem;height:1rem;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center}.auth-info{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:10px;padding:1rem;margin-bottom:1rem;color:#667eea;gap:.5rem}.auth-info,.auth-links{font-size:.85rem;display:flex;align-items:center}.auth-links{justify-content:center;gap:1rem;flex-wrap:wrap}.auth-link{color:#667eea;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}.auth-separator{color:#cbd5e0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-help-box{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:12px;padding:1rem;margin-top:1rem}.auth-help-title{font-weight:600;color:#4c51bf;margin:0 0 .5rem;font-size:.9rem}.auth-help-text{color:#5a67d8;font-size:.8rem;margin:0;line-height:1.4}@media (max-width:768px){.auth-container{padding:1rem}.auth-card-container{padding:2rem 1.5rem;max-width:100%}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.9rem}.auth-links{flex-direction:column;gap:.5rem}.auth-separator{display:none}}@media (max-width:480px){.auth-card-container{padding:1.5rem 1rem}.auth-title{font-size:1.3rem}.auth-form-input.pin-input{font-size:1rem;letter-spacing:.3rem}}.event-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid transparent;text-align:center;justify-content:center;min-width:200px}.event-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.event-button:hover:before{left:100%}.event-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);background-size:200% 200%;color:#fff;box-shadow:0 8px 32px rgba(59,130,246,.3);animation:gradientShift 3s ease infinite}.event-button.primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(59,130,246,.4);border-color:hsla(0,0%,100%,.3)}.event-button.primary:active{transform:translateY(-2px) scale(1.01)}.event-button.secondary{background:hsla(0,0%,100%,.9);color:#3b82f6;border-color:#3b82f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.event-button.secondary:hover{background:#3b82f6;color:#fff;transform:translateY(-3px);box-shadow:0 8px 30px rgba(59,130,246,.3)}.event-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.create-event-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px rgba(16,185,129,.3)}.create-event-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.error-card,.loading-card,.no-event-card{background:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.1);margin-bottom:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-icon,.no-event-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.retry-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.retry-button:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width:768px){.event-actions{flex-direction:column;align-items:center}.event-button{width:100%;max-width:300px}}.admin-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.admin-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff}.admin-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.admin-icon{font-size:3rem}.admin-description{font-size:1.1rem;opacity:.9}.error-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;color:#991b1b}.error-icon{font-size:1.2rem}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:nowrap}.search-container{flex:1 1;min-width:200px;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.action-button{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;flex-shrink:0;white-space:nowrap}.action-button.primary{box-shadow:0 4px 16px rgba(59,130,246,.3)}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.action-button.secondary{background:#fff;color:#6b7280;border:2px solid #e2e8f0}.action-button.secondary:hover{border-color:#3b82f6;color:#3b82f6}.form-card{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid #e2e8f0}.form-title{font-size:1.5rem;margin-bottom:2rem;text-align:center}.staff-form{max-width:600px;margin:0 auto}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.form-input{padding:.75rem 1rem}.form-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:.75rem;color:#991b1b;margin-bottom:1rem}.form-actions{justify-content:center}.table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid #e2e8f0}.table-title{font-size:1.5rem;font-weight:700;color:#1f2937;padding:2rem 2rem 1rem;display:flex;align-items:center;gap:.5rem}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0}.data-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.data-table tr:hover{background:#f8fafc}.user-info{display:flex;align-items:center;gap:.5rem}.user-name{font-weight:600;color:#1f2937}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.role-badge.staff{background:#dbeafe;color:#1d4ed8}.role-badge.admin{background:#fef3c7;color:#d97706}.status-badge{display:inline-block;padding:.25rem .75rem}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:.5rem}.action-btn{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;width:36px;height:36px}.action-btn.edit:hover{background:#dbeafe}.action-btn.delete:hover{background:#fee2e2}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}@media (max-width:768px){.admin-title{font-size:2rem}.action-bar{flex-direction:column;align-items:stretch}.search-container{max-width:none}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.data-table td,.data-table th{padding:.75rem .5rem;font-size:.875rem}}.setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.setup-card{background:#fff;border-radius:24px;padding:3rem 2rem;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:500px;width:100%;text-align:center}.setup-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.setup-icon.completed{color:#16a34a}.setup-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:1rem}.setup-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.success-banner{background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;color:#16a34a;font-weight:500}.success-icon{font-size:1.2rem}.setup-form{text-align:left;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field-error{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:block}.setup-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.setup-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;min-width:180px}.setup-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 16px rgba(59,130,246,.3)}.setup-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.setup-button.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.setup-button.secondary{background:#fff;color:#6b7280;border:2px solid #e2e8f0}.setup-button.secondary:hover{border-color:#3b82f6;color:#3b82f6}.setup-button.full-width{width:100%}.button-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.setup-info{background:#f8fafc;border-radius:12px;padding:1.5rem;text-align:left;margin-top:2rem}.setup-info h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.setup-info ul{list-style:none;padding:0;margin:0}.setup-info li{color:#6b7280;font-size:.9rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.setup-info li:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:0}@media (max-width:768px){.setup-card{padding:2rem 1.5rem;margin:1rem}.setup-title{font-size:1.5rem}.setup-actions{flex-direction:column}.setup-button{width:100%}}.panel-sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#1f2937,#374151 50%,#4b5563);color:#fff;position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:4px 0 32px rgba(0,0,0,.2);overflow-y:auto;overflow-x:hidden}.panel-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.02) 0,transparent 50%);pointer-events:none}.panel-sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;z-index:2}.panel-sidebar-brand{display:flex;align-items:center;gap:1rem}.panel-sidebar-brand-icon{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));animation:pulse 2s infinite}.panel-sidebar-brand-text{flex:1 1}.panel-sidebar-brand-title{font-size:1.3rem;font-weight:700;margin-bottom:.25rem;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-sidebar-brand-subtitle{font-size:.85rem;opacity:.7;font-weight:400}.panel-sidebar-user{padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.panel-sidebar-user-avatar{width:50px;height:50px;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.panel-sidebar-user-info{flex:1 1;min-width:0}.panel-sidebar-user-name{font-weight:600;margin-bottom:.25rem;font-size:.95rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-sidebar-user-role{font-size:.8rem;opacity:.7;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.panel-sidebar-nav{flex:1 1;padding:1.5rem 0;position:relative;z-index:2}.panel-sidebar-section{margin-bottom:2rem}.panel-sidebar-section-title{padding:.75rem 1.5rem .5rem;font-size:.8rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;color:hsla(0,0%,100%,.6)}.panel-sidebar-section-icon{font-size:1rem}.panel-sidebar-menu{list-style:none;margin:0;padding:0}.panel-sidebar-menu-item{margin-bottom:.25rem;padding:0 1rem}.panel-sidebar-menu-link{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;color:hsla(0,0%,100%,.8);text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-weight:500;font-size:.95rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05)}.panel-sidebar-menu-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:12px 0 0 12px;transition:width .3s ease}.panel-sidebar-menu-link:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);transform:translateX(3px);color:#fff}.panel-sidebar-menu-link:hover:before{width:4px}.panel-sidebar-menu-link.active{background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(59,130,246,.1));border-color:rgba(96,165,250,.3);color:#60a5fa;font-weight:600;box-shadow:0 4px 12px rgba(96,165,250,.1)}.panel-sidebar-menu-link.active:before{width:4px}.panel-sidebar-menu-link.active:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#60a5fa;border-radius:50%;box-shadow:0 0 8px rgba(96,165,250,.6)}.panel-sidebar-menu-icon{font-size:1.2rem;opacity:.8;transition:all .3s ease;width:20px;text-align:center}.panel-sidebar-menu-link.active .panel-sidebar-menu-icon,.panel-sidebar-menu-link:hover .panel-sidebar-menu-icon{opacity:1;transform:scale(1.1)}@media (max-width:1200px){.panel-sidebar{width:240px}}@media (max-width:1024px){.panel-sidebar{width:80px}.panel-sidebar-brand-text,.panel-sidebar-menu-link span:not(.panel-sidebar-menu-icon),.panel-sidebar-section-title span:not(.panel-sidebar-section-icon),.panel-sidebar-user-info{display:none}.panel-sidebar-header{padding:1.5rem 1rem;text-align:center}.panel-sidebar-brand,.panel-sidebar-user{justify-content:center}.panel-sidebar-user{padding:1rem}.panel-sidebar-menu-link{justify-content:center;padding:.875rem .5rem}.panel-sidebar-section-title{justify-content:center;padding:.75rem .5rem .5rem}.panel-sidebar-menu-item{padding:0 .5rem}.panel-sidebar-menu-link.active:after{display:none}}@media (max-width:768px){.panel-sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.panel-sidebar.open{transform:translateX(0);box-shadow:4px 0 32px rgba(0,0,0,.3)}.panel-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.panel-sidebar-overlay.open{opacity:1;pointer-events:all}}.panel-sidebar::-webkit-scrollbar{width:6px}.panel-sidebar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.panel-sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.panel-sidebar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.panel-management-container{padding:2rem;background:#f8fafc;min-height:100vh}.panel-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.panel-management-title-section{flex:1 1}.panel-management-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;display:flex;align-items:center;gap:1rem}.panel-management-icon{font-size:2.5rem}.panel-management-subtitle{font-size:1rem;color:#6b7280;margin:0}.panel-management-actions{display:flex;gap:1rem;flex-wrap:wrap}.panel-management-controls{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.panel-search-section{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.panel-search-input-wrapper{flex:1 1;min-width:300px}.panel-search-input{padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.panel-search-input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1)}.panel-sort-controls{display:flex;gap:.5rem;align-items:center}.panel-sort-select{font-size:.9rem}.panel-sort-order-btn,.panel-sort-select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.panel-sort-order-btn{background:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;color:#6b7280}.panel-sort-order-btn:hover{border-color:#3b82f6;color:#3b82f6}.panel-stats-section{display:flex;gap:1rem;justify-content:center}.panel-stat-item{text-align:center;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.panel-stat-number{display:block;font-size:1.875rem;font-weight:700;color:#3b82f6;line-height:1;margin-bottom:.25rem}.panel-stat-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.panel-management-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.panel-management-list{display:flex;flex-direction:column}.panel-management-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;transition:all .3s ease;position:relative}.panel-management-item:last-child{border-bottom:none}.panel-management-item:hover{background:#f8fafc;transform:translateX(4px)}.panel-item-main{display:flex;align-items:center;gap:1.5rem;flex:1 1;min-width:0}.panel-item-avatar{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.panel-item-info{flex:1 1;min-width:0}.panel-item-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.panel-item-description,.panel-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-item-description{font-size:.9rem;color:#6b7280;margin:0 0 .75rem}.panel-item-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.panel-item-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.825rem;color:#6b7280;font-weight:500}.meta-icon{font-size:.875rem}.panel-item-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-action{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.btn-view{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-view:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.panel-empty-state,.panel-error-state,.panel-loading-state{text-align:center;padding:4rem 2rem}.panel-loading-state .loading-text{color:#6b7280;margin-top:1rem;font-size:1rem}.panel-empty-state .empty-icon,.panel-error-state .error-icon{font-size:4rem;margin-bottom:1rem}.panel-error-state .error-message{font-size:1.1rem;color:#ef4444;margin-bottom:2rem;font-weight:500}.panel-empty-state .empty-title{color:#374151;margin-bottom:1rem;font-size:1.5rem}.panel-empty-state .empty-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.confirmation-content{text-align:center;padding:1rem 0}.confirmation-icon{font-size:3rem;margin-bottom:1rem}.confirmation-message{font-size:1rem;color:#374151;margin-bottom:.75rem;line-height:1.5}.confirmation-warning{font-size:.875rem;color:#ef4444;font-weight:500;margin:0}.modal-small{max-width:480px}@media (max-width:1024px){.panel-management-container{padding:1rem}.panel-management-header{flex-direction:column;gap:1.5rem;align-items:stretch}.panel-management-actions{justify-content:stretch}.panel-management-actions .btn{flex:1 1}.panel-search-section{flex-direction:column;align-items:stretch}.panel-search-input-wrapper{min-width:auto}.panel-sort-controls{justify-content:stretch}.panel-sort-select{flex:1 1}}@media (max-width:768px){.panel-management-item{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.panel-item-main{flex-direction:column;text-align:center;gap:1rem}.panel-item-meta{justify-content:center;gap:1rem}.panel-item-actions{justify-content:center;gap:.75rem}.panel-management-title{font-size:1.5rem}.panel-management-icon{font-size:2rem}}@media (max-width:480px){.panel-item-meta{flex-direction:column;gap:.5rem}.panel-item-meta-item{justify-content:center}}.panel-view-container{padding:1.5rem;background:#f8fafc;min-height:100vh}.panel-view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #e5e7eb}.panel-controls-left{display:flex;gap:1rem;align-items:center;flex:1 1}.panel-search-wrapper{flex:1 1;max-width:400px}.panel-search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#f9fafb}.panel-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.panel-sort-wrapper{display:flex;gap:.25rem;align-items:center}.panel-sort-select{padding:.75rem .875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.panel-sort-select:focus{outline:none;border-color:#3b82f6}.panel-sort-btn{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;color:#6b7280;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.panel-sort-btn:hover{border-color:#3b82f6;color:#3b82f6}.panel-controls-right{display:flex;gap:1.5rem;align-items:center}.panel-stats{text-align:center;padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb}.panel-stats-number{display:block;font-size:1.25rem;font-weight:700;color:#3b82f6;line-height:1;margin-bottom:.125rem}.panel-stats-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.panel-actions{display:flex;gap:.75rem;align-items:center}.btn-icon-secondary{padding:.75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-icon-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn-primary-compact{padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.btn-primary-compact:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.25)}.panel-view-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #e5e7eb;overflow:hidden}.panel-list-container{width:100%}.panel-list-header{display:grid;grid-template-columns:1fr 1fr 120px;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.list-header-item{font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.list-header-actions{text-align:center}.panel-list-items{display:flex;flex-direction:column}.panel-list-item{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.panel-list-item:last-child{border-bottom:none}.panel-list-item:hover{background:#f8fafc}.list-item-content{display:grid;grid-template-columns:1fr 1fr 120px;padding:1.25rem 1.5rem;align-items:center}.list-item-main{display:flex;align-items:center;gap:1rem}.list-item-avatar{position:relative;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{font-size:1.25rem;color:#fff}.avatar-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;border:2px solid #fff}.list-item-info{flex:1 1;min-width:0}.list-item-title{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.list-item-subtitle,.list-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-subtitle{font-size:.825rem;color:#6b7280;margin:0}.list-item-details{display:flex;flex-direction:column;gap:.375rem}.detail-row{display:flex;align-items:center;gap:.5rem}.detail-icon{font-size:.75rem;width:16px;text-align:center;opacity:.7}.detail-text{font-size:.8rem;color:#6b7280;font-weight:500}.list-item-actions{gap:.375rem}.action-btn,.list-item-actions{display:flex;justify-content:center}.action-btn{width:32px;height:32px;border-radius:6px;align-items:center;font-size:.875rem;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.action-view{background:#ecfdf5;color:#10b981;border-color:#d1fae5}.action-view:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(16,185,129,.25)}.action-edit{background:#fffbeb;color:#f59e0b;border-color:#fef3c7}.action-edit:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(245,158,11,.25)}.action-delete{background:#fef2f2;color:#ef4444;border-color:#fecaca}.action-delete:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(239,68,68,.25)}@media (max-width:1024px){.panel-view-controls{align-items:stretch}.panel-controls-left,.panel-controls-right,.panel-view-controls{flex-direction:column;gap:1rem}.panel-search-wrapper{max-width:none}.list-item-content,.panel-list-header{grid-template-columns:1fr;gap:1rem}.list-header-item{text-align:left}.list-item-details{flex-direction:row;flex-wrap:wrap;gap:1rem}.list-item-actions{justify-content:flex-start}}@media (max-width:768px){.panel-view-container{padding:1rem}.list-item-main{flex-direction:column;text-align:center;gap:.75rem}.list-item-actions,.list-item-details{justify-content:center}}.panel-form-container{padding:1.5rem;background:#f8fafc;min-height:100vh}.panel-form-header{margin-bottom:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #e5e7eb}.form-header-content{display:flex;justify-content:space-between;align-items:center;padding:2rem}.form-header-info{flex:1 1}.form-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.form-icon{font-size:2rem}.form-subtitle{font-size:1rem;color:#6b7280;margin:0}.form-header-actions{display:flex;gap:1rem}.form-error-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:2rem}.error-alert-icon{font-size:1.25rem;flex-shrink:0}.error-alert-content{color:#dc2626;font-size:.9rem;line-height:1.5}.panel-form-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #e5e7eb;overflow:hidden}.event-form{padding:2rem}.form-sections{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:2.5rem}.form-section{position:relative}.section-title{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.section-icon{font-size:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.form-group.full-width{grid-column:1/-1}.form-label{font-size:.9rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.25rem}.form-input,.form-textarea{padding:.875rem 1rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#1f2937}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background:#fefefe}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #f3f4f6}.btn{padding:.875rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer;min-width:120px;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.25)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,130,246,.35)}.btn-secondary{background:#f8fafc;color:#374151;border:1.5px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#9ca3af;transform:translateY(-1px)}.btn-icon,.btn-spinner{font-size:1rem}.btn-spinner{animation:spin 1s linear infinite}.panel-error-state{text-align:center;padding:4rem 2rem}.error-description{color:#6b7280;margin:1rem 0 2rem;line-height:1.6}@media (max-width:1024px){.form-header-content{flex-direction:column;gap:1.5rem;align-items:stretch}.form-header-actions{justify-content:stretch}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}@media (max-width:768px){.panel-form-container{padding:1rem}.event-form,.form-header-content{padding:1.5rem}.form-title{font-size:1.5rem}.form-actions{flex-direction:column-reverse}.btn{width:100%}}@media (max-width:480px){.form-title,.section-title{flex-direction:column;text-align:center;gap:.5rem}}.success-message{background:linear-gradient(145deg,#d4edda,#c3e6cb);color:#155724;padding:1rem;border-radius:10px;border:1px solid #c3e6cb;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500;box-shadow:0 2px 10px rgba(21,87,36,.1)}.success-message:before{content:"✓";background:#28a745;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.event-form .form-group.required label:after{content:" *";color:#e74c3c;font-weight:700}.event-form textarea{resize:vertical;min-height:100px}.event-form input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.event-form input[type=number]::-webkit-inner-spin-button,.event-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.section-header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header-with-button .section-title{margin:0;flex:1 1}.section-header-with-button .btn{flex-shrink:0}@media (max-width:768px){.section-header-with-button{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header-with-button .btn{align-self:stretch;text-align:center}}.event-details-container{max-width:1200px;margin:0 auto;padding:0 1rem}.details-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:1.5rem;overflow:hidden}.main-info-card{margin-bottom:2rem}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.card-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.card-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.card-icon{font-size:1.2rem}.card-status{display:flex;gap:.5rem;flex-wrap:wrap}.card-content{padding:1.5rem}.status-badge{font-size:.875rem}.status-active{background:rgba(34,197,94,.1);color:#15803d;border:1px solid rgba(34,197,94,.3)}.status-inactive{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.status-open{background:rgba(34,197,94,.1);color:#15803d;border:1px solid rgba(34,197,94,.3)}.status-closed{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-icon{font-size:.75rem}.event-banner{margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.banner-image{width:100%;height:300px;object-fit:cover;display:block}.section-subtitle{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.description-text{color:#6b7280;line-height:1.6;margin:0;white-space:pre-wrap}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.full-width{grid-column:1/-1}.info-list{display:flex;flex-direction:column;gap:1rem}.cost-value{font-weight:700;color:#059669}.participants-count{font-weight:600;color:#3b82f6}.event-id{font-family:Courier New,monospace;font-size:.875rem;background:rgba(0,0,0,.05);padding:.25rem .5rem;border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1.5rem;gap:1.5rem}.stat-item{text-align:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.stat-number{font-size:2rem;font-weight:800;color:#3b82f6;margin-bottom:.5rem;line-height:1}.stat-label{font-size:.875rem;font-weight:500}.details-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:2rem 0;border-top:1px solid rgba(0,0,0,.1);margin-top:2rem}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none}.btn-info:hover{background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-2px)}@media (max-width:1024px){.details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}@media (max-width:768px){.event-details-container{padding:0 .5rem}.card-title-section{flex-direction:column;align-items:flex-start;gap:1rem}.card-status{align-self:stretch;justify-content:flex-start}.details-grid{grid-template-columns:1fr;gap:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-value{text-align:left}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{padding:.75rem .5rem}.stat-number{font-size:1.5rem}.banner-image{height:200px}.details-actions{flex-direction:column;gap:.75rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr;gap:.75rem}.card-content,.card-header{padding:1rem}}.detail-view-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.detail-error-state,.detail-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.detail-error-state .error-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.detail-error-state .error-message{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.detail-error-state .error-description{color:#6b7280;margin-bottom:2rem}.detail-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 0;margin-bottom:2rem}.header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;justify-content:space-between;gap:2rem}.header-content,.header-info{display:flex;align-items:center}.header-info{gap:1.5rem;flex:1 1}.back-button{display:flex;align-items:center;gap:.5rem;color:#6b7280;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.back-button:hover{color:#374151;background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}.back-icon{font-size:1.2rem}.back-text{font-size:.9rem}.header-titles{flex:1 1}.detail-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;line-height:1.2}.detail-subtitle{color:#6b7280;margin:0;font-size:.95rem}.floating-actions{position:relative}.actions-toggle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(102,126,234,.3);transition:all .2s ease;font-size:1.2rem}.actions-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(102,126,234,.4)}.actions-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.05);padding:.5rem;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;margin-top:.5rem}.actions-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.action-item{margin-bottom:.25rem}.action-item:last-child{margin-bottom:0}.action-button{display:flex;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;color:#374151;transition:all .2s ease}.action-button:hover{background:#f3f4f6;color:#1f2937}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-button.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff}.action-button.info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-button.info:hover{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff}.action-icon{font-size:1rem;flex-shrink:0}.action-label{flex:1 1;text-align:left}.actions-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.detail-content{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem}.detail-hero{background:#fff;border-radius:16px;box-shadow:0 4px 25px rgba(0,0,0,.08);margin-bottom:2rem;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.hero-content{padding:2rem}.hero-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.hero-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0;line-height:1.2;flex:1 1;min-width:300px}.hero-badges{display:flex;gap:.75rem;flex-wrap:wrap}.hero-description{margin-top:1rem;color:#6b7280;font-size:1.1rem;line-height:1.6}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 15px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.stat-card-blue .stat-value{color:#3b82f6}.stat-card-green .stat-value{color:#10b981}.stat-card-purple .stat-value{color:#8b5cf6}.stat-card-orange .stat-value{color:#f59e0b}.stat-value{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.stat-trend{font-size:1.5rem}.stat-trend-up{color:#10b981}.stat-trend-down{color:#ef4444}.stat-label{font-size:.9rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.info-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-grid-gap-small{gap:1rem}.info-grid-gap-large{gap:2rem}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:all .2s ease}.info-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}.info-card.full-width{grid-column:1/-1}.info-card-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.25rem;border-bottom:1px solid rgba(0,0,0,.05)}.info-card-primary .info-card-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.info-card-secondary .info-card-header{background:linear-gradient(135deg,#6b7280,#374151);color:#fff}.info-card-accent .info-card-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.info-card-title{font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.info-card-icon{font-size:1rem}.info-card-content{padding:1.25rem}.info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05);gap:1rem}.info-label{color:#374151;min-width:140px;flex-shrink:0}.info-value{color:#6b7280;text-align:right;flex:1 1;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;font-size:.9rem}.info-item-code .info-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;background:rgba(0,0,0,.05);padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.info-item-currency .info-value{font-weight:700;color:#059669}.info-item-number .info-value{font-weight:600;color:#3b82f6}.info-item-status .info-value{font-weight:600}.copy-button{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:#6b7280;transition:all .2s ease;font-size:.8rem}.copy-button:hover{background:rgba(0,0,0,.05);color:#374151}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-success{background:rgba(34,197,94,.1);color:#15803d;border-color:rgba(34,197,94,.3)}.status-error{background:rgba(239,68,68,.1);color:#dc2626;border-color:rgba(239,68,68,.3)}.status-info{background:rgba(59,130,246,.1);color:#1d4ed8;border-color:rgba(59,130,246,.3)}.status-warning{background:rgba(245,158,11,.1);color:#d97706;border-color:rgba(245,158,11,.3)}.status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.media-display{width:100%;border-radius:12px;overflow:hidden;background:#f3f4f6;margin-bottom:1.5rem}.media-image,.media-video{width:100%;height:100%;object-fit:cover;display:block}.rules-content{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.rules-text{margin:0;font-family:inherit;font-size:.95rem;line-height:1.6;color:#374151;white-space:pre-wrap;word-break:break-word}@media (max-width:1024px){.info-grid{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.detail-content{padding:0 1rem 2rem}.header-content{padding:0 1rem}.header-content,.header-info{flex-direction:column;align-items:flex-start;gap:1rem}.header-info{width:100%}.detail-title{font-size:1.75rem}.hero-title{font-size:2rem}.hero-title-section{flex-direction:column;align-items:flex-start;gap:1rem}.hero-badges{align-self:stretch}.stats-overview{grid-template-columns:1fr}.stat-value{font-size:2rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-value{text-align:left;justify-content:flex-start}.actions-menu{position:fixed;top:auto;bottom:1rem;left:1rem;right:1rem;width:auto;min-width:auto}.floating-actions{position:fixed;bottom:2rem;right:1rem;z-index:1000}}@media (max-width:480px){.hero-content{padding:1.5rem}.info-card-content,.info-card-header{padding:1rem}.detail-title{font-size:1.5rem}.hero-title{font-size:1.75rem}.detail-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.detail-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.detail-icon{font-size:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.25rem;gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.875rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;color:#2d3748;font-weight:500}.team-history{display:flex;flex-direction:column;gap:1rem}.team-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.team-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}.team-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.team-name{margin:0;font-size:1.25rem;font-weight:600}.team-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.team-info-row{justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.team-info-row:last-child{border-bottom:none}.team-info-label{font-weight:600;color:#718096}.team-info-value{font-size:.95rem;color:#2d3748;font-weight:500}.team-card-footer{padding:1rem 1.25rem;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.empty-state-small{text-align:center;padding:2rem;color:#718096;background:#f7fafc;border-radius:8px;border:2px dashed #e2e8f0}.empty-state-small p{margin:0;font-size:1rem}.team-details-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.team-info-section{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0;margin-bottom:1rem}.team-info-section:last-child{margin-bottom:0}.team-info-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.team-info-row{display:flex;flex-direction:column;gap:.25rem}.team-info-label{font-size:.875rem;color:#64748b;font-weight:500}.team-info-value{font-size:1rem;color:#1e293b;font-weight:600}.empty-state-inline{text-align:center;padding:2rem;color:#64748b}.empty-state-inline p{margin:0;font-size:1rem}.form-group-full{grid-column:1/-1}.detail-value.monospace{font-family:Courier New,monospace;font-size:.875rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:4px}.stat-church{font-size:1rem!important}.qr-section{text-align:center;display:flex;flex-direction:column;align-items:center}.qr-code-wrapper{display:inline-block;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1rem}.qr-code{width:200px;height:200px;border:2px solid var(--primary-color,#667eea);border-radius:8px;display:block}.qr-description{color:var(--text-secondary,#6b7280);font-size:.9rem;margin:.5rem 0 1rem}.qr-url{color:var(--primary-color,#667eea);font-size:.8rem;font-family:Courier New,monospace;background:rgba(102,126,234,.1);padding:.5rem;border-radius:5px;word-break:break-all;margin-bottom:1rem;max-width:100%}.qr-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.captain-info-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.captain-info-row:last-child{margin-bottom:0}.contact-link{font-size:.85rem}.full-width{grid-column:1/-1!important}@media (max-width:768px){.qr-code{width:160px;height:160px}}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{display:flex;align-items:center}.flex-end{justify-content:flex-end}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:1rem}.grid-4,.grid-auto{display:grid;gap:1rem}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.mr-0{margin-right:0}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-3{padding-left:1.5rem}.pl-4{padding-left:2rem}.pr-0{padding-right:0}.pr-1{padding-right:.5rem}.pr-2{padding-right:1rem}.pr-3{padding-right:1.5rem}.pr-4{padding-right:2rem}.gap-0{gap:0}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-primary{color:#667eea}.text-secondary{color:#764ba2}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.text-light{color:#f8f9fa}.text-dark{color:#343a40}.text-muted{color:#6c757d}.text-white{color:#fff}.bg-primary{background-color:#667eea}.bg-secondary{background-color:#764ba2}.bg-success{background-color:#28a745}.bg-danger{background-color:#dc3545}.bg-warning{background-color:#ffc107}.bg-info{background-color:#17a2b8}.bg-light{background-color:#f8f9fa}.bg-dark{background-color:#343a40}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.border{border:1px solid #e1e5e9}.border-0{border:none}.border-top{border-top:1px solid #e1e5e9}.border-bottom{border-bottom:1px solid #e1e5e9}.border-left{border-left:1px solid #e1e5e9}.border-right{border-right:1px solid #e1e5e9}.border-primary{border-color:#667eea}.border-secondary{border-color:#764ba2}.border-success{border-color:#28a745}.border-danger{border-color:#dc3545}.border-warning{border-color:#ffc107}.rounded{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.transform{transform:translateZ(0)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.translate-x-0{transform:translateX(0)}.translate-x-1{transform:translateX(.25rem)}.translate-x-2{transform:translateX(.5rem)}.-translate-x-1{transform:translateX(-.25rem)}.-translate-x-2{transform:translateX(-.5rem)}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(.25rem)}.translate-y-2{transform:translateY(.5rem)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}.rotate-0{transform:rotate(0deg)}.rotate-1{transform:rotate(1deg)}.rotate-2{transform:rotate(2deg)}.rotate-3{transform:rotate(3deg)}.rotate-6{transform:rotate(6deg)}.rotate-12{transform:rotate(12deg)}.-rotate-1{transform:rotate(-1deg)}.-rotate-2{transform:rotate(-2deg)}.-rotate-3{transform:rotate(-3deg)}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:flex-col{flex-direction:column}.sm\:w-full{width:100%}.sm\:p-2{padding:1rem}.sm\:m-2{margin:1rem}.sm\:gap-2{gap:1rem}}@media (min-width:641px) and (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:flex-row{flex-direction:row}.md\:w-1\/2{width:50%}}@media (min-width:769px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:flex-row{flex-direction:row}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}}.hover\:bg-primary:hover{background-color:#667eea}.hover\:bg-secondary:hover{background-color:#764ba2}.hover\:text-primary:hover{color:#667eea}.hover\:text-white:hover{color:#fff}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:0 0 0 3px rgba(102,126,234,.1)}.focus\:border-primary:focus{border-color:#667eea}.active\:scale-95:active{transform:scale(.95)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;background-attachment:fixed}.container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.header{text-align:center;margin-bottom:2rem;position:relative}.header:before{content:"✝";font-size:3rem;color:#667eea;display:block;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle,.title{text-align:center}.subtitle{font-size:1.1rem;color:#666;margin-bottom:1rem}.form{gap:1.5rem}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.label{font-weight:600;color:#333;font-size:.95rem}.input,.select{padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.input:focus,.select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.input:hover,.select:hover{border-color:#a0aff0;transform:translateY(-1px)}.participants-section{background:#f8f9ff;padding:1.5rem;border-radius:15px;border:2px dashed #667eea}.participants-title{font-size:1.3rem;font-weight:600;color:#667eea;margin-bottom:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.participants-title:before{content:"👥";font-size:1.5rem}.participant-row{display:grid;grid-template-columns:2fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:#fff;border-radius:10px;border:1px solid #e1e5e9;position:relative}.participant-row:before{content:counter(participant);counter-increment:participant;position:absolute;top:-8px;left:10px;background:#667eea;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.8rem;display:flex;align-items:center;justify-content:center;font-weight:700}.participants-section{counter-reset:participant}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.message{padding:1rem;border-radius:10px;margin-top:1rem;font-weight:500}.message.success{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff;border-left:4px solid #4caf50}.message.error{background:linear-gradient(135deg,#ff6b6b,#ffa8a8);color:#fff;border-left:4px solid #f44336}.team-code{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;background:hsla(0,0%,100%,.9);padding:.5rem;border-radius:8px;color:#333;margin:.5rem 0}.team-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;position:relative}.team-header:before{content:"🏆";font-size:3rem;display:block;margin-bottom:.5rem}.team-name{font-size:2rem;font-weight:700;margin-bottom:.5rem}.team-route{font-size:1.3rem;background:hsla(0,0%,100%,.2);padding:.5rem 1rem;border-radius:25px;display:inline-block;margin-top:.5rem}.team-info{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.info-card{background:#f8f9ff;padding:1.5rem;border-radius:15px;border-left:4px solid #667eea}.info-title{font-size:1.2rem;font-weight:600;color:#667eea;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.participants-grid{display:grid;grid-gap:.75rem;gap:.75rem}.participant-card{background:#fff;padding:1rem;border-radius:10px;border:1px solid #e1e5e9;display:flex;justify-content:space-between;align-items:center}.participant-name{font-weight:500}.shirt-size{background:#667eea;color:#fff;padding:.25rem .5rem;border-radius:15px;font-size:.9rem;font-weight:600}@media (max-width:768px){.container{padding:1.5rem 1rem;max-width:100%}.card{padding:1.5rem}.title{font-size:2rem}.participant-row{grid-template-columns:1fr;gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeInUp .6s ease-out}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(1turn)}}.team-list-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.team-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.team-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.team-list-title{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.team-list-badges{display:flex;gap:.5rem;flex-wrap:wrap}.route-badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.route-A{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.route-B{background:linear-gradient(135deg,#dc3545,#fd7e92);color:#fff}.team-code-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;font-family:Courier New,monospace}.team-list-info{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.info-item{display:grid;grid-template-columns:140px 1fr;grid-gap:.5rem;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#555;font-size:.9rem}.info-value{color:#333;font-size:.95rem;word-break:break-word}.team-list-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.action-button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:768px){.team-list-header{flex-direction:column;align-items:flex-start}.team-list-badges{align-self:flex-start}.info-item{grid-template-columns:1fr;gap:.25rem}.info-label{font-size:.85rem}.info-value{font-size:.9rem;padding-left:1rem}.team-list-actions{justify-content:stretch}.action-button{flex:1 1;justify-content:center}}html{scroll-behavior:smooth}.page-header{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,.15);border:1px solid hsla(0,0%,100%,.2)}.hero{margin-top:0}.privacy-notice{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 16px rgba(255,193,7,.3)}.privacy-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.privacy-notice h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.privacy-notice p{margin:0;opacity:.9;font-size:.9rem;line-height:1.4}.contact-protected{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.2);border-radius:8px;padding:.5rem 1rem!important}.contact-protected .info-value{font-style:italic}body{padding-top:0}@media (max-width:768px){.container{padding:1.5rem 1rem}.page-header{padding:1.5rem 1rem!important;margin-bottom:1.5rem!important}.privacy-notice{flex-direction:column;text-align:center;gap:.5rem}.privacy-icon{font-size:1.5rem}}