*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#12345b;background:#f8fbff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 15px #0c4a6e14}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:10px;align-items:center}.brand small{display:block;font-size:12px}.logo{width:44px;height:44px;border-radius:12px;background:#0ea5a8;color:#fff;display:grid;place-items:center;font-size:22px}.menu{display:flex;gap:18px;align-items:center;font-size:14px}.menu-toggle{display:none}.btn{display:inline-block;background:#087fc7;color:#fff;padding:13px 22px;border-radius:10px;border:0;cursor:pointer}.btn.alt{background:#0ea5a8}.btn.danger{background:#d83232}.btn.small{padding:10px 14px}.hero{background:linear-gradient(120deg,#e8f7ff,#fff);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hero h1{font-size:54px;line-height:1.05;margin:0 0 15px}.hero p{font-size:18px;line-height:1.6;color:#466}.hero-card{background:white;border-radius:24px;padding:28px;box-shadow:0 20px 40px #07598518}.doctor-photo{width:100%;border-radius:20px;min-height:360px;object-fit:cover;background:#dff4ff}.section{padding:60px 0}.section h2{font-size:34px;margin:0 0 10px}.muted{color:#60758b}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e2edf5;border-radius:16px;padding:22px;box-shadow:0 10px 30px #0b5d8e0a}.icon{font-size:28px}.stat{font-size:34px;font-weight:700;color:#087fc7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-control{width:100%;padding:13px;border:1px solid #cfe0ec;border-radius:10px;background:#fff}.label{display:block;margin-bottom:6px;font-weight:600}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #e9f0f5;text-align:left}.badge{padding:5px 9px;border-radius:999px;background:#e6f8ef;color:#0a7d49;font-size:12px}.live-box{background:#092f55;color:#fff;border-radius:20px;padding:28px}.live-num{font-size:62px;font-weight:800}.footer{background:#0b2e4d;color:#eaf4fb;margin-top:50px;padding:40px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.copyright{text-align:center;border-top:1px solid #ffffff22;padding:18px;margin-top:30px}.footer a{color:#fff}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0b2e4d;color:#fff;padding:25px}.sidebar a{display:block;padding:11px 12px;border-radius:8px;margin:4px 0}.sidebar a:hover{background:#ffffff18}.content{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center}.kpi{font-size:30px;font-weight:700}.notice{padding:12px 15px;border-radius:10px;background:#e9f9ef;color:#176b3c;margin:15px 0}.error{background:#fff0f0;color:#a51d1d}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{padding:9px 12px;background:#eaf4fb;border-radius:8px}.prescription{background:#fff;padding:30px;border:1px solid #dbe8f0}.rx{font-size:52px;font-family:serif}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:850px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:4%;right:4%;background:#fff;flex-direction:column;padding:20px;box-shadow:0 15px 30px #0002}.menu.show{display:flex}.hero-grid,.grid-3,.grid-4,.form-grid,.footer-grid,.two-col{grid-template-columns:1fr}.hero h1{font-size:38px}.dashboard{grid-template-columns:1fr}.sidebar{position:relative}.content{padding:16px}}