@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";.site-header{width:100%;background:#23236a;border-bottom:2px solid #7db7ff;padding:1rem 1.2rem;position:sticky;top:0;z-index:1000;animation:headerDrop .6s ease forwards}@keyframes headerDrop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1250px;margin:0 auto;transition:padding .25s ease}.site-header.scrolled .header-inner{padding:.6rem 0}.site-header.scrolled .site-logo{width:42px}.site-header.scrolled .logo-text{font-size:1.45rem}.site-header.scrolled{box-shadow:0 4px 16px #00000040;transition:box-shadow .25s ease}.logo-area{display:flex;align-items:center;gap:.6rem;transition:transform .3s ease}.logo-area:hover{transform:translateY(-2px)}.logo-text-area{display:flex;flex-direction:column}.logo-strapline{font-size:.85rem;color:#d3d3d3;margin-top:2px}.site-logo{width:48px;transition:transform .3s ease,filter .3s ease,width .25s ease}.site-logo:hover{transform:scale(1.05);filter:brightness(1.1)}.logo-text{font-size:1.6rem;font-weight:600;color:#fff;transition:font-size .25s ease}.nav-links a{text-decoration:none;font-weight:600;color:#e7e7ff;position:relative;border-bottom:2px solid transparent;padding-bottom:3px;opacity:0;transform:translateY(6px);animation:navFadeIn .45s ease forwards}.nav-links a:nth-child(1){animation-delay:.15s}.nav-links a:nth-child(2){animation-delay:.25s}.nav-links a:nth-child(3){animation-delay:.35s}.nav-links a:nth-child(4){animation-delay:.45s}.nav-links a:nth-child(5){animation-delay:.55s}@keyframes navFadeIn{to{opacity:1;transform:translateY(0)}}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#7db7ff;transition:width .25s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#a9d7ff}.nav-links a.active{color:#fff;border-bottom:2px solid #7db7ff}.nav-dropdown{position:relative}.nav-dropdown-btn{background:none;border:none;color:#e7e7ff;font-weight:600;cursor:pointer;padding:.4rem 0}.nav-dropdown-menu{display:none;position:absolute;top:30px;right:0;background:#23236a;border-radius:10px;padding:1rem;flex-direction:column;gap:.7rem;box-shadow:0 10px 20px #00000040;z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{display:flex}.nav-dropdown-menu a,.nav-dropdown-menu .logout-btn{color:#a9d7ff;text-decoration:none;font-weight:500}.logout-btn{background:none;border:none;cursor:pointer;text-align:left}.burger{display:none;width:30px;height:22px;position:relative;background:none;border:none;cursor:pointer}.burger span{position:absolute;left:0;width:100%;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:9px}.burger span:nth-child(3){top:18px}.burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:780px){.burger{display:block}.nav-links{position:absolute;top:70px;right:12px;background:#23236a;border-radius:10px;flex-direction:column;padding:1.25rem;box-shadow:0 10px 24px #00000040;display:none;opacity:0;transform:translateY(-10px);transition:all .25s ease}.nav-links.open{display:flex;opacity:1;transform:translateY(0)}.nav-links a{opacity:1;transform:none;animation:none;padding:.4rem 0}}.breadcrumbs{max-width:1250px;margin:0 auto;padding:.6rem 1.2rem;font-size:.85rem;color:#d3d3d3;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;background:transparent!important}.crumb-wrapper{opacity:0;animation:crumbFade .4s ease forwards}.crumb-wrapper:nth-child(1){animation-delay:.05s}.crumb-wrapper:nth-child(2){animation-delay:.15s}.crumb-wrapper:nth-child(3){animation-delay:.25s}.crumb-wrapper:nth-child(4){animation-delay:.35s}@keyframes crumbFade{to{opacity:1}}.breadcrumbs a:hover{text-decoration:none;color:#fff;text-shadow:0 0 8px rgba(169,215,255,.8);transition:color .2s ease,text-shadow .25s ease}.breadcrumbs a.trail{position:relative;color:#cfe8ff;text-shadow:0 0 6px rgba(135,206,250,.4)}.breadcrumbs a.trail:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background:#7db7ff;animation:trailUnderline .45s ease forwards}@keyframes trailUnderline{0%{width:0%;opacity:.2}to{width:100%;opacity:1}}.crumb-wrapper.trail .crumb-separator{color:#9acbff;text-shadow:0 0 6px rgba(135,206,250,.45)}.breadcrumbs a.active{color:#fff;font-weight:700;position:relative;transform:scale(1);animation:activeCrumbPulse .5s ease-out forwards;text-shadow:0 0 10px rgba(169,215,255,.55)}@keyframes activeCrumbPulse{0%{opacity:0;transform:scale(.94);text-shadow:0 0 0 rgba(169,215,255,0)}60%{opacity:1;transform:scale(1.03);text-shadow:0 0 12px rgba(169,215,255,.75)}to{transform:scale(1);text-shadow:0 0 8px rgba(169,215,255,.55)}}.crumb-separator{color:#777;opacity:0;animation:separatorIn .4s ease forwards;transform:translateY(2px)}@keyframes separatorIn{to{opacity:1;transform:translateY(0)}}.logout-btn{background:none;border:none;color:#e7e7ff;font-weight:600;cursor:pointer;padding:0 0 3px;transition:color .2s ease}.logout-btn:hover{color:#a9d7ff}footer.footer{background-color:#1f1f58;padding:3rem 1.5rem 2rem;color:#d3d3d3;border-top:2px solid rgba(255,255,255,.08);opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}footer.footer.visible{opacity:1;transform:translateY(0)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem}.footer-brand{max-width:280px}.footer-logo{height:60px;width:auto;margin-bottom:1rem;opacity:.95;transition:transform .3s ease,filter .3s ease}.footer-logo:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.1)}.footer-tagline{font-size:.95rem;line-height:1.5;margin-bottom:1.2rem;color:#c7c7e5}.footer-social a{font-size:1.5rem;margin-right:1rem;color:#87cefa;transition:transform .25s ease,opacity .25s ease,text-shadow .25s ease}.footer-social a:hover{transform:scale(1.12);opacity:.92;text-shadow:0 0 12px rgba(135,206,250,.8)}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.6rem}.footer-section a{color:#87cefa;text-decoration:none;font-weight:600;transition:color .2s ease,padding-left .2s ease}.footer-section a:hover{color:#fff;padding-left:4px}.footer-section p a{color:#87cefa;font-weight:600}.footer-section p{line-height:1.6;margin-bottom:.5rem}.footer-bottom{margin-top:2.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#9bb3d6;font-size:.85rem;opacity:0;transform:translateY(10px);animation:fadeUp .8s ease forwards;animation-delay:.6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-section{opacity:0;animation:fadeUp .6s ease forwards}.footer-section:nth-child(1){animation-delay:.15s}.footer-section:nth-child(2){animation-delay:.25s}.footer-section:nth-child(3){animation-delay:.35s}.footer-section:nth-child(4){animation-delay:.45s}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-section{max-width:300px}.footer-social a{margin-right:.7rem}}:root{--font-nunito: "Nunito", sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-nunito),"Segoe UI",system-ui,sans-serif}html,body{width:100%;height:100%;background:#23236a;color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 20px #0000000f;margin-bottom:1.5rem;opacity:1;transform:none}.card,.card *{color:#333}.card h2,.card h3{margin-bottom:.5rem}.card p{line-height:1.6}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a;transition:all .2s ease}form{max-width:420px}input,textarea,select{width:100%;padding:.7rem;margin-bottom:1rem;border-radius:6px;border:1px solid #ddd;font-size:.95rem}input:focus{outline:none;border-color:#8ecbff}.button{display:inline-block;background:#8ecbff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:600;color:#036;transition:background .2s ease}.button:hover{background:#6bb8ff}.text-button{background:#fff;border:2px solid #2563eb;color:#2563eb;font-weight:700;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease}.text-button:hover{background:#2563eb;color:#fff}.text-button.subtle{border-color:#cbd5f5;color:#475569}.text-button.subtle:hover{background:#f1f5f9;color:#0f172a}.text-button.danger{border-color:#dc2626;color:#dc2626}.text-button.danger:hover{background:#dc2626;color:#fff}.text-center{text-align:center}.muted{color:#777}header.site-header{width:100%;background-color:#23236a;padding:1rem 2rem}header.site-header .header-inner{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#fff;font-weight:600}.nav-links a.active{color:#87cefa}.breadcrumbs{padding:.5rem 2rem;font-size:.85rem;color:#d3d3d3}.breadcrumbs a{color:#87cefa;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{margin:0 .5rem}@media(max-width:768px){.page-container{padding:1rem}.nav-links{display:none;flex-direction:column;gap:1rem}}.hero{width:100%;height:300px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero-overlay{background:#23236abf;padding:2rem;margin-left:2rem;border-radius:12px;max-width:500px}.hero h1{font-size:2rem;margin-bottom:.5rem}.hero p{font-size:1.1rem;opacity:.9}.hero{opacity:0;transform:translateY(15px);animation:heroFadeIn .8s ease forwards}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.signup-title{text-align:center;margin-bottom:.5rem}.signup-subtext{text-align:center;opacity:.8;margin-bottom:1.5rem}.signup-button{width:100%;padding:.9rem;font-size:1.1rem;border-radius:8px;background:#7db7ff}.signup-button:hover{background:#a9d7ff}.error-text{color:salmon;text-align:center;margin-top:1rem}.light-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000d}.light-card,.light-card *{color:#0f172a}.light-card-label{font-size:13px;font-weight:500;color:#64748b;margin-bottom:4px}.light-card-value{font-size:22px;font-weight:700;color:#0f172a}.payment-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:14px;cursor:pointer}.payment-card:hover{border-color:#2563eb}.payment-main{display:flex;justify-content:space-between;align-items:center}.payment-meta{font-size:.85rem;opacity:.7}.payment-amount{font-weight:700}.payment-actions{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.badge{font-size:.75rem;padding:4px 8px;border-radius:999px}.badge.unpaid{background:#fee2e2;color:#991b1b}.badge.paid{background:#dcfce7;color:#166534}.table-wrapper{overflow-x:auto}.compact-table{width:100%;border-collapse:collapse;background:#fff;border:2px solid #e5e7eb}.compact-table th,.compact-table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.compact-table th{background:#f8fafc;font-size:.8rem;text-transform:uppercase}.compact-table tr:hover{background:#f1f5f9}.row-paid{opacity:.6}.payment-list,.payment-list *{color:#0f172a}