html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#073d30;background:#eef8f2;font-family:Inter,Arial,Helvetica,sans-serif}.modern-home{background:linear-gradient(#eff9f4d1,#eef9f3e0),url(/landscape-bg.jpeg) 50%/cover no-repeat fixed;min-height:100vh}.modern-navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-bottom:1px solid #00503714;justify-content:space-between;align-items:center;height:82px;padding:0 5%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{color:#fff;background:#087f5b;border-radius:13px;place-items:center;width:42px;height:42px;font-size:27px;font-weight:700;display:grid}.brand-name{color:#123b31;font-size:20px;font-weight:800}.brand-tagline{color:#6a857c;margin-top:2px;font-size:11px}.nav-links{gap:35px;display:flex}.nav-links a{color:#385b51;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none}.nav-links a.active{color:#087f5b}.modern-login-btn{color:#fff;cursor:pointer;background:#087f5b;border:none;border-radius:12px;padding:12px 22px;font-weight:700}.modern-hero{grid-template-columns:1fr .9fr;align-items:center;gap:70px;min-height:590px;padding:70px 8%;display:grid}.hero-left{max-width:650px}.hero-badge{color:#087f5b;background:#fffc;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}.hero-badge span{font-size:20px}.hero-left h1{letter-spacing:-3px;color:#073d30;margin-top:22px;font-size:clamp(45px,5vw,76px);line-height:.98}.hero-left h1 span{color:#087f5b}.hero-left p{color:#46675e;max-width:610px;margin-top:25px;font-size:17px;line-height:1.7}.hero-buttons{gap:14px;margin-top:30px;display:flex}.hero-primary,.hero-secondary{cursor:pointer;border-radius:13px;padding:14px 22px;font-weight:700}.hero-primary{color:#fff;background:#087f5b;border:none}.hero-secondary{color:#087f5b;background:#fffc;border:1px solid #087f5b40}.hero-visual{justify-content:center;align-items:center;min-height:450px;display:flex;position:relative}.glow{filter:blur(40px);opacity:.45;border-radius:50%;position:absolute}.glow-one{background:#7ed8b3;width:250px;height:250px}.glow-two{background:#9ed7ef;width:180px;height:180px;bottom:5%;right:10%}.health-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border-radius:28px;width:390px;padding:28px;position:relative;box-shadow:0 25px 70px #00503226}.health-card-header{align-items:center;gap:14px;display:flex}.health-icon{color:#087f5b;background:#e0f5ec;border-radius:16px;place-items:center;width:50px;height:50px;font-size:25px;display:grid}.health-card small{color:#79958c}.health-card h3{margin-top:3px}.health-line{background:#dcebe4;height:1px;margin:22px 0}.health-item{align-items:center;gap:14px;padding:14px 0;display:flex}.check,.arrow{color:#087f5b;background:#e4f6ee;border-radius:11px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.health-item strong,.health-item small{display:block}.floating-card{z-index:4;background:#ffffffe6;border-radius:17px;align-items:center;gap:10px;padding:13px 17px;display:flex;position:absolute;box-shadow:0 15px 40px #0000001f}.floating-card small,.floating-card strong{display:block}.emergency-float{top:20%;right:0}.ai-float{bottom:15%;left:0}.float-icon{font-size:23px}.modern-features{grid-template-columns:repeat(4,1fr);gap:18px;padding:30px 7%;display:grid}.modern-feature{background:#ffffffd1;border-radius:20px;align-items:center;gap:15px;padding:22px;display:flex}.feature-icon{font-size:28px}.login-page{background:linear-gradient(#eff9f4d6,#eef9f3e6),url(/landscape-bg.jpg) 50%/cover no-repeat fixed;place-items:center;min-height:100vh;padding:30px;display:grid;position:relative}.back-home{color:#087f5b;cursor:pointer;background:#fffc;border:none;border-radius:12px;padding:11px 17px;font-weight:700;position:absolute;top:25px;left:30px}.login-container{width:100%;max-width:470px}.login-brand{text-align:center;margin-bottom:22px}.login-logo{color:#fff;background:#087f5b;border-radius:18px;place-items:center;width:58px;height:58px;margin:auto;font-size:35px;font-weight:700;display:grid}.login-brand h1{margin-top:10px}.login-brand p{color:#668178}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-radius:28px;padding:34px;box-shadow:0 30px 80px #003c2826}.login-card h2{font-size:28px}.login-subtitle{color:#718a82;margin:7px 0 25px}.role-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.role-tabs button{cursor:pointer;background:#fff;border:1px solid #d5e8df;border-radius:12px;padding:13px;font-weight:700}.role-tabs button.role-active{color:#fff;background:#087f5b}.login-card label{margin:14px 0 7px;font-size:13px;font-weight:700;display:block}.login-card input{border:1px solid #d6e6df;border-radius:11px;outline:none;width:100%;padding:14px}.login-card input:focus{border-color:#087f5b}.login-submit{color:#fff;cursor:pointer;background:#087f5b;border:none;border-radius:12px;width:100%;margin-top:22px;padding:15px;font-size:15px;font-weight:800}.demo-login{color:#638077;background:#eff8f4;border-radius:12px;margin-top:18px;padding:13px;font-size:12px}.dashboard-layout{background:linear-gradient(#eff9f4e6,#eff9f4eb),url(/landscape-bg.jpg) 50%/cover no-repeat fixed;grid-template-columns:255px minmax(0,1fr);min-height:100vh;display:grid}.dashboard-sidebar{color:#fff;background:#044630f7;flex-direction:column;min-width:255px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:92px;padding:20px;display:flex}.sidebar-logo{color:#087f5b;background:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:26px;font-weight:800;display:grid}.sidebar-brand strong{font-size:17px;display:block}.sidebar-brand span{color:#ffffffa6;margin-top:3px;font-size:11px;display:block}.sidebar-menu{flex:1;padding:22px 13px;overflow-y:auto}.menu-title{color:#ffffff73;letter-spacing:1px;padding:0 12px 10px;font-size:10px;font-weight:800}.sidebar-item{color:#ffffffbf;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;width:100%;height:46px;margin-bottom:5px;padding:0 13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff17}.sidebar-item.sidebar-active{color:#fff;background:#0a8d64;box-shadow:0 8px 20px #0000001f}.sidebar-icon{text-align:center;flex-shrink:0;width:23px;font-size:17px}.sidebar-bottom{border-top:1px solid #ffffff1a;padding:15px}.sidebar-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.user-avatar{color:#07563e;background:#b8ead5;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.user-info{min-width:0}.user-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.user-info span{color:#ffffff8c;margin-top:2px;font-size:10px;display:block}.sidebar-logout{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2b;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-weight:700;display:flex}.sidebar-logout:hover{background:#ffffff24}.dashboard-main{min-width:0;overflow:hidden}.dashboard-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #00463214;justify-content:space-between;align-items:center;gap:25px;min-height:105px;padding:25px 42px;display:flex}.dashboard-header h1{color:#073d30;font-size:28px;line-height:1.2}.dashboard-header p{color:#668078;margin-top:5px;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.header-actions select{color:#36584f;background:#fff;border:1px solid #d4e6df;border-radius:11px;height:42px;padding:0 13px}.notification-btn{cursor:pointer;background:#fff;border:1px solid #d4e6df;border-radius:11px;width:42px;height:42px}.header-logout{color:#fff;cursor:pointer;background:#087f5b;border:none;border-radius:11px;height:42px;padding:0 17px;font-weight:700}.dashboard-content{width:100%;max-width:1500px;margin:0 auto;padding:35px 42px 55px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;display:grid}.stat-card{background:#ffffffeb;border:1px solid #0050370f;border-radius:22px;align-items:center;gap:16px;min-width:0;min-height:158px;padding:22px;display:flex;box-shadow:0 12px 35px #00463212}.stat-icon{background:#e8f7f1;border-radius:15px;flex:0 0 50px;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.stat-content{min-width:0}.stat-content>span{color:#78938a;font-size:11px;font-weight:600;display:block}.stat-content>strong{color:#123e33;margin-top:5px;font-size:29px;line-height:1.05;display:block}.stat-content>p{color:#59766d;margin-top:6px;font-size:12px;line-height:1.35}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:20px;margin-top:22px;display:grid}.dashboard-panel{background:#ffffffed;border:1px solid #0050370f;border-radius:23px;min-width:0;padding:25px;box-shadow:0 12px 35px #00463212}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-heading h2{color:#073d30;font-size:20px}.panel-heading p{color:#769087;margin-top:4px;font-size:12px}.panel-button{color:#087f5b;cursor:pointer;background:#fff;border:1px solid #d5e7df;border-radius:9px;padding:9px 13px;font-weight:700}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-action{text-align:left;cursor:pointer;background:#f8fcfa;border:1px solid #dcece5;border-radius:15px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;min-width:0;min-height:82px;padding:14px;transition:all .2s;display:grid}.quick-action:hover{background:#eef9f4;transform:translateY(-2px)}.quick-icon{background:#e3f5ed;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.quick-action>div:nth-child(2){min-width:0}.quick-action strong{color:#16483b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.quick-action span{color:#799189;margin-top:3px;font-size:11px;display:block}.quick-action b{color:#087f5b;text-align:center}.emergency-box{background:linear-gradient(145deg,#fff4f1,snow);border:1px solid #f4ded9;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:270px;padding:25px;display:flex}.emergency-icon{background:#ffe6e1;border-radius:15px;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.emergency-box h3{color:#67362e;margin-top:16px}.emergency-box p{color:#896e68;margin-top:7px;font-size:12px;line-height:1.5}.emergency-box button{color:#fff;cursor:pointer;background:#c94b3e;border:none;border-radius:10px;margin-top:17px;padding:12px 16px;font-weight:700}.dashboard-panel+.dashboard-panel{margin-top:22px}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #e7f0ec;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:68px;padding:12px 0;display:grid}.activity-item:last-child{border-bottom:none}.activity-icon{background:#e9f7f1;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.activity-content{min-width:0}.activity-content strong,.activity-content span{display:block}.activity-content strong{font-size:13px}.activity-content span{color:#7a9189;margin-top:3px;font-size:11px}.activity-item small{color:#9aaaa4;font-size:10px}.appointment-list{flex-direction:column;display:flex}.doctor-appointment{border-bottom:1px solid #e5eee9;grid-template-columns:75px minmax(0,1fr) 85px 65px;align-items:center;gap:13px;min-height:72px;display:grid}.doctor-appointment:last-child{border-bottom:none}.appointment-time{color:#087f5b;font-size:12px;font-weight:800}.appointment-patient{align-items:center;gap:10px;min-width:0;display:flex}.patient-avatar{color:#087f5b;background:#e5f5ee;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.appointment-patient strong,.appointment-patient span{display:block}.appointment-patient strong{font-size:12px}.appointment-patient span{color:#7a9189;margin-top:3px;font-size:10px}.appointment-status{text-align:center;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.status-confirmed{color:#087f5b;background:#e4f7ed}.status-pending{color:#9a6b00;background:#fff4db}.doctor-appointment button{color:#087f5b;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:800}.dashboard-section{width:100%}.section-hero{background:#ffffffed;border-radius:22px;align-items:center;gap:18px;min-height:135px;padding:27px;display:flex;box-shadow:0 12px 35px #00463212}.section-icon{background:#e4f6ee;border-radius:18px;flex:0 0 60px;place-items:center;width:60px;height:60px;font-size:27px;display:grid}.section-hero h2{color:#073d30;font-size:25px}.section-hero p{color:#718a82;margin-top:5px;font-size:13px}.section-list{background:#ffffffed;border-radius:22px;margin-top:20px;padding:8px 22px;box-shadow:0 12px 35px #00463212}.section-list-item{border-bottom:1px solid #e7f0ec;grid-template-columns:minmax(0,1fr) 110px 75px;align-items:center;gap:15px;min-height:78px;display:grid}.section-list-item:last-child{border-bottom:none}.list-main{align-items:center;gap:13px;min-width:0;display:flex}.list-number{color:#087f5b;background:#e8f7f1;border-radius:10px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.list-main strong,.list-main span{display:block}.list-main strong{color:#16483b;font-size:13px}.list-main span{color:#7a9189;margin-top:4px;font-size:11px}.list-status{color:#087f5b;text-align:center;font-size:11px;font-weight:700}.small-action{color:#087f5b;cursor:pointer;background:#eef8f4;border:none;border-radius:8px;padding:8px;font-size:10px;font-weight:700}.empty-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-section h2{margin-top:15px}.empty-section p{color:#7a9189;margin-top:7px}@media (width<=1200px){.dashboard-layout{grid-template-columns:225px minmax(0,1fr)}.dashboard-sidebar{min-width:225px}.dashboard-content{padding:28px}.dashboard-header{padding:22px 28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.modern-features{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.dashboard-layout{display:block}.dashboard-sidebar{width:100%;min-width:0;height:auto;position:relative}.sidebar-brand{height:75px}.sidebar-menu{grid-template-columns:repeat(2,1fr);gap:5px;padding:12px;display:grid}.menu-title{grid-column:1/-1}.sidebar-item{margin:0}.sidebar-bottom{align-items:center;gap:15px;display:flex}.sidebar-user{flex:1;margin:0}.sidebar-logout{width:120px}.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.dashboard-content{padding:20px}.stats-grid,.quick-actions{grid-template-columns:1fr}.doctor-appointment{grid-template-columns:65px minmax(0,1fr);padding:12px 0}.appointment-status,.doctor-appointment button{grid-column:2}.section-list-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:15px 0}.list-status{text-align:left;margin-left:48px}.small-action{width:80px;margin-left:48px}.modern-hero{grid-template-columns:1fr;padding:45px 7%}.nav-links{display:none}.modern-features{grid-template-columns:1fr}}@media (width<=550px){.dashboard-content{padding:15px}.dashboard-header{padding:20px}.dashboard-header h1{font-size:23px}.dashboard-panel{padding:18px}.stat-card{min-height:135px}.health-card{width:100%}.hero-buttons{flex-direction:column}.hero-primary,.hero-secondary{width:100%}.emergency-float,.ai-float{display:none}}