@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--primary:#f6f8fb;--secondary:#111827;--accent:#00c9a7;--accent-soft:#00c9a71f;--green:#013220;--text-main:#272828;--text-muted:#89a;--card-bg:#161f30;--border:#00c9a733;--radius:14px;--font-heading:"Bebas Neue",sans-serif;--font-body:"DM Sans",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f6f8fb;background-color:var(--primary);background-image:radial-gradient(#00c9a712 1px,#0000 0);background-size:28px 28px;color:#272828;color:var(--text-main);font-family:DM Sans,sans-serif;font-family:var(--font-body);min-height:100vh}html{scroll-behavior:smooth}.home-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.home-container{animation:slide-up .7s cubic-bezier(.22,1,.36,1) both;background:var(--primary);border:1px solid var(--accent);max-width:480px;padding:3rem 2.5rem;position:relative;text-align:center;width:100%;z-index:1}.home-title{align-items:center;color:var(--green);display:flex;font-family:var(--font-heading);font-size:3.5rem;justify-content:center;letter-spacing:.1em;line-height:1;text-transform:lowercase}.home-title-accent{background-color:var(--accent);font-size:1.2rem;padding:.15rem .5rem}.home-subtitle{color:var(--text-muted);font-size:.9rem;letter-spacing:.15em;margin-bottom:2rem;margin-top:.3rem;text-transform:uppercase}.home-search-box{display:flex;gap:.5rem}.home-input{background:var(--primary);border:2px solid var(--border);color:var(--text-main);flex:1 1;font-family:var(--font-body);font-size:.95rem;outline:none;padding:.85rem 1.2rem;transition:border-color .2s}.home-input:focus{border-color:var(--accent)}.home-input::placeholder{color:var(--text-muted)}.home-results{background:var(--primary);border:2px solid var(--border);margin-top:.5rem;max-height:260px;overflow-y:auto;text-align:left}.home-result-item{align-items:center;border-bottom:1px solid #ffffff0a;cursor:pointer;display:flex;gap:.9rem;padding:.75rem 1rem;transition:background .15s}.home-result-item:hover{background:var(--accent-soft)}.home-result-avatar{border:1px solid var(--border);border-radius:50%;height:40px;object-fit:cover;width:40px}.home-result-name{color:var(--text-main);font-size:.95rem;font-weight:500}.home-result-matric{color:var(--accent);font-size:.78rem;margin-top:.1rem}.home-hint{font-size:.9rem;padding:1rem;text-align:center}.home-hint,.home-or{color:var(--text-muted)}.home-or{font-size:.85rem;letter-spacing:.1em;margin:1.5rem 0}.home-btn{background:var(--accent);border:none;color:#0a0f1e;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.05em;padding:.95rem;transition:opacity .2s,transform .15s;width:100%}.home-btn:hover{background-color:var(--primary);border:1px solid var(--accent)}.home-btn:active{transform:translateY(0)}@keyframes ball-in{0%{opacity:0;transform:translateY(80px) scale(.85)}60%{opacity:1;transform:translateY(-8px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.student-card{align-items:center;animation:ball-in .6s cubic-bezier(.34,1.56,.64,1) forwards;cursor:pointer;display:flex;flex-direction:column;opacity:0}.student-card-photo-wrapper{aspect-ratio:1/1;background:var(--accent);border:2px solid #0000;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;width:100%}.student-card:hover .student-card-photo-wrapper{border-color:var(--accent);box-shadow:0 12px 30px #00c9a733;transform:translateY(-5px)}.student-card-photo{display:block;height:100%;object-fit:cover;width:100%}.student-card-initials{align-items:center;background:var(--accent);color:var(--green);display:flex;font-family:var(--font-heading);font-size:2.5rem;height:100%;justify-content:center;width:100%}.student-card-name-tag{background:var(--green);border:1px solid var(--border);margin-top:.5rem;padding:.35rem .5rem;text-align:center;width:100%}.student-card-name{color:var(--primary);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-list-page{margin:0 auto;max-width:1100px;min-height:100vh;padding:0 1.5rem 3rem}.list-header{align-items:center;animation:fade-down .4s ease both;background:var(--primary);border-bottom:1px solid var(--border);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem 0 1rem;position:sticky;top:0;z-index:10}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-back-btn{background:var(--accent);border:none;color:var(--green);cursor:pointer;font-family:var(--font-body);font-size:.85rem;padding:.4rem .9rem;transition:background .15s;white-space:nowrap}.list-back-btn:hover{background:var(--accent-soft);border:1px solid var(--accent)}.list-title{align-items:center;display:flex;flex:1 1;font-family:var(--font-heading);font-size:2rem;justify-content:center;letter-spacing:.08em}.list-title-accent{background-color:var(--accent);font-size:1rem;padding:.15rem .5rem}.list-count{border:1px solid var(--text-muted);color:var(--text-muted);font-size:.85rem;padding:.15rem .5rem;white-space:nowrap}.list-search-wrapper{margin-bottom:2rem;position:relative}.search-input{background:var(--primary);border:1px solid var(--green);color:var(--text-main);font-family:var(--font-body);font-size:.95rem;outline:none;padding:.9rem 3rem .9rem 1.2rem;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--accent)}.list-clear-btn,.search-input::placeholder{color:var(--text-muted)}.list-clear-btn{background:none;border:none;cursor:pointer;font-size:.9rem;position:absolute;right:.9rem;top:50%;transform:translateY(-50%)}.student-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.list-empty{color:var(--text-muted);padding:3rem 0;text-align:center}.list-error{background:#ff50501a;border:1px solid #ff50504d;color:#ff6b6b;font-size:.9rem;margin-bottom:1.5rem;padding:1rem 1.2rem}.detail-wrapper{animation:slide-up .5s cubic-bezier(.22,1,.36,1) both;margin:0 auto;max-width:680px;min-height:100vh;padding:2rem 1.5rem 4rem}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.detail-back-btn{background:var(--accent);border:none;color:var(--green);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:.85rem;margin-bottom:2rem;padding:.4rem .9rem;transition:background .15s}.detail-back-btn:hover{background:var(--accent-soft);border:1px solid var(--accent)}.detail-hero{align-items:center;display:flex;gap:1.8rem;margin-bottom:2.5rem}.detail-photo-frame{background:var(--accent);box-shadow:0 0 30px #00c9a740;flex-shrink:0;height:140px;overflow:hidden;width:140px}.detail-photo{height:100%;object-fit:cover;width:100%}.detail-initials{align-items:center;background:var(--accent-soft);color:var(--primary);display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.detail-initials,.detail-name{font-family:var(--font-heading)}.detail-name{color:var(--text-main);font-size:2.2rem;letter-spacing:.05em;line-height:1.1}.detail-matric{color:var(--accent);font-size:.9rem;letter-spacing:.08em;margin-top:.4rem}.detail-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.detail-info-grid{grid-template-columns:1fr}.detail-hero{flex-direction:column;text-align:center}}.detail-info-item{background:var(--primary);border:1px solid var(--accent);padding:1rem 1.2rem;transition:border-color .2s}.detail-info-item:hover{border-color:var(--accent)}.detail-info-label{color:var(--text-muted);display:block;font-size:.72rem;letter-spacing:.12em;margin-bottom:.3rem;text-transform:uppercase}.detail-info-value{color:var(--text-main);display:block;font-size:.95rem;font-weight:500}.detail-loading,.detail-not-found{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:1rem;gap:.5rem;justify-content:center;min-height:50vh}.detail-matric-hint{color:var(--accent);font-size:.8rem}
/*# sourceMappingURL=main.c74ed4b8.css.map*/