:root{font-family:sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.public-nav{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(229,231,235,.8);transition:all .3s ease}.public-nav.scrolled{background:#fffffffa;box-shadow:0 4px 30px #0000001a}.nav-container{max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 90px;height:80px}.logo{background:transparent;border:none;font-size:28px;font-weight:800;cursor:pointer;color:#2563eb}.desktop-menu{display:flex;align-items:center;gap:8px}.menu-btn{background:transparent;border:none;font-size:15px;cursor:pointer;color:#4b5563;font-weight:600;padding:10px 20px;border-radius:8px;position:relative;transition:all .3s ease}.menu-btn.active{color:#2563eb}.dot{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#2563eb;border-radius:50%}.login-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;padding:12px 28px;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-left:12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb40}.mobile-wrapper{display:none}.hamburger{width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;border:none;background:transparent;cursor:pointer;padding:0;z-index:2001}.hamburger span{width:100%;height:3px;background:#1f2937;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.mobile-menu{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#fff;transform:translate(100%);transition:.3s;padding:20px;z-index:999}.mobile-menu.open{transform:translate(0)}.mobile-menu div{padding:15px 0;border-bottom:1px solid #eee;font-size:18px;cursor:pointer}@media(max-width:768px){.nav-container{padding:0 20px}.logo{font-size:16px;white-space:nowrap}.desktop-menu{display:none}.mobile-wrapper{display:flex;align-items:center}}.patient-nav{position:fixed;top:0;width:100%;background:linear-gradient(135deg,#1e40af,#2563eb);z-index:1000;color:#fff}.patient-logo{color:#fff}.patient-nav .menu-btn{color:#ffffffd9}.patient-nav .menu-btn:hover{color:#fff}.patient-nav .login-btn{background:#ef4444e6}.patient-nav .mobile-menu{background:#1e3a8a;color:#fff}.patient-nav .mobile-menu div{border-bottom:1px solid rgba(255,255,255,.1)}.patient-dashboard{min-height:50vh;background-color:#f8fafc;font-family:Segoe UI,sans-serif;padding-top:20px}.welcome-card{background:#fff;margin:24px;padding:20px;border-radius:12px;box-shadow:0 4px 14px #2563eb26}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 24px 24px}.dashboard-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 18px #2563eb1f;cursor:pointer;transition:all .25s ease}.dashboard-card:hover{transform:translateY(-5px)}@media(max-width:768px){.welcome-card{margin:16px;padding:16px}.dashboard-cards{grid-template-columns:1fr;padding:0 16px 20px}.dashboard-card{padding:16px}}@media(max-width:480px){.welcome-card h3{font-size:18px}.dashboard-card h4{font-size:16px}.dashboard-card p{font-size:13px}}