@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.landing-wrapper{font-family:Georgia,serif;background:linear-gradient(135deg,#001f3f,#036);color:silver;min-height:100vh;width:100%;overflow:hidden;position:relative}#canvas3d{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.floating-shapes{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.shape{position:absolute;opacity:.12;animation:floatRandom 20s infinite ease-in-out}.shape:nth-child(1){width:100px;height:100px;background:#fff;top:15%;left:8%;border-radius:20px}.shape:nth-child(2){width:80px;height:80px;background:#fff;top:65%;right:12%;border-radius:50%}.shape:nth-child(3){width:120px;height:120px;background:#fff;bottom:18%;left:18%;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.container{position:relative;z-index:2;min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:center}.profile-section{text-align:center;max-width:800px;animation:fadeInUp 1s ease-out}.avatar{width:150px;height:150px;background:linear-gradient(135deg,#062e55,#003d7a);border:4px solid #ffffff;border-radius:50%;margin:0 auto 40px;display:flex;align-items:center;justify-content:center;font-size:56px;font-family:Georgia,serif;animation:float 3s ease-in-out infinite}.profile-title{font-size:3.5rem;font-weight:600;letter-spacing:1px;animation:slideInLeft 1s ease-out .3s both}.subtitle{font-size:1.3rem;color:#e8f0f7;margin-bottom:30px;animation:slideInRight 1s ease-out .5s both}.description{font-size:1.1rem;color:#d0e0f0;margin-bottom:50px;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .7s both}.cta-buttons{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .9s both}.btn{padding:18px 40px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;text-decoration:none;letter-spacing:.5px;transition:all .3s ease}.btn-primary{background:#fff;color:#001f3f;box-shadow:0 10px 30px #fff3}.btn-secondary{background:transparent;color:#fff;border:2px solid #ffffff}.btn:hover{transform:translateY(-3px)}.btn-primary:hover{background:#f5f9ff}.btn-secondary:hover{background:#ffffff26}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes floatRandom{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-25px,25px) rotate(180deg)}75%{transform:translate(35px,15px) rotate(270deg)}}.admin-float-btn{position:absolute;top:130px;left:55%;transform:translate(-50%);width:85px;height:85px;border-radius:50%;background:#0b0c42e6;border:3px solid rgba(255,255,255,.4);color:#909eac;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;letter-spacing:.5px;cursor:pointer;z-index:10;box-shadow:0 10px 30px #00000040;transition:all .3s ease;animation:float 3s ease-in-out infinite}.admin-float-btn:hover{transform:translate(-50%) scale(1.07);box-shadow:0 14px 40px #fff6;background:#9c9393}.admin-wrapper{min-height:100vh;background:#f5f7fa;padding:40px 20px;font-family:Inter,sans-serif}.admin-title{font-size:2rem;font-weight:700;color:#1e3a5f}.admin-sub{font-size:.95rem;color:#64748b;margin-bottom:1.8rem}.admin-input{width:100%;padding:14px;border-radius:14px;border:1px solid #d1d5db;background:#f9fafb;font-size:1rem;transition:.2s ease}.admin-input:focus{border-color:#1e3a5f;background:#fff;outline:none;box-shadow:0 0 0 3px #1e3a5f26}.admin-btn,.admin-btn-secondary{width:100%;padding:12px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:.2s ease}.admin-btn{background:#1e3a5f;color:#fff;box-shadow:0 5px 14px #1e3a5f33}.admin-btn:hover{background:#162d47}.admin-btn-secondary{background:#fff;border:2px solid #1e3a5f;color:#1e3a5f}.admin-btn-secondary:hover{background:#f0f4fa}.dashboard-card{background:#fff;padding:2rem;border-radius:18px;box-shadow:0 6px 20px #00000014;margin-bottom:30px}.dashboard-title{font-size:1.8rem;font-weight:700;color:#1e3a5f;text-align:center}.divider-admin{width:80px;height:4px;background:#1e40af;margin:12px auto 25px;border-radius:10px}.admin-table{width:100%;margin-top:15px;border-collapse:collapse}.admin-table th{background:#1e3a5f;color:#fff;padding:12px;font-weight:600}.admin-table td{padding:14px;border-bottom:1px solid #e5e7eb}.btn-edit{padding:8px 14px;background:#1e40af;color:#fff;border-radius:8px;font-weight:600}.btn-edit:hover{background:#163b91}.btn-delete{padding:8px 14px;background:#dc2626;color:#fff;border-radius:8px;font-weight:600}.btn-delete:hover{background:#b91c1c}.admin-login-wrapper{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#001f3f,#036);overflow:hidden}.admin-login-card{position:relative;z-index:3;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:40px 30px;border-radius:16px;width:100%;max-width:420px;text-align:center;color:#fff;box-shadow:0 15px 40px #0000004d;animation:fadeInUp .9s ease-out}.admin-login-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:#ffffffd9;outline:none;color:#001f3f}.admin-login-input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.pass-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#222;cursor:pointer}.login-btn{width:100%;padding:14px;background:#fff;color:#001f3f;font-weight:600;border-radius:10px;cursor:pointer;margin-top:12px;transition:.3s ease;box-shadow:0 8px 18px #fff3}.login-btn:hover{transform:translateY(-2px)}.help-btn{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.4);margin-top:8px;background:transparent;color:#fff;cursor:pointer}.help-btn:hover{background:#fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@theme{ --color-navy: #1e3a5f; --color-navy-dark: #162d47; }:root{--navy: #1e3a5f;--navy-dark: #162d47;--accent: #1e40af;--body: #475569;--bg: #ffffff;--border: #e5e7eb}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--body);overflow-x:hidden}.section-title{font-size:2.4rem;font-weight:700;color:var(--navy)}.card{background:#fff;border:1px solid var(--border);padding:1.5rem;border-radius:14px;box-shadow:0 4px 10px #0000000f}.btn-primary{padding:.7rem 1.4rem;background:var(--navy);color:#fff;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block}.btn-outline{padding:.7rem 1.4rem;border:2px solid currentColor;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block}.edit-btn{padding:8px 16px;background:var(--navy)!important;color:#fff!important;border-radius:10px;font-weight:600;border:none}.delete-btn{padding:8px 16px;background:var(--accent)!important;color:#fff!important;border-radius:10px;font-weight:600;border:none}