.home-container{width:100%;background:#fff}.hero{background:none;color:#242424;min-height:auto;display:flex;align-items:center;justify-content:center;padding:1rem 0;text-align:center;margin-top:0;padding-top:20px}.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;z-index:1}.spaco-beta-title{font-size:1.2rem;font-weight:700;color:var(--spaco-primary);margin-bottom:1rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.main-title{margin-bottom:.5rem;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.title-line-2{font-size:2.2rem;font-weight:700;font-style:italic;color:#2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(37,99,235,.2)}.hero-content h1{font-size:2.4rem;margin-bottom:.75rem;line-height:1.2}.hero-content p{font-size:1.1rem;max-width:800px;margin:0 auto 2rem;opacity:.85}.initiative-tag{font-weight:600;color:var(--primary-color);margin-bottom:.75rem}.hero-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.hero-btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-block;min-width:160px;text-align:center}.hero-btn.btn-primary{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;box-shadow:var(--shadow-md)}.hero-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--spaco-dark) 0%,var(--spaco-primary) 100%)}.hero-btn.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:var(--shadow-sm)}.hero-btn.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--spaco-light);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.features{padding:4rem 2rem;background-color:#f5f5f5}.features-container{max-width:1200px;margin:0 auto}.features-container h2{text-align:center;margin-bottom:3rem;font-size:2.2rem;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-card p{color:#666;line-height:1.6}.impact{padding:5rem 2rem;background-color:#242424;color:#fff;text-align:center}.impact-content h2{font-size:2.2rem;margin-bottom:1.5rem}.impact-content p{max-width:800px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6;opacity:.9}.search-form-container{background-color:#fffffff2;border-radius:12px;padding:2rem;max-width:1200px;margin:0 auto;box-shadow:0 10px 30px #0000001a;width:100%}.home-search-form{width:100%}.top-search-section{margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0}.search-input-group{width:100%}.search-input-container{display:flex;gap:1rem;align-items:flex-end}.search-text-input{flex:1;font-size:1rem;padding:.75rem 1rem;box-shadow:0 2px 4px #0000001a}.search-buttons{display:flex;gap:.75rem;align-items:center}.filter-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr .8fr;gap:1rem;margin-bottom:1rem;padding:1.5rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;align-items:start;box-sizing:border-box}.filter-fields .form-group{display:flex;flex-direction:column;width:100%;margin:0;padding:0;align-items:stretch}.filter-fields .form-group label{margin:0 0 .5rem;padding:0;text-align:left;width:100%}.filter-fields .form-control{margin:0;padding:.75rem 1rem;width:100%;box-sizing:border-box}.filter-fields .form-group:last-child .form-control{max-width:120px;text-align:center}.filter-actions{display:flex;justify-content:center;gap:1rem;padding:1rem 1.5rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:2rem}.filter-actions .btn{min-width:120px;padding:.75rem 1.5rem;font-weight:600}.search-form-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group label{color:#333;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.form-control{padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease;background-color:#fff}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--spaco-light)}.form-control:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.form-actions button{flex:1;min-width:150px}.alumni-inline{display:grid;grid-template-columns:minmax(100px,140px) 1fr auto auto;gap:.75rem;align-items:end;margin-bottom:1.75rem}.form-actions.inline{display:flex;gap:.75rem;align-items:center}.form-actions.inline button{flex:0 0 auto;min-width:auto}.btn-compact{padding:.5rem .75rem;font-size:.95rem;min-width:auto;width:auto}.select-with-icon{position:relative;width:100%;max-width:140px}.select-with-icon:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;pointer-events:none}.select-with-icon select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1.75rem;background-image:none;width:100%;min-width:0}.alumni-inline .form-group:first-child{min-width:0}@media (max-width: 768px){.alumni-inline{grid-template-columns:1fr}.form-actions.inline{flex-direction:column;align-items:stretch}}.level-buttons{margin:1rem 0 2rem}.level-grid.level-steps{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:16px;margin-bottom:.5rem}.level-tile{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;padding:1rem 2rem 1rem 2.5rem;min-width:180px;min-height:80px;border:1px solid #dcdcdc;border-radius:6px;background-color:#eef6ee;color:#203020;text-align:center;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.level-tile:after{content:"";position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:24px solid #d7efd7}.level-tile .title{font-weight:700;font-size:1.05rem}.level-tile .subtitle{font-size:.85rem;color:#496049}.level-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.level-tile.active{outline:2px solid #4caf50}.level-tile.primary{background-color:#e6f9e6}.level-tile.primary:after{border-left-color:#c8efc8}.level-tile.secondary{background-color:#e7f3ff}.level-tile.secondary:after{border-left-color:#c9e4ff}.level-tile.post{background-color:#fff6e6}.level-tile.post:after{border-left-color:#ffe2b8}.level-tile.university{background-color:#e9f5f0}.level-tile.university:after{border-left-color:#cbe7db}.home-search-results{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:2rem}.results-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}.results-table th{background-color:#f8fafc;padding:.75rem 1.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.results-table td{padding:.75rem 1.5rem;border-bottom:1px solid #f3f4f6;vertical-align:middle;line-height:1.4}.results-table tbody tr{transition:background-color .2s ease;line-height:1.2}.results-table tbody tr:hover{background-color:#f9fafb}.results-table tbody tr:last-child td{border-bottom:none}.home-search-results .pagination{display:flex;align-items:center;gap:12px;margin-top:12px}.home-search-results .page-btn{padding:8px 14px;border-radius:6px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer}.home-search-results .page-btn:disabled{opacity:.6;cursor:not-allowed}.home-search-results .page-info{font-weight:500}.no-results{text-align:center;padding:2rem;color:#666;font-style:italic;font-size:1.1rem;font-weight:500}.no-results-container{text-align:center;padding:3rem 2rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin:1rem 0}.no-results-actions{margin-top:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.no-results-actions p{margin:0 0 1rem;color:#4a5568;font-weight:500}.registration-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 1200px){.filter-fields{grid-template-columns:1fr 1fr 1.5fr 1fr .8fr}}@media (max-width: 1000px){.filter-fields{grid-template-columns:1fr 1fr 1.5fr}.filter-fields .form-group:nth-child(4),.filter-fields .form-group:nth-child(5){grid-column:1 / -1}}@media (max-width: 768px){.hero h1{font-size:2.2rem}.hero-content p{font-size:1rem}.features-container h2,.impact-content h2{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.search-form-container{padding:1.5rem;margin:0 1rem}.filter-fields{grid-template-columns:1fr 1fr}.filter-fields .form-group:nth-child(3),.filter-fields .form-group:nth-child(4),.filter-fields .form-group:nth-child(5){grid-column:1 / -1}.filter-actions{flex-direction:column;align-items:center}.filter-actions .btn{width:100%;max-width:200px}.search-input-container{flex-direction:column;align-items:stretch}.search-buttons{justify-content:center}.search-form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{min-width:auto}.search-hero{padding:1rem 0}.search-hero-content{padding:0 1rem}.spaco-beta-title{font-size:1rem;margin-bottom:.75rem}.main-title h1{font-size:1.8rem;line-height:1.2}.title-line-2{font-size:1rem}.search-form-container{border-radius:16px}.search-text-input{font-size:1rem;padding:.75rem 1rem}.filter-fields{grid-template-columns:1fr;gap:1rem;padding:1rem}.filter-fields .form-group{margin-bottom:0}.filter-fields .form-group label{font-size:.85rem;margin-bottom:.375rem}.filter-fields .form-control{padding:.75rem 1rem;font-size:1rem}.filter-actions{gap:.75rem;padding:1rem}.btn-search,.btn-secondary{max-width:280px;padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.landing-hero{min-height:auto;padding:.75rem 0}.landing-hero-content{padding:0 1rem}.landing-header{padding:1.5rem;margin:0 .5rem}.beta-header{font-size:.8rem}.naira-title{font-size:1.5rem;line-height:1.3}.naira-acronym{font-size:1rem}.mission-text{font-size:.9rem;line-height:1.4}.tagline{font-size:1.1rem}.btn-register{padding:.75rem 1.5rem;font-size:.9rem}.search-form-container{margin:0 .5rem;padding:1rem}.search-text-input,.filter-fields .form-control{padding:.75rem 1rem;font-size:1rem}.btn-large{max-width:100%;padding:.75rem 1rem;font-size:.9rem;margin:.5rem 0}.partners-section{padding:.5rem 0}.partners-header{padding:0 .75rem}.partners-header h3{font-size:1.3rem;line-height:1.3}.partner-logo{height:35px;padding:0 1rem}.partner-logo img{height:25px;max-width:100px}.partners-track{gap:2rem}}@media (max-width: 360px){.landing-header{padding:.75rem;margin:0 .25rem}.beta-header{font-size:.75rem}.naira-title{font-size:1.3rem;margin-bottom:.25rem;white-space:normal}.naira-acronym{font-size:.9rem;margin-top:.25rem}.mission-text{font-size:.9rem;margin-bottom:1rem}.tagline{font-size:1.2rem;margin-bottom:1.5rem}.btn-register{padding:.6rem 1.2rem;font-size:.85rem}.search-hero{padding:.75rem 0}.search-form-container{margin:0 .25rem;padding:.75rem}.search-text-input,.filter-fields .form-control{padding:.6rem .8rem;font-size:.9rem}.btn-large{padding:.6rem .8rem;font-size:.85rem}.partners-section{padding:.5rem 0}.partners-header h3{font-size:1.2rem}.partner-logo{height:30px;padding:0 .75rem}.partner-logo img{height:20px;max-width:80px}.search-hero-content{padding:0 .75rem}.search-header h1{font-size:1.6rem;line-height:1.1;margin-bottom:.5rem}.title-line-2{font-size:.9rem;margin-bottom:.5rem}.search-description.tagline{font-size:.9rem;margin-bottom:1rem}.search-form-container{padding:1rem;margin:0 .5rem 1rem;border-radius:8px}.search-form-container .filter-fields{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.search-form-container .filter-actions{flex-direction:column;align-items:center;gap:.5rem;padding:.75rem}.btn-search,.search-form-container .btn-secondary{width:100%;max-width:260px;padding:.75rem 1.25rem;font-size:.95rem}.search-text-input{font-size:.95rem;padding:.75rem}.filter-fields .form-group label{font-size:.8rem;margin-bottom:.25rem}.filter-fields .form-control{padding:.625rem;font-size:.9rem}.results-table th,.results-table td{padding:.5rem .25rem;font-size:.8rem}.home-search-results{padding:0 .75rem}.hero{padding:0;min-height:0}.hero-content{padding:0 .75rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-stats{gap:1rem;margin:1.5rem 0}.stat-item{min-width:100px;padding:1rem .75rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.hero-actions{flex-direction:column;align-items:center;gap:.75rem}.btn-large{width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 360px){.landing-hero{min-height:auto;padding:.5rem 0}.landing-hero-content{padding:0 .5rem}.landing-header{padding:.75rem;border-radius:8px}.beta-header{font-size:.75rem;margin-bottom:.75rem}.naira-title{font-size:1.3rem;margin-bottom:.25rem;white-space:normal}.naira-acronym{font-size:.8rem;margin-top:.25rem}.mission-text{font-size:.85rem;margin-bottom:.75rem}.tagline{font-size:1rem;margin-bottom:1rem}.btn-register{padding:.625rem 1.25rem;font-size:.85rem}.search-hero{padding:.5rem 0}.search-hero-content{padding:0 .5rem}.search-header h1{font-size:1.4rem;line-height:1.1;margin-bottom:.25rem}.title-line-2{font-size:.8rem;margin-bottom:.25rem}.search-description.tagline{font-size:.8rem;margin-bottom:.75rem}.search-form-container{padding:.75rem;margin:0 .5rem .75rem;border-radius:6px}.search-form-container .filter-fields{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.search-form-container .filter-actions{flex-direction:column;align-items:center;gap:.375rem;padding:.5rem}.btn-search,.search-form-container .btn-secondary{width:100%;max-width:240px;padding:.625rem 1rem;font-size:.9rem}.btn-large{max-width:200px;padding:.625rem 1rem;font-size:.9rem}.search-text-input{font-size:.9rem;padding:.625rem}.filter-fields .form-group label{font-size:.75rem;margin-bottom:.125rem}.filter-fields .form-control{padding:.5rem;font-size:.85rem}.results-table th,.results-table td{padding:.375rem .125rem;font-size:.75rem}.home-search-results{padding:0 .5rem}.hero{padding:0;min-height:0}.hero-content{padding:0 .5rem}.hero-title{font-size:1.8rem}.hero-description{font-size:.9rem}.hero-stats{gap:.75rem;margin:1rem 0}.stat-item{min-width:80px;padding:.75rem .5rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.btn-large{width:100%;max-width:240px;padding:.75rem 1.25rem;font-size:.9rem}}.results-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.results-table th.sortable:hover{background-color:#e5e7eb}.results-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.results-header h3{margin:0 0 .5rem;color:#374151;font-size:1.5rem;font-weight:600}.results-subtitle{margin:0;color:#6b7280;font-size:.95rem;font-style:italic}.search-help{text-align:center;margin-top:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.search-help p{margin:0;color:#6c757d;font-size:.95rem}.search-help .btn{margin:0;display:inline-block;margin-left:.5rem}.sort-indicator{margin-left:6px;color:#666;font-size:.9rem}.landing-hero{background:#fff;padding:2rem 0;position:relative;overflow:hidden;min-height:auto;display:flex;align-items:center;justify-content:center}.landing-hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:2;width:100%}.landing-header{color:#1e293b;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;margin:0 auto;max-width:100%}.beta-header{font-size:1rem;font-weight:400;color:#64748b;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.mission-statement{margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.naira-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;line-height:1.2;white-space:nowrap}.naira-acronym{font-size:1.2rem;font-weight:500;color:#64748b;margin-top:.5rem;font-style:italic}.mission-text{font-size:1.2rem;color:#64748b;line-height:1.6;font-weight:400}.tagline{font-size:2rem;font-weight:700;color:#2563eb;margin-bottom:3rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(37,99,235,.2)}.cta-button{margin-top:2rem;margin-bottom:0}.btn-register{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #2563eb66;border:none;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-register:hover,.btn-register:focus{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb99;background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff!important;text-decoration:none;outline:none}.btn-register:active{transform:translateY(0);box-shadow:0 4px 15px #2563eb66;color:#fff!important}.search-hero{background:#fff;padding:0;position:relative;overflow:hidden;margin-top:0}@media (prefers-color-scheme: dark) and (min-width: 769px){.search-hero{background:linear-gradient(135deg,#1e293b,#334155)}.search-hero .spaco-beta-title,.search-hero .main-title h1,.search-hero .title-line-2,.search-hero .search-description{color:#f1f5f9}}.search-results-section{background:#fff;padding:1rem 0;border-top:1px solid #e2e8f0}.search-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.search-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem}.search-header{text-align:center;margin-bottom:1.5rem}.main-title{margin-bottom:.5rem}.title-line-2{font-size:1.2rem;font-weight:700;color:#2563eb;font-style:italic;text-transform:uppercase;letter-spacing:1px}.search-header h1{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;line-height:1.1}.search-description{font-size:1.2rem;color:#64748b;margin-bottom:0;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.search-description.tagline{font-size:1.8rem;font-weight:700;color:#1e293b;margin-top:1rem;margin-bottom:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.search-form-container{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;margin:0}@media (prefers-color-scheme: dark) and (min-width: 769px){.search-form-container{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}.search-form-container .search-text-input{background:#1e293b;border-color:#4a5568;color:#f1f5f9}.search-form-container .search-text-input:focus{border-color:var(--spaco-primary);box-shadow:0 0 0 3px #1e40af1a}.search-form-container .form-control{background:#1e293b;border-color:#4a5568;color:#f1f5f9}.search-form-container .form-control:focus{border-color:var(--spaco-primary);box-shadow:0 0 0 3px #1e40af1a}.search-form-container .form-group label{color:#f1f5f9}}.search-form-container .search-input-group label{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;display:block}.search-form-container .search-text-input{font-size:1.1rem;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;width:100%;transition:all .3s ease;box-sizing:border-box}.search-form-container .search-text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-form-container .filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.search-form-container .form-group label{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:block;text-transform:uppercase;letter-spacing:.5px}.search-form-container .form-control{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;width:100%;box-sizing:border-box}.search-form-container .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-form-container .filter-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0 1rem;flex-wrap:wrap}.btn-search{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1e40af66}.btn-search:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af99}.btn-search:disabled{opacity:.7;cursor:not-allowed;transform:none}.search-form-container .btn-secondary{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.search-form-container .btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.search-help{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.search-help p{color:#64748b;margin:0;font-size:.95rem}.db-status{text-align:center;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;margin:1rem 0}.db-status.checking{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.db-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width: 768px){.landing-hero{min-height:auto;padding:1rem 0}.landing-hero-content{padding:0 1rem}.landing-header{padding:1.5rem;border-radius:16px}.beta-header{font-size:.9rem;margin-bottom:1.5rem}.naira-title{font-size:1.8rem;margin-bottom:.25rem;white-space:normal}.naira-acronym{font-size:1rem;margin-top:.25rem}.mission-text{font-size:1rem;margin-bottom:1.5rem}.tagline{font-size:1.5rem;margin-bottom:2rem}.btn-register{padding:.875rem 2rem;font-size:1rem}.search-hero{padding:0}.search-hero-content{padding:0 1rem}.search-header h1{font-size:2rem;line-height:1.2;margin-bottom:.5rem}.title-line-2{font-size:1rem;margin-bottom:.5rem}.search-description.tagline{font-size:1rem;margin-bottom:1rem}.search-form-container{padding:1rem;margin:0 .5rem 1rem;border-radius:12px}.search-form-container .filter-fields{grid-template-columns:1fr;gap:.75rem;padding:1rem}.search-form-container .filter-actions{flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.btn-search,.search-form-container .btn-secondary{width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:1rem}.btn-large{max-width:220px;padding:.75rem 1.25rem;font-size:.95rem}.search-text-input{font-size:1rem;padding:.75rem 1rem}.filter-fields .form-group label{font-size:.85rem;margin-bottom:.375rem}.filter-fields .form-control{padding:.75rem 1rem;font-size:1rem}}.hero{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:0}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;padding:0 2rem}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50px;padding:.5rem 1.5rem;margin-bottom:2rem}.badge-text{color:#fff;font-weight:600;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.hero-title{font-size:4rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.1}.title-line-1,.title-line-2,.title-line-3{display:block;animation:slideInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.title-line-2{animation-delay:.2s}.title-line-3{animation-delay:.4s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.hero-description{font-size:1.3rem;color:#ffffffe6;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:300}.partners-section{margin:0;text-align:center;background:#fff;padding:1rem 0}.partners-header{max-width:1200px;margin:0 auto .5rem;padding:0 2rem}.partners-header h3{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.partners-scroll{overflow:hidden;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#fff}.partners-track{display:flex;animation:scroll 30s linear infinite;gap:4rem;align-items:center;padding:1rem 0}.partner-logo{flex-shrink:0;height:50px;display:flex;align-items:center;justify-content:center;background:transparent;padding:0 2rem;transition:transform .3s ease}.partner-logo:hover{transform:scale(1.05)}.partner-logo img{height:40px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.partner-logo:hover img{filter:grayscale(0%)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-stats{display:flex;justify-content:center;gap:3rem;margin:3rem 0;flex-wrap:wrap}.stat-item{text-align:center;padding:2rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;min-width:160px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.stat-item:hover:before{left:100%}.stat-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #0003}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{display:block;font-size:.9rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:1px}.hero-actions{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.btn-large{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary.btn-large{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;box-shadow:0 4px 15px #1e40af66}.btn-primary.btn-large:hover,.btn-primary.btn-large:focus{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af99;color:#fff!important;text-decoration:none;outline:none}.btn-primary.btn-large:active{transform:translateY(0);box-shadow:0 4px 15px #1e40af66;color:#fff!important}.btn-outline.btn-large{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff!important;border:none;box-shadow:0 4px 15px #1e40af66;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-outline.btn-large:hover,.btn-outline.btn-large:focus{background:linear-gradient(135deg,var(--spaco-dark) 0%,var(--spaco-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #1e40af99;color:#fff!important;text-decoration:none;outline:none}.btn-outline.btn-large:active{transform:translateY(0);box-shadow:0 4px 15px #1e40af66;color:#fff!important}@media (max-width: 768px){.partners-section{padding:.75rem 0}.partners-header{padding:0 1rem}.partners-header h3{font-size:1.5rem}.partner-logo{height:40px;padding:0 1.5rem}.partner-logo img{height:30px;max-width:120px}.partners-track{gap:2.5rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-stats{gap:1.5rem;margin:2rem 0}.stat-item{min-width:120px;padding:1.5rem 1rem}.stat-number{font-size:2rem}.hero-actions{flex-direction:column;align-items:center;padding:0 1rem;width:100%;box-sizing:border-box}.btn-large{width:100%;max-width:250px;padding:.875rem 1.5rem;font-size:1rem;margin:.25rem 0}}.features-section{padding:2rem 0;background:#fff}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.features-container h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(37,99,235,.1);text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block;width:80px;height:80px;background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 15px #1e40af4d;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 6px 20px #1e40af66}.feature-card h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.feature-card p{color:#64748b;line-height:1.6;font-size:1rem}@media (max-width: 768px){.features-section{padding:1.5rem 0}.features-container h2{font-size:2rem;margin-bottom:.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}.testimonials-section{padding:5rem 0;background:#fff;color:#1e293b}.testimonials-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.testimonials-container h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1e293b}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.testimonial-content p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;font-style:italic;color:#64748b}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.author-info h4{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.author-info p{margin:0;font-size:.9rem;color:#64748b}@media (max-width: 768px){.testimonials-container h2{font-size:2rem;margin-bottom:2rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.5rem}}.impact{padding:5rem 0;background:#fff}.impact-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.impact-text h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.impact-text p{font-size:1.2rem;color:#64748b;line-height:1.6;margin-bottom:2rem}.impact-stats{display:flex;gap:2rem;margin:2rem 0;flex-wrap:wrap}.impact-stat{text-align:center;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(37,99,235,.1);min-width:120px;transition:transform .3s ease}.impact-stat:hover{transform:translateY(-3px)}.impact-number{display:block;font-size:2rem;font-weight:700;color:#2563eb;margin-bottom:.5rem}.impact-label{display:block;font-size:.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.impact-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}@media (max-width: 768px){.impact-content{grid-template-columns:1fr;gap:2rem;text-align:center}.impact-text h2{font-size:2rem}.impact-stats{justify-content:center;gap:1rem}.impact-stat{min-width:100px;padding:1rem}.impact-actions{justify-content:center}}.features-subtitle{font-size:1.125rem;color:var(--spaco-primary);text-align:center;margin-bottom:1rem;font-weight:500;font-style:italic}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;border-left:4px solid #2563eb;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;line-height:1.4}.feature-card p{color:#64748b;line-height:1.6;font-size:1rem;margin:0}.testimonials-subtitle{font-size:1.125rem;color:#718096;text-align:center;margin-bottom:3rem;font-weight:500}.tier-badge{font-size:2rem;margin-bottom:1rem;display:block}.silver-tier{border-left:4px solid #c0c0c0}.gold-tier{border-left:4px solid #ffd700}.diamond-tier{border-left:4px solid #b9f2ff}.testimonial-card h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.testimonial-card p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.author-info p{color:var(--spaco-primary);font-weight:500;font-size:.875rem}.about-container{min-height:100vh;background:#fff}.about-hero{background:#fff;color:#1e293b;padding:4rem 2rem;text-align:center;border-bottom:1px solid #e2e8f0}.about-hero-content{max-width:800px;margin:0 auto;background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}.about-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.about-hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;color:#64748b}.about-hero-description{font-size:1.125rem;line-height:1.6;color:#64748b;max-width:600px;margin:0 auto}.about-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.about-content h2{font-size:2.5rem;font-weight:700;color:#2d3748;text-align:center;margin-bottom:3rem}.about-text{font-size:1.125rem;line-height:1.7;color:#4a5568;max-width:800px;margin:0 auto}.about-text p{margin-bottom:1.5rem}.vision-mission{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:2rem auto}.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.vision-card,.mission-card{text-align:center;padding:2rem;border-radius:12px;background:linear-gradient(135deg,#f7fafc,#edf2f7);transition:transform .3s ease,box-shadow .3s ease}.vision-card:hover,.mission-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.card-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.vision-card h3,.mission-card h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.vision-card p,.mission-card p{color:#4a5568;line-height:1.6}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.objective-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.objective-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.objective-number{font-size:2rem;font-weight:700;color:var(--spaco-primary);background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:60px;text-align:center}.objective-content h4{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.objective-content p{color:#4a5568;line-height:1.6}.core-components{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;margin:2rem auto}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.component-card{background:#fff;padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.component-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.component-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.component-card h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.component-card p{color:#4a5568;line-height:1.6}.id-system{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:2rem auto}.id-system-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:2rem}.id-example{display:flex;justify-content:center}.id-card{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 25px #667eea4d;text-align:center;min-width:300px}.id-header{font-size:1.125rem;font-weight:600;margin-bottom:1rem;opacity:.9}.id-code{font-size:2rem;font-weight:700;font-family:Courier New,monospace;margin-bottom:2rem;letter-spacing:2px}.id-breakdown{text-align:left}.id-part{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.id-part:last-child{border-bottom:none}.id-label{font-weight:600;opacity:.9}.id-value{font-family:Courier New,monospace;font-size:.875rem}.id-description h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.id-description p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.id-benefits{list-style:none;padding:0}.id-benefits li{padding:.5rem 0;color:#4a5568;font-weight:500}.member-tiers{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;margin:2rem auto}.tiers-description{text-align:center;font-size:1.125rem;color:#4a5568;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tier-card{background:#fff;padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,silver,gold,#b9f2ff)}.tier-card.silver:before{background:silver}.tier-card.gold:before{background:gold}.tier-card.diamond:before{background:#b9f2ff}.tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.tier-badge{font-size:3rem;margin-bottom:1rem;display:block}.tier-card h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.tier-requirement{color:var(--spaco-primary);font-weight:500;margin-bottom:1.5rem;font-size:.875rem}.tier-benefits{list-style:none;padding:0;text-align:left}.tier-benefits li{color:#4a5568;position:relative;padding:.5rem 0 .5rem 1.5rem}.tier-benefits li:before{content:"✓";position:absolute;left:0;color:#48bb78;font-weight:700}.roadmap{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:2rem auto}.roadmap-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}.phase-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:2.5rem;border-radius:16px;border-left:4px solid var(--spaco-primary)}.phase-number{font-size:1.125rem;font-weight:600;color:var(--spaco-primary);margin-bottom:1rem}.phase-card h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.phase-card p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.phase-objectives h4{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.phase-objectives ul{list-style:none;padding:0}.phase-objectives li{color:#4a5568;position:relative;padding:.25rem 0 .25rem 1.5rem}.phase-objectives li:before{content:"•";position:absolute;left:0;color:var(--spaco-primary);font-weight:700}.phase-timeline{position:relative}.phase-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%)}.timeline-item{display:flex;align-items:flex-start;margin-bottom:2rem;position:relative}.timeline-dot{width:40px;height:40px;background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);border-radius:50%;margin-right:1.5rem;flex-shrink:0;position:relative;z-index:1;box-shadow:0 4px 8px #667eea4d}.timeline-content h4{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.timeline-content p{color:#4a5568;line-height:1.5}.about-cta{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;padding:4rem 2rem;text-align:center;margin-top:2rem}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:#fff;color:var(--spaco-primary)}.btn-primary:hover{background:#f7fafc;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.btn-outline{background:transparent;color:#fff;border-color:#fff}.btn-outline:hover{background:#fff;color:var(--spaco-primary);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}@media (max-width: 768px){.about-hero{padding:2rem 1rem}.about-hero-content{padding:1.5rem}.about-hero h1{font-size:2.5rem}.about-hero-subtitle{font-size:1.25rem}.about-hero-description{font-size:1rem}.vision-mission-grid{grid-template-columns:1fr;gap:2rem}.objectives-grid{grid-template-columns:1fr}.objective-item{flex-direction:column;text-align:center}.objective-number{min-width:auto}.id-system-content,.roadmap-content{grid-template-columns:1fr;gap:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width: 480px){.about-section{padding:2rem 1rem}.about-hero{padding:4rem 1rem 3rem}.about-hero h1,.about-content h2{font-size:2rem}.component-card,.tier-card,.phase-card{padding:1.5rem}.id-card{min-width:250px;padding:1.5rem}.id-code{font-size:1.5rem}}.school-profile-container{max-width:1400px;margin:0 auto;background:var(--bg-color)}.school-hero{width:100%;position:relative}.school-hero-image{width:100%;height:60vh;min-height:400px;background-size:cover;background-position:center;position:relative}.school-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00000080,#000c)}.school-hero-content{position:absolute;bottom:0;left:0;right:0;padding:3rem;color:#fff}.school-hero-content h1{font-size:3rem;margin:0 0 1rem;line-height:1.2}.school-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;font-size:1.125rem;flex-wrap:wrap}.school-stats{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;padding:1rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.school-actions{display:flex;gap:1rem;flex-wrap:wrap}.school-tabs{background:var(--bg-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.tabs-container{max-width:1400px;margin:0 auto;display:flex;gap:0;overflow-x:auto}.school-content{padding:2rem;min-height:400px}.about-content h2{color:var(--heading-color);font-size:2rem;margin-bottom:1rem}.school-description{color:var(--text-color);font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.about-card p{color:var(--text-color);line-height:1.6}.achievements-section h3{color:var(--heading-color);font-size:1.5rem;margin-bottom:1rem}.achievements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.achievement-item{display:flex;align-items:center;gap:1rem;background:var(--hover-bg);padding:1rem 1.5rem;border-radius:8px}.achievement-icon{font-size:1.5rem;flex-shrink:0}.alumni-section{display:flex;flex-direction:column;gap:2rem}.alumni-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alumni-header h2{color:var(--heading-color);font-size:2rem;margin:0}.alumni-grid{display:flex;flex-direction:column;gap:1.5rem}.alumni-card{display:flex;gap:1.5rem;background:var(--hover-bg);padding:1.5rem;border-radius:8px;transition:transform .3s ease}.alumni-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.alumni-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.alumni-photo img{width:100%;height:100%;object-fit:cover}.alumni-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.alumni-info h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 .5rem}.alumni-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted)}.alumni-position{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.alumni-achievements{color:var(--text-color);font-size:.875rem;margin-bottom:1rem;line-height:1.4}.alumni-actions{display:flex;gap:.5rem}.events-section{display:flex;flex-direction:column;gap:2rem}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.events-header h2{color:var(--heading-color);font-size:2rem;margin:0}.events-list{display:flex;flex-direction:column;gap:1.5rem}.event-card{display:flex;gap:1.5rem;background:var(--hover-bg);border-radius:8px;overflow:hidden;transition:transform .3s ease}.event-image{width:300px;height:200px;flex-shrink:0}.event-image img{width:100%;height:100%;object-fit:cover}.event-details{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.event-date{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.event-location{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.event-description{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.news-section{display:flex;flex-direction:column;gap:2rem}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.news-header h2{color:var(--heading-color);font-size:2rem;margin:0}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.news-card{background:var(--hover-bg);border-radius:8px;overflow:hidden;transition:transform .3s ease}.news-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.news-image{height:200px}.news-image img{width:100%;height:100%;object-fit:cover}.news-content{padding:1.5rem}.news-content h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 .5rem}.news-summary{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:1rem;background:var(--hover-bg);padding:1rem 1.5rem;border-radius:8px}.contact-value{display:block;color:var(--text-color);font-size:1rem}.contact-value a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.contact-value a:hover{color:var(--primary-dark);text-decoration:underline}.social-link{display:flex;align-items:center;gap:1rem;background:var(--hover-bg);padding:1rem 1.5rem;border-radius:8px;color:var(--text-color);text-decoration:none;transition:all .3s ease}.expand-btn{align-self:center;margin-top:1rem}@media (max-width: 992px){.school-hero-content{padding:2rem}.school-hero-content h1{font-size:2.5rem}.school-stats{gap:1rem}.event-card{flex-direction:column}.event-image{width:100%;height:200px}}@media (max-width: 768px){.school-hero-content{padding:1.5rem}.school-hero-content h1{font-size:2rem}.school-meta{flex-direction:column;gap:.5rem}.school-actions{flex-direction:column}.school-content{padding:1rem}.alumni-card{flex-direction:column;align-items:center;text-align:center}.alumni-actions{justify-content:center}.about-grid,.news-grid{grid-template-columns:1fr}.alumni-header,.events-header,.news-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 480px){.school-hero-content{padding:1rem}.school-hero-content h1{font-size:1.75rem}.school-stats{flex-direction:column;align-items:stretch}.stat-item{align-items:flex-start}.tabs-container{gap:.5rem}.tab{padding:1rem;font-size:.875rem}}.image-upload-container{width:100%;max-width:400px;margin:0 auto}.image-upload-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.image-upload-dropzone:hover{border-color:#2563eb;background:#eff6ff}.image-upload-dropzone.drag-active{border-color:#2563eb;background:#dbeafe;transform:scale(1.02)}.preview-container{position:relative;width:100%;max-width:300px;margin:0 auto}.preview-image{width:100%;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px #0000001a}.remove-preview{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003}.upload-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cancel-button{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#e2e8f0;border-color:#cbd5e1}.upload-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;margin-top:1rem;border:1px solid #fecaca;text-align:center;font-size:.875rem}.current-image{margin-top:1rem;text-align:center;padding:1rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease}.current-image:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.current-image-preview{width:100%;max-width:250px;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.current-image:hover .current-image-preview{transform:scale(1.02)}.current-image-label{margin:.75rem 0 0;font-size:.875rem;font-weight:600;color:#374151}.current-image:hover .current-image-label{color:#3b82f6}@media (max-width: 768px){.image-upload-container{max-width:100%}.image-upload-dropzone{padding:1.5rem;min-height:150px}.upload-icon{font-size:2rem}.upload-placeholder p{font-size:.875rem}.upload-hint{font-size:.75rem!important}.preview-image{height:150px}.upload-actions{flex-direction:column;gap:.5rem}.upload-button,.cancel-button{width:100%;padding:.875rem}}@media (max-width: 480px){.image-upload-dropzone{padding:1rem;min-height:120px}.upload-icon{font-size:1.5rem}.preview-image{height:120px}}.alumni-profile-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--bg-color)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container h2{color:var(--error-color);margin-bottom:1rem}.error-container p{color:var(--text-color);margin-bottom:2rem}.profile-header{display:flex;gap:2rem;padding:2rem;background:var(--hover-bg);border-radius:8px;margin-bottom:2rem;align-items:flex-start}.profile-image-container{position:relative;flex-shrink:0}.profile-image{width:180px;height:180px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color)}.profile-image img{width:100%;height:100%;object-fit:cover}.alumni-badge{position:absolute;bottom:0;right:0;background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0003}.profile-info{flex:1;display:flex;flex-direction:column;gap:1.5rem}.profile-name-section{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.profile-name-section h1{color:var(--heading-color);font-size:2.5rem;margin:0;line-height:1.2}.alumni-id{background:var(--primary-light);padding:.5rem 1rem;border-radius:4px;font-size:.875rem;color:var(--primary-dark);font-weight:600}.profile-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;gap:1rem;flex-wrap:wrap}.detail-label{color:var(--text-muted);font-weight:600;min-width:120px}.detail-value{color:var(--text-color)}.profile-actions{display:flex;gap:1rem;flex-wrap:wrap}.message-form-container{margin-bottom:2rem;padding:1.5rem;background:var(--hover-bg);border-radius:8px;border-left:4px solid var(--primary-color)}.message-form{display:flex;flex-direction:column;gap:1rem}.message-form textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--input-bg);color:var(--text-color);resize:vertical;min-height:100px}.message-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4299e133}.message-actions{display:flex;justify-content:flex-end}.profile-tabs{background:var(--bg-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.tabs-container{max-width:1200px;margin:0 auto;display:flex;gap:0;overflow-x:auto}.tab{padding:1.25rem 2rem;background:none;border:none;color:var(--text-color);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{background:var(--hover-bg);color:var(--primary-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--primary-light)}.profile-content{min-height:400px}.about-section{display:flex;flex-direction:column;gap:2rem}.about-section h2{color:var(--heading-color);font-size:2rem;margin:0}.bio{color:var(--text-color);font-size:1.125rem;line-height:1.8}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-card{background:var(--hover-bg);padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-color)}.about-card h3{color:var(--heading-color);font-size:1.25rem;margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--primary-light);color:var(--primary-dark);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.interests-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.interest-item{display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.interest-icon{color:var(--primary-color);font-size:1.25rem;line-height:1}.education-section{display:flex;flex-direction:column;gap:1.5rem}.education-section h2{color:var(--heading-color);font-size:2rem;margin:0}.education-list{display:flex;flex-direction:column;gap:1.5rem}.education-item{background:var(--hover-bg);border-radius:8px;position:relative;padding:1.5rem 1.5rem 1.5rem 3rem}.education-item:not(:last-child):before{content:"";position:absolute;left:1rem;top:100%;width:2px;height:calc(100% + 1.5rem);background:var(--border-color);z-index:-1}.education-item:after{content:"";position:absolute;left:.68rem;top:2rem;width:1rem;height:1rem;border-radius:50%;background:var(--primary-color);border:3px solid var(--hover-bg)}.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.education-info h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 .25rem}.education-institution{color:var(--primary-color);font-weight:600}.education-year{color:var(--text-muted);font-size:.875rem;background:var(--input-bg);padding:.25rem .75rem;border-radius:4px}.education-description{color:var(--text-color);line-height:1.6;margin:0}.experience-section{display:flex;flex-direction:column;gap:1.5rem}.experience-section h2{color:var(--heading-color);font-size:2rem;margin:0}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-item{background:var(--hover-bg);border-radius:8px;position:relative;padding:1.5rem 1.5rem 1.5rem 3rem}.experience-item:not(:last-child):before{content:"";position:absolute;left:1rem;top:100%;width:2px;height:calc(100% + 1.5rem);background:var(--border-color);z-index:-1}.experience-item:after{content:"";position:absolute;left:.68rem;top:2rem;width:1rem;height:1rem;border-radius:50%;background:var(--primary-color);border:3px solid var(--hover-bg)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.experience-info h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 .25rem}.experience-company{color:var(--primary-color);font-weight:600}.experience-year{color:var(--text-muted);font-size:.875rem;background:var(--input-bg);padding:.25rem .75rem;border-radius:4px}.experience-description{color:var(--text-color);line-height:1.6;margin:0}.achievements-section{display:flex;flex-direction:column;gap:1.5rem}.achievements-section h2{color:var(--heading-color);font-size:2rem;margin:0}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{display:flex;align-items:flex-start;gap:1rem;background:var(--hover-bg);padding:1.5rem;border-radius:8px}.achievement-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.achievement-content p{color:var(--text-color);margin:0;line-height:1.6}.involvement-section{display:flex;flex-direction:column;gap:2rem}.volunteering-section,.alumni-groups-section{display:flex;flex-direction:column;gap:1.5rem}.volunteering-section h2,.alumni-groups-section h2{color:var(--heading-color);font-size:1.75rem;margin:0}.volunteering-list{display:flex;flex-direction:column;gap:1.5rem}.volunteering-item{background:var(--hover-bg);border-radius:8px;position:relative;padding:1.5rem 1.5rem 1.5rem 3rem}.volunteering-item:not(:last-child):before{content:"";position:absolute;left:1rem;top:100%;width:2px;height:calc(100% + 1.5rem);background:var(--border-color);z-index:-1}.volunteering-item:after{content:"";position:absolute;left:.68rem;top:2rem;width:1rem;height:1rem;border-radius:50%;background:var(--primary-color);border:3px solid var(--hover-bg)}.volunteering-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.volunteering-info h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 .25rem}.volunteering-organization{color:var(--primary-color);font-weight:600}.volunteering-year{color:var(--text-muted);font-size:.875rem;background:var(--input-bg);padding:.25rem .75rem;border-radius:4px}.volunteering-description{color:var(--text-color);line-height:1.6;margin:0}.alumni-groups-list{display:flex;flex-direction:column;gap:1rem}.group-item{display:flex;align-items:center;gap:1rem;background:var(--hover-bg);padding:1.5rem;border-radius:8px;justify-content:space-between}.group-icon{font-size:1.5rem;flex-shrink:0}.group-name{color:var(--text-color);font-weight:600;flex:1}.contact-section{display:flex;flex-direction:column;gap:2rem}.contact-section h2{color:var(--heading-color);font-size:2rem;margin:0}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;background:var(--hover-bg);padding:1.5rem;border-radius:8px}.contact-icon{font-size:1.5rem;flex-shrink:0}.contact-details{flex:1}.contact-label{display:block;color:var(--text-muted);font-size:.875rem;margin-bottom:.25rem}.contact-value{display:block;color:var(--primary-color);font-size:1rem;text-decoration:none;transition:color .3s ease}.contact-value:hover{color:var(--primary-dark);text-decoration:underline}.social-media h3{color:var(--heading-color);font-size:1.25rem;margin-bottom:1rem}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{display:flex;align-items:center;gap:1rem;background:var(--hover-bg);padding:1.5rem;border-radius:8px;color:var(--text-color);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--primary-light);color:var(--primary-color)}.social-icon{font-size:1.25rem;flex-shrink:0}.btn-primary.connected{background-color:var(--success-color)}.btn-primary.connected:hover{background-color:var(--success-dark)}.btn-small{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 992px){.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-name-section,.profile-actions{justify-content:center}.about-grid{grid-template-columns:1fr}}@media (max-width: 768px){.alumni-profile-container{padding:1rem}.profile-header{padding:1.5rem}.profile-image{width:150px;height:150px}.profile-name-section h1{font-size:2rem}.detail-item{flex-direction:column;gap:.25rem;align-items:flex-start}.education-item,.experience-item,.volunteering-item{padding-left:2.5rem}.education-item:after,.experience-item:after,.volunteering-item:after{left:.5rem}.tabs-container{gap:.5rem}.tab{padding:1rem;font-size:.875rem}}@media (max-width: 480px){.profile-header{padding:1rem}.profile-image{width:120px;height:120px}.alumni-badge{font-size:.75rem;padding:.25rem .75rem}.profile-name-section h1{font-size:1.75rem}.alumni-id{font-size:.75rem}.contact-item,.social-link,.group-item{flex-direction:column;text-align:center;gap:.5rem}}.image-upload-section{position:relative;margin-top:1rem}.upload-image-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2563eb33}.upload-image-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.upload-image-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.image-upload-modal{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1000;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;padding:1.5rem;margin-top:.5rem;min-width:300px;max-width:400px;border:1px solid #e2e8f0}.image-upload-modal:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}@media (max-width: 768px){.image-upload-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:350px;margin:0}.image-upload-modal:before{display:none}.upload-image-button{font-size:.75rem;padding:.375rem .75rem}}.school-registration{background:#fff;border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.school-registration-header{text-align:center;margin-bottom:1.5rem}.school-registration-header h3{margin:0 0 .5rem;color:#2d3748;font-size:1.5rem;font-weight:600}.school-registration-header p{margin:0;color:#718096;font-size:.875rem}.school-registration-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:.875rem;min-width:120px}.btn-primary{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.school-registration-success{text-align:center;padding:2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-radius:8px;box-shadow:0 4px 12px #48bb784d}.success-icon{font-size:3rem;margin-bottom:1rem}.school-registration-success h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.school-registration-success p{margin:.5rem 0;opacity:.9}.success-actions{margin-top:1.5rem}.success-actions .btn-primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.success-actions .btn-primary:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:.75rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.school-registration{padding:1rem}.school-registration-header h3{font-size:1.25rem}.success-icon{font-size:2.5rem}.school-registration-success h3{font-size:1.25rem}}@media (prefers-color-scheme: dark){.school-registration{background:#2d3748;border-color:#4a5568}.school-registration-header h3{color:#f7fafc}.school-registration-header p{color:#a0aec0}.form-group label{color:#e2e8f0}.form-group input,.form-group select,.form-group textarea{background-color:#1a202c;border-color:#4a5568;color:#f7fafc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--spaco-primary);background-color:#1a202c}.form-actions{border-color:#4a5568}.btn-secondary{background:#4a5568;color:#e2e8f0;border-color:#718096}.btn-secondary:hover:not(:disabled){background:#718096;border-color:#a0aec0}}.school-selector{background:#fff;border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.school-selector-header{margin-bottom:1.5rem;text-align:center}.school-selector-header h3{margin:0 0 .5rem;color:#2d3748;font-size:1.5rem;font-weight:600}.school-selector-header p{margin:0;color:#718096;font-size:.875rem}.selected-school{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);border-radius:8px;color:#fff}.selected-school-info h4{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.selected-school-info p{margin:.25rem 0;font-size:.875rem;opacity:.9}.school-code{font-family:Courier New,monospace;font-weight:500;background:#fff3;padding:.25rem .5rem;border-radius:4px;display:inline-block}.search-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.875rem}.filter-group select,.filter-group input{padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:all .3s ease;background:#fff}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--spaco-primary);box-shadow:0 0 0 3px #1e40af1a}.filter-group select:disabled,.filter-group input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.schools-list{min-height:200px}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#718096}.spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid var(--spaco-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.no-schools-message,.select-state-message{text-align:center;padding:2rem;color:#718096}.no-schools-message p,.select-state-message p{margin:.5rem 0}.btn-register-school{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem;font-size:.875rem}.btn-register-school:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-register-school:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.search-actions{text-align:center;margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.btn-register-school-inline{background:transparent;color:var(--spaco-primary);border:1px solid var(--spaco-primary);padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem}.btn-register-school-inline:hover:not(:disabled){background:var(--spaco-primary);color:#fff;transform:translateY(-1px)}.btn-register-school-inline:disabled{opacity:.6;cursor:not-allowed;transform:none}.schools-list{border:1px solid #e2e8f0;border-radius:8px;background:#fff}.schools-list-header{display:flex;align-items:center;padding:1rem;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;color:#4a5568;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.header-name{flex:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.header-name:hover{color:var(--spaco-primary)}.header-state{width:120px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.header-state:hover{color:var(--spaco-primary)}.header-location{width:150px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.header-location:hover{color:var(--spaco-primary)}.header-level{width:120px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.header-level:hover{color:var(--spaco-primary)}.header-action{width:100px;text-align:center}.school-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .3s ease;position:relative}.school-list-item:last-child{border-bottom:none}.school-list-item:hover{background:#f8fafc}.school-list-content{flex:1;min-width:0}.school-list-main{display:flex;align-items:center;flex:1;min-width:0}.school-name{margin:0;color:#2d3748;font-size:1rem;font-weight:600;line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-state{color:#718096;font-size:.875rem;font-weight:500;white-space:nowrap;width:120px;flex-shrink:0}.school-location{color:#718096;font-size:.875rem;font-weight:500;white-space:nowrap;width:150px;flex-shrink:0}.school-level{color:#718096;font-size:.875rem;font-weight:500;white-space:nowrap;width:120px;flex-shrink:0;text-align:center}.school-list-action{flex-shrink:0;margin-left:1rem}.btn-select-school{background:var(--spaco-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.btn-select-school:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.btn-select-school:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.btn-select-school:after{content:"→";font-size:.75rem;transition:transform .3s ease}.btn-select-school:hover:not(:disabled):after{transform:translate(2px)}.error-message{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;border:1px solid #feb2b2}.btn-secondary{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--spaco-dark) 0%,var(--spaco-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1e40af4d}.btn-secondary:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.search-filters{grid-template-columns:1fr 1fr;gap:.75rem}}@media (max-width: 768px){.search-filters{grid-template-columns:1fr;gap:.75rem}.school-list-item{flex-direction:column;align-items:flex-start;gap:.75rem}.school-list-action{margin-left:0;align-self:flex-end}.schools-list-header{display:none}.school-list-main{flex-direction:column;align-items:flex-start;gap:.5rem}.school-name{font-size:.875rem}.school-state,.school-location{font-size:.75rem}.selected-school{flex-direction:column;align-items:flex-start;gap:1rem}.selected-school button{align-self:stretch}}@media (max-width: 480px){.school-selector{padding:1rem}.school-list-item{padding:.75rem}.school-name{font-size:.875rem}.school-location{font-size:.75rem}}.phone-input-container{position:relative;width:100%}.phone-input-wrapper{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;transition:border-color .3s ease}.phone-input-wrapper:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.country-selector{position:relative;flex-shrink:0}.country-button{display:flex;align-items:center;gap:6px;padding:12px 10px;background:#f8f9fa;border:none;border-right:1px solid #ddd;cursor:pointer;font-size:14px;min-width:100px;transition:background-color .2s ease}.country-button:hover:not(:disabled){background:#e9ecef}.country-button:disabled{opacity:.6;cursor:not-allowed}.country-flag{font-size:16px}.country-code{font-weight:500;color:#495057}.dropdown-arrow{font-size:10px;color:#6c757d;transition:transform .2s ease}.country-button:focus .dropdown-arrow{transform:rotate(180deg)}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow:hidden}.country-search{padding:10px;border-bottom:1px solid #eee}.country-search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.country-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.country-list{max-height:300px;overflow-y:auto}.country-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.country-option:hover{background:#f8f9fa}.country-option.selected{background:#e3f2fd;color:#1976d2}.country-name{flex:1;font-weight:500}.country-dial-code{color:#6c757d;font-size:12px}.phone-number-input{flex:1;padding:12px 16px;border:none;outline:none;font-size:16px;background:transparent}.phone-number-input:disabled{background:#f8f9fa;color:#6c757d}.phone-number-input::placeholder{color:#6c757d;font-size:14px}.error-message{display:block;color:#dc3545;font-size:12px;margin-top:4px;padding-left:4px}@media (max-width: 768px){.phone-input-container{width:100%}.phone-input-wrapper{flex-direction:row;gap:0;border-radius:8px}.country-selector{flex-shrink:0;width:auto}.country-button{min-width:80px;padding:10px 8px;font-size:.85rem;border-radius:8px 0 0 8px;border-right:1px solid #ddd}.country-code{font-size:.85rem}.phone-number-input{flex:1;padding:10px 12px;font-size:.95rem;border-radius:0 8px 8px 0;border-left:none}.country-dropdown{width:280px!important;max-width:90vw!important;left:0!important;font-size:.9rem}.country-dropdown input{padding:8px 10px;font-size:.9rem}.country-dropdown button{padding:8px 10px;font-size:.85rem}}@media (max-width: 480px){.country-button{min-width:70px;padding:8px 6px;font-size:.8rem}.country-code{font-size:.8rem}.phone-number-input{padding:8px 10px;font-size:.9rem}.country-dropdown{width:260px!important;max-width:85vw!important;font-size:.85rem}.country-dropdown input{padding:6px 8px;font-size:.85rem}.country-dropdown button{padding:6px 8px;font-size:.8rem}}@media (max-width: 360px){.country-button{min-width:60px;padding:6px 4px;font-size:.75rem}.country-code{font-size:.75rem}.phone-number-input{padding:6px 8px;font-size:.85rem}.country-dropdown{width:240px!important;max-width:80vw!important;font-size:.8rem}.country-dropdown input{padding:5px 6px;font-size:.8rem}.country-dropdown button{padding:5px 6px;font-size:.75rem}}@media (prefers-color-scheme: dark) and (min-width: 769px){.phone-input-wrapper{background:#2d3748;border-color:#4a5568}.country-button{background:#4a5568;border-color:#718096;color:#e2e8f0}.country-button:hover:not(:disabled){background:#718096}.country-dropdown{background:#2d3748;border-color:#4a5568}.country-search-input{background:#4a5568;border-color:#718096;color:#e2e8f0}.country-option:hover{background:#4a5568}.country-option.selected{background:#2b6cb0;color:#e2e8f0}.phone-number-input{color:#e2e8f0}.phone-number-input::placeholder{color:#a0aec0}}.register-container{max-width:800px;margin:0 auto;padding:2rem;background:#fff;min-height:calc(100vh - 200px)}.register-header{text-align:center;margin-bottom:2rem}.register-header h1{margin:0 0 .5rem;color:#2d3748;font-size:2rem;font-weight:700}.register-header p{margin:0;color:#718096;font-size:1rem}.form-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.form-section h3{margin:0 0 1.5rem;color:#2d3748;font-size:1.25rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:all .3s ease;background:#fff;font-family:inherit}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:80px}.error-message{color:#e53e3e;font-size:.75rem;margin-top:.25rem;display:block}.submit-error{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:6px;margin:1rem 0;font-size:.875rem;border:1px solid #feb2b2}.form-note{margin:1.5rem 0;padding:1rem;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;color:#2c5282}.form-note p{margin:.25rem 0;font-size:.875rem}.submit-btn{width:100%;background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.success-message{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-radius:12px;box-shadow:0 10px 25px #48bb784d}.success-icon{font-size:4rem;margin-bottom:1rem}.success-message h2{margin:0 0 1rem;font-size:2rem;font-weight:700}.success-message p{margin:.5rem 0;font-size:1rem;opacity:.9}.success-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-primary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffffb3;transform:translateY(-1px)}@media (max-width: 768px){.register-container{padding:1.5rem;margin:0;max-width:100%;width:100vw}.form-row{grid-template-columns:1fr;gap:.75rem}.form-section{padding:1rem}.success-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:200px}}@media (max-width: 480px){.register-container{padding:1rem;margin:0;max-width:100%;width:100vw}.register-header h1{font-size:1.5rem}.form-section h3{font-size:1.125rem}.success-message{padding:2rem 1rem}.success-message h2{font-size:1.5rem}.success-icon{font-size:3rem}}@media (prefers-color-scheme: dark){.register-container{background:#1a202c;color:#f7fafc}.form-section{background:#2d3748;border-color:#4a5568}.form-section h3{color:#f7fafc;border-color:#4a5568}.form-group label{color:#e2e8f0}.form-group input,.form-group select,.form-group textarea{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--spaco-primary);background-color:#2d3748}.form-note{background:#2b6cb0;border-color:#3182ce;color:#ebf8ff}}.login-container{max-width:800px;margin:0 auto;padding:2rem;background:#fff;min-height:calc(100vh - 200px)}.login-form-container{width:100%;max-width:420px;margin:0 auto;padding:2.5rem;border-radius:16px;background:#fff;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{margin:0 0 .5rem;color:#2d3748;font-size:1.875rem;font-weight:700}.login-header p{margin:0;color:#718096;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-color)}.form-input{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background-color:#fff;color:#2d3748;transition:all .3s ease;width:100%}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--spaco-light);transform:translateY(-1px)}.form-input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.password-input-container{position:relative;display:flex;align-items:center}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;color:#718096;font-size:1.2rem;transition:color .3s ease;z-index:2}.password-toggle:hover{color:var(--primary-color)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:#4a5568;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{margin-right:.5rem;width:1rem;height:1rem;accent-color:var(--primary-color)}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.btn-primary{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--spaco-dark) 0%,var(--spaco-primary) 100%)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.error-message{padding:.875rem 1rem;margin-bottom:1.5rem;border-radius:8px;background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#dc2626;border:1px solid rgba(239,68,68,.3);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"⚠️";font-size:1rem}.login-footer{margin-top:2rem;text-align:center;color:#718096;font-size:.875rem}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .3s ease}.login-footer a:hover{color:var(--primary-hover);text-decoration:underline;transform:translateY(-1px)}@media (max-width: 768px){.login-container{padding:1.5rem;margin:0;max-width:100%;width:100vw}.login-form-container{padding:1.5rem;max-width:100%}.login-header h2{font-size:1.5rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}.forgot-password{align-self:flex-end}}@media (max-width: 480px){.login-container{padding:1rem;margin:0;max-width:100%;width:100vw}.login-form-container{padding:1rem;border-radius:12px}.login-header h2{font-size:1.375rem}.form-input{padding:.75rem}.btn-primary{padding:.75rem 1.25rem}}@media (prefers-color-scheme: dark){.login-form-container{background:#1a202cf2;border:1px solid rgba(255,255,255,.1)}.login-header h2{color:#f7fafc}.login-header p{color:#a0aec0}.form-group label{color:#e2e8f0}.form-input{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}.form-input:focus{border-color:var(--spaco-primary);background-color:#2d3748}.checkbox-container,.login-footer{color:#a0aec0}}.dashboard-container{max-width:1400px;margin:0 auto;padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.dashboard-header h1{color:var(--heading-color);font-size:2.5rem}.alumni-id{background:var(--primary-light);padding:.5rem 1rem;border-radius:4px;font-size:.875rem;color:var(--primary-dark)}.dashboard-content{display:grid;grid-template-columns:250px 1fr 300px;gap:2rem;align-items:start}.sidebar{background:var(--bg-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1rem 0;height:fit-content;position:sticky;top:1rem}.nav-links{list-style:none;padding:0;margin:0}.nav-links li{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;color:var(--text-color);border-left:3px solid transparent}.nav-links li:hover{background:var(--hover-bg)}.nav-links li.active{background:var(--primary-light);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.icon{font-size:1.25rem}.main-content{background:var(--bg-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #cbd5e0}.metric-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card .metric-icon{font-size:2rem;opacity:.8;flex-shrink:0}.metric-card .metric-content{flex:1}.metric-card .metric-value{font-size:1.75rem;font-weight:700;color:var(--heading-color);margin-bottom:.25rem;line-height:1}.metric-card .metric-label{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{color:var(--heading-color);font-size:1.75rem;margin:0}.profile-display,.profile-info{display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--hover-bg);border-radius:8px}.profile-picture{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-picture img{width:100%;height:100%;object-fit:cover}.default-profile-pic{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-size:2.5rem;font-weight:600}.profile-basic-info h3{color:var(--heading-color);font-size:1.75rem;margin:0 0 .5rem}.current-position{color:var(--text-muted);font-size:1.125rem;margin:0}.profile-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;gap:2rem;flex-wrap:wrap}.detail-group{flex:1;min-width:200px}.detail-group.full-width{min-width:100%}.detail-group strong{display:block;color:var(--heading-color);margin-bottom:.25rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.detail-group span{color:var(--text-color);font-size:1rem}.detail-group p{color:var(--text-color);margin:0;line-height:1.6}.profile-edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;gap:1.5rem;flex-wrap:wrap}.form-group{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{min-width:100%}.form-group label{font-weight:600;color:var(--heading-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--input-bg);color:var(--text-color);transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4299e133}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-bg);color:var(--heading-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--hover-bg)}.btn-small,.edit-btn{padding:.5rem 1rem;font-size:.875rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{display:flex;gap:1rem;padding:1rem;background:var(--hover-bg);border-radius:8px;transition:transform .3s ease}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:var(--primary-color);color:#fff;border-radius:4px;flex-shrink:0}.event-day{font-size:1.5rem;font-weight:700;line-height:1}.event-month{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.event-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.event-details h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 .5rem}.event-info{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted)}.school-news{display:flex;flex-direction:column;gap:1rem}.school-news h3{color:var(--heading-color);font-size:1.5rem;margin:0}.news-list{display:flex;flex-direction:column;gap:1.5rem}.news-item{padding:1rem;background:var(--hover-bg);border-radius:8px}.news-item h4{color:var(--heading-color);font-size:1.25rem;margin:0 0 .25rem}.news-date{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.news-item p{color:var(--text-color);margin:0 0 .5rem;line-height:1.6}.read-more{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.read-more:hover{color:var(--primary-dark);text-decoration:underline}.right-sidebar{display:flex;flex-direction:column;gap:1.5rem}.activity-section{background:var(--bg-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;height:fit-content;position:sticky;top:1rem}.activity-section h3{color:var(--heading-color);font-size:1.25rem;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.activity-item{display:flex;gap:.75rem;align-items:flex-start}.activity-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.activity-description{color:var(--text-color);font-size:.875rem;margin:0 0 .25rem;line-height:1.4}.activity-time{color:var(--text-muted);font-size:.75rem;margin:0}@media (max-width: 1200px){.dashboard-content{grid-template-columns:200px 1fr 250px}}@media (max-width: 992px){.dashboard-content{grid-template-columns:1fr}.sidebar{position:relative;top:0}.nav-links{display:flex;overflow-x:auto;white-space:nowrap;gap:.5rem}.nav-links li{border-left:none;border-bottom:3px solid transparent;padding:.75rem 1rem}.nav-links li.active{border-left:none;border-bottom-color:var(--primary-color)}.right-sidebar{display:none}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-header h1{font-size:2rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.profile-header{flex-direction:column;text-align:center;padding:1rem}.profile-picture{width:100px;height:100px}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width: 480px){.dashboard-container,.main-content{padding:1rem}.detail-row{flex-direction:column;gap:1rem}.event-card{flex-direction:column;align-items:center;text-align:center}.event-info{flex-direction:column;gap:.5rem}}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-dialog{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:dialogSlideIn .2s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-dialog h3{margin:0 0 1rem;color:var(--heading-color);font-size:1.5rem;font-weight:600}.confirmation-dialog p{margin:0 0 1.5rem;color:var(--text-color);line-height:1.5}.confirmation-actions{display:flex;gap:1rem;justify-content:flex-end}.confirmation-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.confirmation-actions .btn-primary{background:var(--primary-color);color:#fff}.confirmation-actions .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.confirmation-actions .btn-secondary{background:#f8fafc;color:var(--text-color);border:1px solid var(--border-color)}.confirmation-actions .btn-secondary:hover{background:#f1f5f9;transform:translateY(-1px)}.confirmation-actions .btn-danger{background:#ef4444;color:#fff}.confirmation-actions .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.confirmation-dialog{padding:1.5rem;margin:1rem}.confirmation-actions{flex-direction:column}.confirmation-actions button{width:100%}}.multiple-image-upload-container{width:100%;max-width:600px;margin:0 auto}.multiple-upload-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.multiple-upload-dropzone:hover{border-color:#2563eb;background:#eff6ff}.multiple-upload-dropzone.drag-active{border-color:#2563eb;background:#dbeafe;transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-placeholder p{margin:0;color:#64748b;font-size:1rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;width:100%}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.preview-image{width:100%;height:100%;object-fit:cover}.remove-preview{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 4px #0003}.remove-preview:hover{background:#dc2626;transform:scale(1.1)}.upload-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.upload-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #2563eb33}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.upload-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.clear-button{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;margin-top:1rem;border:1px solid #fecaca;text-align:left;font-size:.875rem}.upload-error pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.progress-container{margin-top:1rem;display:flex;align-items:center;gap:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#1d4ed8);transition:width .3s ease;border-radius:4px}.progress-text{font-size:.875rem;font-weight:600;color:#64748b;min-width:40px}.current-images{margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.current-images h4{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.current-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.current-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.current-image:hover{transform:scale(1.05)}@media (max-width: 768px){.multiple-image-upload-container{max-width:100%}.multiple-upload-dropzone{padding:1.5rem;min-height:150px}.upload-icon{font-size:2rem}.upload-placeholder p{font-size:.875rem}.upload-hint{font-size:.75rem!important}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.upload-actions{flex-direction:column;gap:.5rem}.upload-button,.clear-button{width:100%;padding:.875rem}.current-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}@media (max-width: 480px){.multiple-upload-dropzone{padding:1rem;min-height:120px}.upload-icon{font-size:1.5rem}.preview-grid,.current-images-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.bulk-image-upload-container{width:100%;max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.bulk-upload-header{text-align:center;margin-bottom:2rem}.bulk-upload-header h3{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem;font-weight:700}.bulk-upload-header p{margin:0;color:#6b7280;font-size:1rem}.batch-info{margin-bottom:1.5rem}.batch-info label{display:block;margin-bottom:.5rem;color:#374151;font-weight:600;font-size:.875rem}.batch-name-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.batch-name-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.bulk-upload-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.bulk-upload-dropzone:hover{border-color:#2563eb;background:#eff6ff}.bulk-upload-dropzone.drag-active{border-color:#2563eb;background:#dbeafe;transform:scale(1.02)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-placeholder p{margin:0;color:#64748b;font-size:1.125rem}.upload-hint{font-size:.875rem!important;color:#94a3b8!important}.progress-container{margin:1.5rem 0;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#1d4ed8);transition:width .3s ease;border-radius:6px}.progress-text{font-size:1rem;font-weight:600;color:#64748b;min-width:50px}.upload-error{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid #fecaca;text-align:center;font-size:.875rem}.upload-results{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.results-header h4{margin:0;color:#1f2937;font-size:1.25rem;font-weight:700}.results-actions{display:flex;gap:.75rem}.download-button{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #05966933}.download-button:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 8px #0596694d}.clear-button{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-button:hover{background:#e2e8f0;border-color:#cbd5e1}.results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.summary-item{text-align:center;padding:1rem;border-radius:8px;background:#f8fafc}.summary-item.success{background:#f0fdf4;border:1px solid #bbf7d0}.summary-item.error{background:#fef2f2;border:1px solid #fecaca}.summary-item.total{background:#eff6ff;border:1px solid #bfdbfe}.summary-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.summary-item.success .summary-number{color:#059669}.summary-item.error .summary-number{color:#dc2626}.summary-item.total .summary-number{color:#2563eb}.summary-label{font-size:.875rem;color:#6b7280;font-weight:600}.results-details{display:grid;gap:1.5rem}.success-section,.error-section{background:#f8fafc;border-radius:8px;padding:1rem}.success-section h5,.error-section h5{margin:0 0 1rem;font-size:1rem;font-weight:600}.success-section h5{color:#059669}.error-section h5{color:#dc2626}.success-list,.error-list{display:grid;gap:.5rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:6px;background:#fff;border:1px solid #e2e8f0}.result-item.success{border-color:#bbf7d0;background:#f0fdf4}.result-item.error{border-color:#fecaca;background:#fef2f2}.file-name{font-size:.875rem;font-weight:500;color:#374151;flex:1;margin-right:1rem;word-break:break-all}.file-status{font-size:1rem}.error-message{font-size:.75rem;color:#dc2626;font-weight:500;text-align:right;max-width:200px}@media (max-width: 768px){.bulk-image-upload-container{padding:1rem;margin:0;border-radius:0}.bulk-upload-dropzone{padding:2rem 1rem;min-height:150px}.upload-icon{font-size:3rem}.upload-placeholder p{font-size:1rem}.upload-hint{font-size:.75rem!important}.results-header{flex-direction:column;align-items:stretch}.results-actions{justify-content:center}.results-summary{grid-template-columns:1fr;gap:.75rem}.summary-number{font-size:1.5rem}.result-item{flex-direction:column;align-items:stretch;gap:.5rem}.file-name{margin-right:0;text-align:center}.error-message{text-align:center;max-width:none}}@media (max-width: 480px){.bulk-upload-dropzone{padding:1.5rem .75rem;min-height:120px}.upload-icon{font-size:2rem}.upload-placeholder p{font-size:.875rem}.results-actions{flex-direction:column}.download-button,.clear-button{width:100%}}.admin-image-management{width:100%;max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.admin-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.admin-header h2{margin:0 0 .5rem;color:#1f2937;font-size:2rem;font-weight:700}.admin-header p{margin:0;color:#6b7280;font-size:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;white-space:nowrap}.tab-button:hover{color:#2563eb;background:#eff6ff}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.tab-icon{font-size:1rem}.tab-label{font-size:.875rem}.admin-content{min-height:400px}.single-upload-section,.multiple-upload-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.alumni-selector{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.alumni-selector h3{margin:0 0 1rem;color:#374151;font-size:1.125rem;font-weight:600}.search-container{margin-bottom:1rem}.search-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-header{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.search-input{flex:1}.search-mode-toggle{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-mode-toggle:hover{border-color:#3b82f6;color:#3b82f6}.search-mode-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.advanced-search-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-top:.5rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.filter-select,.filter-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;transition:border-color .3s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.search-actions{display:flex;gap:.75rem;justify-content:flex-end}.search-button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.search-button:hover:not(:disabled){background:#2563eb}.search-button:disabled{background:#9ca3af;cursor:not-allowed}.clear-button{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.clear-button:hover{background:#4b5563}.current-profile-section{margin-bottom:2rem;text-align:center}.current-profile-section h4{margin:0 0 1rem;color:#374151;font-size:1.125rem;font-weight:600}.current-profile-container{position:relative;display:inline-block;cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.current-profile-container:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.current-profile-image{width:200px;height:200px;object-fit:cover;display:block}.current-profile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.current-profile-container:hover .current-profile-overlay{opacity:1}.overlay-text{color:#fff;font-weight:600;font-size:1rem;text-align:center}.loading{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.alumni-list{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.alumni-item{padding:.75rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.alumni-item:hover{background:#f8fafc}.alumni-item.selected{background:#eff6ff;border-color:#2563eb}.alumni-item:last-child{border-bottom:none}.alumni-info{display:flex;flex-direction:column;gap:.25rem}.alumni-name{font-weight:600;color:#1f2937;font-size:.875rem}.alumni-details{display:flex;gap:.75rem;font-size:.75rem;color:#6b7280}.alumni-id{font-family:monospace;background:#f3f4f6;padding:.125rem .375rem;border-radius:4px}.alumni-school{font-style:italic}.upload-section{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.upload-section h3{margin:0 0 1rem;color:#374151;font-size:1.125rem;font-weight:600}.bulk-upload-section{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.bulk-upload-section h3{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.bulk-upload-section p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.upload-history-section{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.upload-history-section h3{margin:0 0 1rem;color:#374151;font-size:1.25rem;font-weight:600}.history-table{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;background:#f3f4f6;font-weight:600;font-size:.75rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.header-cell{padding:.75rem;border-right:1px solid #e2e8f0}.header-cell:last-child{border-right:none}.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{padding:.75rem;border-right:1px solid #f3f4f6;font-size:.875rem;color:#374151;word-break:break-all}.table-cell:last-child{border-right:none}.table-cell.status{text-align:center;font-weight:600}.table-cell.status.success{color:#059669}.table-cell.status.error{color:#dc2626}@media (max-width: 768px){.admin-image-management{padding:1rem;margin:0;border-radius:0}.admin-header h2{font-size:1.5rem}.admin-tabs{flex-wrap:wrap;gap:.25rem}.tab-button{padding:.5rem 1rem;font-size:.75rem}.single-upload-section,.multiple-upload-section{grid-template-columns:1fr;gap:1rem}.alumni-selector,.upload-section{padding:1rem}.alumni-list{max-height:300px}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-cell,.table-cell{padding:.5rem;border-right:none;border-bottom:1px solid #e2e8f0}.header-cell:last-child,.table-cell:last-child{border-bottom:none}.table-cell.status{text-align:left}}@media (max-width: 480px){.admin-header h2{font-size:1.25rem}.tab-button{padding:.375rem .75rem;font-size:.75rem}.tab-icon{font-size:.875rem}.tab-label{font-size:.75rem}.alumni-selector,.upload-section,.bulk-upload-section,.upload-history-section{padding:.75rem}.alumni-item{padding:.5rem}.alumni-name{font-size:.75rem}.alumni-details{font-size:.625rem}}.admin-container{max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.admin-header{margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.admin-header-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;text-align:left}.admin-logo{height:60px;width:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.admin-header-text{text-align:left}.admin-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.admin-header .sub{font-size:1.1rem;color:#718096;margin:0}.admin-error{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;border:1px solid #feb2b2}.error-content{display:flex;align-items:center;gap:1rem;justify-content:space-between}.error-icon{font-size:1.25rem;flex-shrink:0}.error-message{flex:1;font-weight:500}.error-retry{padding:.5rem 1rem;font-size:.875rem;background:#c53030;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.error-retry:hover{background:#9c2626}.admin-content{display:grid;grid-template-columns:250px 1fr;gap:2rem;align-items:start}.admin-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;padding:1rem 0;height:fit-content;position:sticky;top:1rem}.admin-nav-links{list-style:none;padding:0;margin:0}.admin-nav-links li{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;color:#4a5568;border-left:3px solid transparent}.admin-nav-links li:hover{background:#f7fafc;color:#2d3748}.admin-nav-links li.active{background:#edf2f7;color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.nav-icon{font-size:1.25rem;flex-shrink:0}.admin-main-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;padding:1.5rem;min-height:600px}.email-queue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.queue-stat{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease}.queue-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.queue-stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.queue-stat-label{font-size:.875rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.email-queue-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0;background:#fff}.email-queue-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:800px}.email-queue-table th{background:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:.75rem .5rem;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;white-space:nowrap}.email-queue-table th:last-child{border-right:none}.email-queue-table td{padding:.75rem .5rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:top}.email-queue-table td:last-child{border-right:none}.email-queue-table tr:hover{background:#f8fafc}.pending-registrations-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0;background:#fff}.pending-registrations-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1200px}.pending-registrations-table th{background:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:.75rem .5rem;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:10}.pending-registrations-table th:last-child{border-right:none}.pending-registrations-table td{padding:.75rem .5rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:top}.pending-registrations-table td:last-child{border-right:none}.pending-registrations-table tr:hover{background:#f8fafc}.pending-registrations-table .registration-row:hover{background:#f0f9ff}.pending-registrations-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .2s ease}.pending-registrations-table th.sortable:hover{background:#e2e8f0;color:#2d3748}.pending-registrations-table th.sortable.sort-asc,.pending-registrations-table th.sortable.sort-desc{background:#e6fffa;color:#2d3748}.pending-registrations-table th.sortable:after{content:"↕";position:absolute;right:.5rem;opacity:.3;font-size:.75rem}.pending-registrations-table th.sortable.sort-asc:after{content:"↑";opacity:1;color:var(--primary-color)}.pending-registrations-table th.sortable.sort-desc:after{content:"↓";opacity:1;color:var(--primary-color)}.action-buttons{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:center}.action-btn{padding:.25rem .5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.action-btn.approve{background:#48bb78;color:#fff}.action-btn.approve:hover{background:#38a169;transform:translateY(-1px);box-shadow:0 2px 4px #48bb784d}.action-btn.decline{background:#f56565;color:#fff}.action-btn.decline:hover{background:#e53e3e;transform:translateY(-1px);box-shadow:0 2px 4px #f565654d}.action-btn.delete{background:#718096;color:#fff}.action-btn.delete:hover{background:#4a5568;transform:translateY(-1px);box-shadow:0 2px 4px #7180964d}.action-btn:active{transform:translateY(0)}.col-select input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.col-select{text-align:center;vertical-align:middle}.btn-danger{background:#e53e3e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-danger:hover{background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.btn-danger:active{transform:translateY(0)}.btn-warning{background:#f6ad55;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;margin-right:.5rem}.btn-warning:hover{background:#ed8936;transform:translateY(-1px);box-shadow:0 4px 12px #f6ad554d}.btn-warning:active{transform:translateY(0)}.btn-info{background:#4299e1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;margin-right:.5rem}.btn-info:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.btn-info:active{transform:translateY(0)}.btn-success{background:#48bb78;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:#38a169;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn-success:active{transform:translateY(0)}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;padding:2rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-card.clickable{cursor:pointer;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.stat-card.clickable:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.stat-card.clickable:active{transform:translateY(-1px);box-shadow:0 4px 15px #0003}.stat-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1.25rem;color:#0000004d;transition:all .3s ease;opacity:0}.stat-card.clickable:hover .stat-arrow{opacity:1;transform:translateY(-50%) translate(3px);color:#0009}.stat-card.clickable .stat-content{padding-right:2rem}.stat-card.primary{border-left:4px solid var(--primary-color)}.stat-card.success{border-left:4px solid var(--success-color)}.stat-card.warning{border-left:4px solid var(--warning-color)}.stat-card.info{border-left:4px solid var(--accent-color)}.stat-card.secondary{border-left:4px solid var(--spaco-primary)}.stat-card.accent{border-left:4px solid #06b6d4}.stat-trend{font-size:.75rem;color:#718096;margin-top:.25rem;font-weight:500}.stat-icon{font-size:2rem;opacity:.8}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.panel.full-width{grid-column:1 / -1}.panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.panel-header{background:#f7fafc;padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.panel-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.panel-subtitle{margin:.5rem 0 0;font-size:.875rem;color:#718096;font-style:italic}.panel-action{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.panel-action:hover{background:#edf2f7;color:#4a5568}.panel-actions{display:flex;align-items:center;gap:1rem}.registration-count{font-size:.875rem;color:#718096;font-weight:500}.registrations-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0;background:#fff}.registrations-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1200px}.registrations-table th{background:#f8fafc;color:#4a5568;font-weight:600;text-align:left;padding:.75rem .5rem;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:10}.registrations-table th:last-child{border-right:none}.registrations-table td{padding:.75rem .5rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:top}.registrations-table td:last-child{border-right:none}.registrations-table tr:hover{background:#f8fafc}.registration-row:hover{background:#f0f9ff}.col-select{width:40px}.col-id{width:60px}.col-name,.col-email,.col-school{width:200px}.col-location,.col-lga{width:120px}.col-level,.col-graduation,.col-status,.col-alumni{width:100px}.col-requested,.col-actions{width:150px}.no-data-row{background:#f8fafc}.no-data{text-align:center;padding:3rem 1rem}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.no-data-icon{font-size:2rem;opacity:.5}.no-data-content p{margin:0;color:#4a5568;font-weight:500}.no-data-content small{color:#718096;font-size:.75rem}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem}.spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.panel-body{padding:1.5rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.qa-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f7fafc;color:#4a5568;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease;border:1px solid #e2e8f0}.qa-btn:hover{background:#edf2f7;color:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.qa-btn.primary{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border-color:var(--primary-color)}.qa-btn.primary:hover{background:linear-gradient(135deg,var(--spaco-dark) 0%,var(--spaco-primary) 100%);color:#fff}.qa-btn.secondary{background:var(--success-color);color:#fff;border-color:var(--success-color)}.qa-btn.secondary:hover{background:#059669;color:#fff}.qa-btn.info{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.qa-btn.info:hover{background:var(--secondary-color);color:#fff}.qa-btn.warning{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.qa-btn.warning:hover{background:#d97706;color:#fff}.qa-btn.secondary{background:var(--spaco-primary);color:#fff;border-color:var(--spaco-primary)}.qa-btn.secondary:hover{background:#7c3aed;color:#fff}.qa-icon{font-size:1.25rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.activity-icon{font-size:1.5rem;opacity:.8}.activity-content{flex:1}.activity-title{font-weight:600;color:#2d3748;margin-bottom:.25rem}.activity-details{color:#4a5568;font-size:.875rem;margin-bottom:.25rem}.activity-time{color:#718096;font-size:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-item{text-align:center;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-number.pending{color:var(--warning-color)}.stat-number.completed{color:var(--success-color)}.stat-number.rejected{color:var(--error-color)}.stat-text{color:#718096;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-subtext{font-size:.75rem;color:#a0aec0;font-weight:400;margin-top:.25rem;text-transform:none;letter-spacing:normal}.search-container{position:relative;display:flex;align-items:center;margin-right:1rem}.search-input{padding:.5rem 2.5rem .5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;width:300px;background:#fff;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4299e133}.search-icon{position:absolute;right:.75rem;color:#a0aec0;pointer-events:none}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s ease}.sortable:hover{background-color:#f7fafc}.sortable.sort-asc:after{content:" ↑";color:var(--primary-color);font-weight:700}.sortable.sort-desc:after{content:" ↓";color:var(--primary-color);font-weight:700}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.pagination-info{color:#4a5568;font-size:.875rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{color:#4a5568;font-size:.875rem;font-weight:500;min-width:120px;text-align:center}.stat-item.clickable{cursor:pointer;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;border:2px solid transparent}.stat-item.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#0000001a}.stat-item.clickable.active{border-color:var(--primary-color);background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 4px 15px #4299e133}.stat-item .stat-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1rem;color:#0000004d;transition:all .3s ease;opacity:0}.stat-item.clickable:hover .stat-arrow{opacity:1;transform:translateY(-50%) translate(3px);color:#0009}.stat-item.clickable.active .stat-arrow{opacity:1;color:var(--primary-color)}.school-stats{display:flex;gap:2rem;align-items:center}.school-stat{text-align:center}.user-stats{display:flex;gap:2rem;align-items:center}.user-stat{text-align:center}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.analytics-card{background:#f7fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.analytics-card h3{margin:0 0 1rem;color:#2d3748;font-size:1.125rem;font-weight:600}.analytics-stats{display:flex;flex-direction:column;gap:.75rem}.analytics-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.analytics-item:last-child{border-bottom:none}.analytics-item .label{color:#4a5568;font-weight:500}.analytics-item .value{color:#2d3748;font-weight:600;font-size:1.125rem}.analytics-item .value.success{color:#059669}.analytics-filters{display:flex;gap:1rem;align-items:center}.filter-select{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:.875rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4299e133}.chart-container{margin:1rem 0;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.mini-chart{height:120px;display:flex;flex-direction:column;justify-content:space-between}.chart-bars{display:flex;align-items:end;gap:.5rem;height:80px;padding:0 .5rem}.bar{flex:1;background:linear-gradient(to top,var(--primary-color),var(--spaco-primary));border-radius:2px 2px 0 0;min-height:10px;transition:all .3s ease}.bar:hover{background:linear-gradient(to top,var(--primary-dark),var(--primary-color));transform:scaleY(1.05)}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#718096;padding:0 .5rem}.email-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#f0fff4;border-radius:6px;border:1px solid #9ae6b4}.status-indicator{width:8px;height:8px;border-radius:50%;background:#e53e3e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.school-distribution{display:flex;flex-direction:column;gap:1rem}.distribution-item{display:flex;align-items:center;gap:1rem}.school-type{min-width:100px;font-size:.875rem;color:#4a5568;font-weight:500}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--spaco-primary));border-radius:4px;transition:width .3s ease}.percentage{min-width:40px;text-align:right;font-size:.875rem;color:#2d3748;font-weight:600}.growth-metrics{display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:transform .2s ease}.metric-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.metric-icon{font-size:2rem;opacity:.8}.metric-content{flex:1}.metric-label{font-size:.875rem;color:#4a5568;font-weight:500;margin-bottom:.25rem}.metric-value{font-size:1.5rem;font-weight:700;color:#059669;margin-bottom:.25rem}.metric-period{font-size:.75rem;color:#718096}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:#2d3748}.admin-table tr:hover{background:#f7fafc}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fef3c7;color:var(--warning-color)}.status-badge.completed{background:#d1fae5;color:var(--success-color)}.status-badge.rejected{background:#fee2e2;color:var(--error-color)}.level-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#e2e8f0;color:#4a5568}.action-btn{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;padding:.25rem .75rem;border-radius:4px;transition:all .2s ease}.action-btn:hover{background:#edf2f7;color:#4a5568}.status-grid{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.status-indicator{width:8px;height:8px;border-radius:50%;background:#e53e3e;flex-shrink:0}.status-indicator.active{background:#48bb78;animation:pulse 2s infinite}.status-indicator.warning{background:#f6ad55}.status-content{flex:1}.status-title{font-weight:600;color:#2d3748;margin-bottom:.25rem}.status-desc{font-size:.875rem;color:#718096}@media (max-width: 1200px){.admin-content{grid-template-columns:200px 1fr}}@media (max-width: 992px){.admin-content{grid-template-columns:1fr}.admin-sidebar{position:relative;top:0}.admin-nav-links{display:flex;overflow-x:auto;white-space:nowrap;gap:.5rem}.admin-nav-links li{border-left:none;border-bottom:3px solid transparent;padding:.75rem 1rem;flex-shrink:0}.admin-nav-links li.active{border-left:none;border-bottom-color:var(--primary-color)}}@media (max-width: 768px){.admin-container{padding:1rem}.admin-header h1{font-size:2rem}.admin-stats,.admin-sections{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.school-stats,.user-stats{flex-direction:column;gap:1rem}.analytics-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start;gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.5rem;color:#1a202c}.modal-close{background:none;border:none;font-size:2rem;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#1a202c}.modal-body{padding:2rem}.modal-body .form-group{margin-bottom:1.5rem}.modal-body label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568;font-size:.875rem}.modal-body .form-input{width:100%;padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.875rem;transition:all .2s}.modal-body .form-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.modal-body .form-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.modal-body select.form-input{cursor:pointer}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;justify-content:flex-end}.modal-footer button{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-footer .btn-primary{background:#4299e1;color:#fff}.modal-footer .btn-primary:hover{background:#3182ce}.modal-footer .btn-secondary{background:#e2e8f0;color:#4a5568}.modal-footer .btn-secondary:hover{background:#cbd5e0}.modal-footer .btn-danger{background:#e53e3e;color:#fff}.modal-footer .btn-danger:hover{background:#c53030}.pending-registrations-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.pending-registrations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.pending-registrations-header h1{margin:0;color:#2d3748;font-size:2rem;font-weight:700}.pending-registrations-header p{margin:.5rem 0 0;color:#718096;font-size:1rem}.btn-refresh{background:var(--spaco-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-refresh:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-refresh:disabled{background:#cbd5e0;cursor:not-allowed}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#718096}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid var(--spaco-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background:#fed7d7;color:#c53030;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #feb2b2}.access-denied{text-align:center;padding:3rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.access-denied h2{color:#e53e3e;margin-bottom:1rem}.no-pending{text-align:center;padding:3rem;background:#f0fff4;border-radius:8px;border:1px solid #9ae6b4}.no-pending h3{color:#2f855a;margin-bottom:.5rem}.registrations-list{display:grid;gap:1.5rem}.registration-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.registration-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.registration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.registration-header h3{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.registration-date{color:#718096;font-size:.875rem;background:#f7fafc;padding:.25rem .5rem;border-radius:4px}.registration-details{margin-bottom:1.5rem}.detail-row{display:flex;margin-bottom:.5rem;font-size:.875rem}.detail-row strong{color:#4a5568;min-width:120px;margin-right:.5rem}.detail-row:last-child{margin-bottom:0}.registration-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-approve,.btn-reject{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.btn-approve{background:#48bb78;color:#fff}.btn-approve:hover:not(:disabled){background:#38a169;transform:translateY(-1px)}.btn-reject{background:#e53e3e;color:#fff}.btn-reject:hover:not(:disabled){background:#c53030;transform:translateY(-1px)}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.pending-registrations-container{padding:1rem}.pending-registrations-header{flex-direction:column;align-items:flex-start}.registration-header{flex-direction:column;align-items:flex-start;gap:.5rem}.registration-actions{flex-direction:column}.btn-approve,.btn-reject{width:100%}.detail-row{flex-direction:column}.detail-row strong{min-width:auto;margin-bottom:.25rem}}@media (max-width: 480px){.pending-registrations-header h1{font-size:1.5rem}.registration-card{padding:1rem}.registration-header h3{font-size:1.125rem}}@media (prefers-color-scheme: dark){.pending-registrations-container{background:#1a202c;color:#f7fafc}.registration-card{background:#2d3748;border-color:#4a5568}.registration-header h3{color:#f7fafc}.registration-header{border-color:#4a5568}.registration-date{background:#4a5568;color:#e2e8f0}.detail-row strong{color:#e2e8f0}.access-denied{background:#2d3748;border-color:#4a5568}.no-pending{background:#1a365d;border-color:#2b6cb0}}.email-queue-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.email-queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.email-queue-header h1{color:#2c3e50;margin:0;font-size:2.5rem}.email-queue-header p{color:#666;margin:5px 0 0;font-size:1.1rem}.btn-refresh{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-refresh:hover{background:#2980b9}.btn-refresh:disabled{background:#bdc3c7;cursor:not-allowed}.access-denied,.loading-message,.no-emails{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:10px;border:2px solid #e9ecef}.access-denied h2,.no-emails h3{color:#2c3e50;margin-bottom:15px}.access-denied p,.no-emails p{color:#666;font-size:1.1rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fee;color:#c33;padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid #fcc}.emails-list{display:grid;gap:20px}.email-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.email-card:hover{box-shadow:0 4px 8px #00000026}.email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.email-subject h3{margin:0 0 10px;color:#2c3e50;font-size:1.3rem}.email-badges{display:flex;gap:10px;flex-wrap:wrap}.badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-sent{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-unknown{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.type-pending{background:#cce5ff;color:#004085;border:1px solid #99d6ff}.type-approved{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.type-rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.type-general{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.email-meta{text-align:right;color:#666;font-size:.9rem}.email-date{display:block;margin-bottom:5px}.sent-date{display:block;color:#27ae60;font-weight:700}.email-details{margin-bottom:20px}.detail-row{margin-bottom:10px;color:#555}.detail-row strong{color:#2c3e50}.email-body-preview{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.body-text{background:#f8f9fa;padding:10px;border-radius:5px;margin-top:5px;font-family:monospace;font-size:.9rem;line-height:1.4;color:#555;white-space:pre-wrap}.email-actions{display:flex;gap:10px;justify-content:flex-end}.btn-mark-sent,.btn-view-details{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.btn-mark-sent{background:#27ae60;color:#fff}.btn-mark-sent:hover{background:#229954}.btn-view-details{background:#6c757d;color:#fff}.btn-view-details:hover{background:#5a6268}@media (max-width: 768px){.email-queue-container{padding:10px}.email-queue-header{flex-direction:column;align-items:flex-start;gap:15px}.email-header{flex-direction:column;align-items:flex-start}.email-meta{text-align:left;margin-top:10px}.email-actions{justify-content:flex-start;flex-wrap:wrap}}.partners-container{width:100%;min-height:100vh;background:#fff}.partners-header{background:#fff;color:#1e293b;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.partners-header:before{display:none}.partners-hero{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem}.partners-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#1e293b}.partners-subtitle{font-size:1.3rem;margin-bottom:3rem;color:#64748b;max-width:800px;margin-left:auto;margin-right:auto}.partners-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat-item{text-align:center;padding:1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;min-width:140px;border:1px solid rgba(255,255,255,.2)}.stat-number{display:block;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{display:block;font-size:.9rem;opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:1px}.partners-nav{background:#fff;padding:0 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;gap:0;box-shadow:0 2px 4px #0000000d}.nav-tab{padding:1rem 2rem;border:none;background:transparent;color:#64748b;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.nav-tab:hover{color:var(--spaco-primary);background:#1e40af0d}.nav-tab.active{color:var(--spaco-primary);border-bottom-color:var(--spaco-primary);background:#1e40af0d}.partners-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.partner-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(37,99,235,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--spaco-primary)}.partner-card.platinum:before{background:#e5e7eb}.partner-card.gold:before{background:#fcd34d}.partner-card.silver:before{background:#9ca3af}.partner-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.partner-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.partner-logo{width:60px;height:60px;border-radius:12px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.partner-logo img{width:100%;height:100%;object-fit:contain}.partner-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#1e293b}.partner-category{display:block;font-size:.85rem;color:#64748b;margin-bottom:.25rem}.partner-tier{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.partner-tier.platinum{background:#e5e7eb;color:#374151}.partner-tier.gold{background:#fcd34d;color:#92400e}.partner-tier.silver{background:#9ca3af;color:#374151}.partner-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.partner-benefits h4{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.partner-benefits ul{list-style:none;padding:0;margin:0 0 1.5rem}.partner-benefits li{color:#64748b;font-size:.9rem;position:relative;padding:.25rem 0 .25rem 1.5rem}.partner-benefits li:before{content:"✓";position:absolute;left:0;color:var(--spaco-success);font-weight:700}.partner-website{color:var(--spaco-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.partner-website:hover{color:var(--spaco-dark)}.tiers-intro{text-align:center;margin-bottom:3rem}.tiers-intro h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.tiers-intro p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.tier-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(37,99,235,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.tier-card.platinum:before{background:#e5e7eb}.tier-card.gold:before{background:#fcd34d}.tier-card.silver:before{background:#9ca3af}.tier-card.bronze:before{background:#cd7f32}.tier-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.tier-header{margin-bottom:2rem}.tier-icon{font-size:3rem;margin-bottom:1rem}.tier-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.tier-investment{font-size:1.2rem;font-weight:700;color:var(--spaco-primary)}.tier-benefits h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.tier-benefits ul{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.tier-benefits li{color:#64748b;position:relative;padding:.5rem 0 .5rem 1.5rem}.tier-benefits li:before{content:"✓";position:absolute;left:0;color:var(--spaco-success);font-weight:700}.tier-cta{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.tier-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e40af66}.opportunities-intro{text-align:center;margin-bottom:3rem}.opportunities-intro h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.opportunities-intro p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.opportunity-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(37,99,235,.1);transition:transform .3s ease,box-shadow .3s ease}.opportunity-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.opportunity-icon{font-size:3rem;margin-bottom:1rem}.opportunity-card h3{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.opportunity-card>p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.opportunity-list h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.opportunity-list ul{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.opportunity-list li{color:#64748b;position:relative;padding:.5rem 0 .5rem 1.5rem}.opportunity-list li:before{content:"•";position:absolute;left:0;color:var(--spaco-primary);font-weight:700}.opportunity-cta{background:transparent;color:var(--spaco-primary);border:2px solid var(--spaco-primary);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.opportunity-cta:hover{background:var(--spaco-primary);color:#fff;transform:translateY(-2px)}.join-intro{text-align:center;margin-bottom:3rem}.join-intro h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.join-intro p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.join-process{margin-bottom:4rem}.join-process h3{font-size:2rem;font-weight:600;color:#1e293b;text-align:center;margin-bottom:3rem}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(37,99,235,.1)}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.step-content p{color:#64748b;line-height:1.6;margin:0}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(37,99,235,.1)}.contact-info h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.contact-info p{color:#64748b;line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid var(--spaco-primary)}.contact-form h4{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;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:var(--spaco-primary);box-shadow:0 0 0 3px #1e40af1a}.submit-btn{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;font-size:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e40af66}.partners-cta{background:linear-gradient(135deg,var(--spaco-primary) 0%,var(--spaco-secondary) 100%);color:#fff;padding:4rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;font-weight:600;padding:.75rem 2rem;border-radius:12px;box-shadow:0 4px 6px #2563eb33;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer;font-size:1rem}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.btn-secondary{background:transparent;color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-secondary:hover{background:#fff;color:var(--spaco-primary);transform:translateY(-2px)}.btn-download-kit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;font-weight:600;padding:.75rem 2rem;border-radius:12px;box-shadow:0 4px 6px #2563eb33;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem}.btn-download-kit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-download-kit:hover:before{left:100%}.btn-download-kit:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}@media (max-width: 768px){.partners-hero h1{font-size:2.5rem}.partners-subtitle{font-size:1.1rem}.partners-stats{gap:1.5rem}.stat-item{min-width:120px;padding:1rem}.stat-number{font-size:2rem}.partners-nav{flex-wrap:wrap;padding:0 1rem}.nav-tab{padding:.75rem 1rem;font-size:.9rem}.partners-content{padding:2rem 1rem}.partners-grid,.tiers-grid,.opportunities-grid,.process-steps{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:2rem;padding:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary,.btn-download-kit{width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:1rem;margin:.25rem 0}}@media (max-width: 480px){.partners-hero h1{font-size:2rem}.partners-subtitle{font-size:1rem}.partners-stats{gap:1rem}.stat-item{min-width:100px;padding:.75rem}.stat-number{font-size:1.5rem}.partner-card,.tier-card,.opportunity-card,.step,.contact-section{padding:1.5rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.btn-primary,.btn-secondary,.btn-download-kit{width:100%;max-width:250px;padding:.75rem 1.25rem;font-size:.95rem;margin:.25rem 0}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.navbar{background:linear-gradient(135deg,#fff,#f8fafc);color:var(--spaco-dark);padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid rgba(37,99,235,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (prefers-color-scheme: dark) and (min-width: 769px){.navbar{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}}.navbar-container{width:100%;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:600;color:var(--spaco-dark);text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;letter-spacing:-.01em;transition:color .2s ease}.logo-image{height:40px;width:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.logo-image:hover{transform:scale(1.05)}.navbar-logo:hover{color:var(--primary-color)}.logo-ni{font-weight:600;color:var(--spaco-dark)}.logo-ac,.logo-connect{color:var(--spaco-dark);font-weight:600}@media (prefers-color-scheme: dark) and (min-width: 769px){.logo-connect{color:#f1f5f9}}.navbar-links{display:flex;gap:1.5rem}.navbar-link{color:var(--spaco-dark);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}@media (prefers-color-scheme: dark) and (min-width: 769px){.navbar-link{color:#f1f5f9}}.navbar-link:hover{color:var(--primary-color);background-color:var(--spaco-light);transform:translateY(-1px)}.logout-button{background-color:var(--error-color);color:#fff!important;border:none;cursor:pointer;font-weight:500}.logout-button:hover{background-color:#dc2626;color:#fff!important;transform:translateY(-1px)}.login-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;font-weight:600;padding:.75rem 2rem;border-radius:12px;box-shadow:0 4px 6px #2563eb33;transition:all .3s ease;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.login-button:focus{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff!important;outline:2px solid #60a5fa;outline-offset:2px;box-shadow:0 8px 20px #2563eb66}.login-button:active{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff!important;transform:translateY(0)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{display:block;height:2px;width:100%;background:var(--spaco-dark);border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger span:nth-child(1){margin-bottom:4px}.hamburger span:nth-child(2){margin-bottom:4px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.navbar{padding:.75rem 1rem;position:sticky;top:0;z-index:1000}.navbar-container{position:relative;align-items:center}.navbar-logo{font-size:1rem;gap:.5rem}.logo-image{height:32px}.mobile-menu-button{display:block;padding:.5rem;border-radius:8px;transition:background-color .2s ease;z-index:100001!important;position:relative}.mobile-menu-button:hover{background-color:#2563eb1a}.hamburger{width:20px;height:16px}.hamburger span{height:2px;background:var(--spaco-dark)}.navbar-links{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:50vh;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;padding:2rem .75rem 1rem;gap:.5rem;transform:scale(.8) translateY(-50px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:99999!important;justify-content:flex-start;overflow-y:auto;box-shadow:0 0 20px #00000026;isolation:isolate;pointer-events:none}.navbar-links.mobile-open{transform:scale(1) translateY(0);opacity:1;visibility:visible;pointer-events:auto}.navbar-link{padding:.75rem 1rem;text-align:left;border-radius:8px;font-size:1rem;font-weight:500;background:#2563eb14;border:1px solid rgba(37,99,235,.15);transition:all .3s ease;color:var(--spaco-dark);text-decoration:none;display:block;margin-bottom:.25rem;box-sizing:border-box}.navbar-link:hover{background:#2563eb26;transform:translate(8px);border-color:#2563eb4d;box-shadow:0 4px 12px #2563eb33}.login-button{margin-top:0;padding:.75rem 1rem;font-size:1rem;border-radius:8px;width:100%;max-width:100%;text-align:left;background:#2563eb14;border:1px solid rgba(37,99,235,.15);color:#000!important;font-weight:500;margin-bottom:.25rem;transition:all .3s ease;box-sizing:border-box}.login-button:hover{background:#2563eb26;transform:translate(8px);border-color:#2563eb4d;box-shadow:0 4px 12px #2563eb33}@media (prefers-color-scheme: dark) and (min-width: 769px){.navbar-links{background:#0f172afa}.navbar-link{background:#2563eb1a;border-color:#2563eb33;color:#f1f5f9}.navbar-link:hover{background:#2563eb33}}}@media (min-width: 769px){.mobile-close-button{display:none!important}}.footer{background-color:#fff;color:#1e293b;padding:2rem;margin-top:auto;border-top:1px solid #e2e8f0}.footer-container{width:100%;max-width:100%;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:1.5rem}.footer-info{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.footer-logo-image{height:40px;width:auto;border-radius:4px;box-shadow:0 2px 4px #0003}.footer-info p{color:#64748b;line-height:1.6;margin:0}.footer-navigation h4,.footer-contact h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#64748b;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-link:hover{color:#2563eb}.contact-details{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:flex-start;gap:.75rem;color:#64748b;font-size:.95rem;line-height:1.5}.contact-icon{font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.footer-bottom{border-top:1px solid #e2e8f0;padding-top:1rem;text-align:center;color:#64748b;display:flex;flex-direction:column;gap:.5rem}.kajopo-branding{font-size:.9rem;color:#2563eb;margin:0;font-weight:500}.kajopo-branding strong{color:#1e40af;font-weight:700}@media (max-width: 768px){.footer{padding:1.5rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-navigation,.footer-contact{text-align:center}.footer-links{align-items:center}.contact-item{justify-content:center}}@media (max-width: 480px){.footer{padding:1rem .75rem}.footer-content{gap:1rem}.footer-logo-image{height:32px}.footer-navigation h4,.footer-contact h4{font-size:1rem}.footer-link,.contact-item{font-size:.9rem}.kajopo-branding{font-size:.85rem}}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.main-content{padding:0}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400}body{background:#fff;margin:0;padding:0;--spaco-primary: #1e40af;--spaco-secondary: #3b82f6;--spaco-accent: #60a5fa;--spaco-dark: #1e3a8a;--spaco-light: #dbeafe;--spaco-gold: #f59e0b;--spaco-success: #10b981;--spaco-warning: #f59e0b;--spaco-error: #ef4444;--bg-color: #ffffff;--text-color: #1e3a8a;--text-muted: #64748b;--heading-color: #1e3a8a;--border-color: #e2e8f0;--input-bg: #ffffff;--button-bg: #f8fafc;--button-text: #1e3a8a;--primary-color: var(--spaco-primary);--primary-hover: var(--spaco-dark);--secondary-color: var(--spaco-secondary);--accent-color: var(--spaco-accent);--error-color: var(--spaco-error);--success-color: var(--spaco-success);--warning-color: var(--spaco-warning);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark) and (min-width: 769px){:root{--bg-color: #0f172a;--text-color: #f1f5f9;--text-muted: #94a3b8;--heading-color: #ffffff;--border-color: #334155;--input-bg: #1e293b;--button-bg: #1e293b;--button-text: #f1f5f9;--primary-color: var(--spaco-accent);--primary-hover: var(--spaco-secondary);--error-color: #f87171}}*{color:var(--text-color);background-color:var(--bg-color)}a{font-weight:500;color:var(--primary-color);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--primary-hover)}body{margin:0;min-width:320px;min-height:100vh;width:100%;background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.navbar-links.mobile-open{z-index:99999!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:50vh!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.mobile-menu-button{z-index:100001!important}