:root{--primary-blue: #0056b3;--primary-blue-dark: #003d80;--primary-blue-light: #eef4ff;--wellness-green: #28a745;--soft-orange: #ff851b;--teal: #39cccc;--white: #ffffff;--light-grey: #f8f9fa;--medium-grey: #dee2e6;--dark-grey: #343a40;--text-color: #212529;--heading-font: "Outfit", sans-serif;--body-font: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 16px;--radius-lg: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.fade-in{animation:fadeIn .8s ease-out forwards}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:var(--body-font);color:var(--text-color);background-color:var(--white);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:700;color:var(--primary-blue-dark)}a{text-decoration:none;color:inherit;transition:.3s}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-block;padding:14px 28px;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);box-shadow:0 4px 15px #0056b34d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0056b366}.btn-secondary{background:linear-gradient(135deg,var(--wellness-green) 0%,#1e7e34 100%);color:var(--white);box-shadow:0 4px 15px #28a7454d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28a74566}header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-sm) 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}nav{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;color:var(--primary-blue)}.nav-links{display:flex;gap:var(--spacing-md)}.nav-links a:hover{color:var(--primary-blue)}.nav-links .active{color:var(--primary-blue);font-weight:700}.hero{background:linear-gradient(135deg,var(--primary-blue-light) 0%,#ffffff 100%);padding:var(--spacing-xl) 0;text-align:center}.hero h1{font-size:3.5rem;margin-bottom:var(--spacing-sm)}.hero p{font-size:1.25rem;color:var(--dark-grey);max-width:700px;margin:0 auto var(--spacing-md)}footer{background:var(--dark-grey);color:var(--white);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-md)}.dashboard-container{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--light-grey)}.sidebar{background:linear-gradient(180deg,var(--primary-blue-dark) 0%,#001f40 100%);color:var(--white);padding:var(--spacing-md);box-shadow:4px 0 15px #0000001a}.card{background:var(--white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);border:1px solid rgba(0,0,0,.05);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:10px}.table th{text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:var(--dark-grey);padding:12px}.table td{padding:16px 12px;background:var(--white);border-top:1px solid var(--light-grey);border-bottom:1px solid var(--light-grey)}.table tr td:first-child{border-left:1px solid var(--light-grey);border-radius:8px 0 0 8px}.table tr td:last-child{border-right:1px solid var(--light-grey);border-radius:0 8px 8px 0}.status-badge{padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:700}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}}