:root{--ink:#17322e;--muted:#6d7d79;--cream:#f6f4ed;--paper:#fff;--green:#176b5b;--green2:#dfece7;--yellow:#f3b83c;--red:#d9584c;--line:#dfe5e1;--shadow:0 18px 50px rgba(28,55,49,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink)}button,input,select{font:inherit}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;font-weight:800;color:var(--green);margin:0 0 8px}.muted{color:var(--muted)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#e8eee9}.login-brand{background:var(--green);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-180px;bottom:-160px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.025)}.login-brand .eyebrow{color:#bfe0d5}.login-brand h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;margin:25px 0}.login-brand>p:last-child{max-width:520px;line-height:1.7;color:#d9e9e4}.brand-mark{font-size:2.5rem;border:1px solid rgba(255,255,255,.45);width:64px;height:64px;border-radius:20px;display:grid;place-items:center}.login-card{margin:auto;background:#fff;border-radius:20px;padding:44px;width:min(430px,85%);box-shadow:var(--shadow)}.login-card h2{font-family:Georgia,serif;font-size:2rem;margin:0 0 5px}.login-card label,dialog label{display:grid;gap:7px;font-size:.78rem;font-weight:750;margin-top:20px}input,select{border:1px solid var(--line);border-radius:9px;padding:12px 13px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,91,.12)}button{border:0;cursor:pointer}.primary,.secondary{padding:12px 18px;border-radius:9px;font-weight:750}.primary{background:var(--green);color:#fff}.primary:hover{background:#10594b}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.full{width:100%;margin-top:22px}.demo-hint{margin-top:22px;background:var(--cream);padding:12px;border-radius:8px;display:flex;justify-content:space-between;font-size:.72rem}.form-error{min-height:18px;color:var(--red);font-size:.76rem}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#123f37;color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;margin:0 8px 45px}.logo>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #7caf9f;border-radius:12px;font-size:1.5rem}.logo div{display:grid}.logo small,.operator small{color:#a8c6bd}.sidebar nav{display:grid;gap:7px}.nav-item{background:transparent;color:#bfd4ce;text-align:left;padding:12px;border-radius:9px;font-weight:650}.nav-item span{display:inline-block;width:25px}.nav-item.active,.nav-item:hover{background:#285c52;color:#fff}.sidebar-bottom{margin-top:auto}.operator{border-top:1px solid #37645c;padding-top:20px;display:flex;align-items:center;gap:10px;font-size:.78rem}.operator>span{background:#d8e7df;color:var(--green);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800}.operator div{display:grid}.logout{margin-top:14px;background:transparent;color:#a8c6bd;padding:5px}.topbar{height:95px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(246,244,237,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line)}.topbar h2{font-family:Georgia,serif;margin:0}.topbar .eyebrow{margin-bottom:3px}.mobile-menu{display:none;background:transparent;font-size:1.5rem}.content{padding:32px 4vw 60px;max-width:1500px}.hero{min-height:245px;background:linear-gradient(120deg,#e2ece6,#eef1e8);border-radius:22px;padding:45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1{font-family:Georgia,serif;font-size:clamp(2.1rem,4vw,3.4rem);margin:5px 0 10px}.hero p:last-child{color:var(--muted)}.hero-art{width:260px;height:160px;border-radius:100px 20px 100px 20px;background:#b9d2c7;position:relative;display:grid;place-items:center;color:#fff;font-family:Georgia,serif;font-size:3rem}.hero-art i{position:absolute;background:#fff;border-radius:20px;width:65px;height:22px;transform:rotate(-30deg);opacity:.65}.hero-art i:nth-child(2){top:25px;left:25px}.hero-art i:nth-child(3){bottom:25px;right:28px}.hero-art i:nth-child(4){top:30px;right:12px;transform:rotate(30deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 38px}.metric{background:#fff;padding:22px;border-radius:14px;border:1px solid var(--line)}.metric .metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.metric strong{display:block;font-family:Georgia,serif;font-size:2rem;margin-top:12px}.metric-icon{width:32px;height:32px;border-radius:9px;background:var(--green2);display:grid;place-items:center;color:var(--green)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px}.section-head h3{font-family:Georgia,serif;font-size:1.35rem;margin:0 0 4px}.section-head p{color:var(--muted);margin:0;font-size:.82rem}.link-btn{color:var(--green);background:transparent;font-weight:750}.alert-list{display:grid;gap:10px}.alert-row{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 18px;display:grid;grid-template-columns:1.1fr 1.3fr .6fr .7fr;align-items:center;gap:16px}.patient-cell{display:flex;gap:12px;align-items:center}.avatar{width:39px;height:39px;border-radius:50%;background:#e0ece7;display:grid;place-items:center;color:var(--green);font-weight:800}.patient-cell div,.med-cell{display:grid}.patient-cell small,.med-cell small{color:var(--muted);margin-top:3px}.days strong{font-family:Georgia,serif;font-size:1.25rem}.badge{padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:800;text-align:center}.badge.red{color:#9f3028;background:#fbe1de}.badge.yellow{color:#8a5a00;background:#fff0c9}.badge.green{color:#176b5b;background:#dfece7}.toolbar{display:flex;justify-content:space-between;margin-bottom:22px}.search{background:#fff;border:1px solid var(--line);border-radius:10px;padding-left:13px;display:flex;align-items:center;min-width:340px}.search input{border:0;width:100%}.search input:focus{box-shadow:none}.patient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.patient-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.patient-card .card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.patient-card h3{margin:0}.patient-card .med-detail{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:16px}.patient-card .med-detail p{margin:3px 0;color:var(--muted);font-size:.78rem}.progress{height:6px;background:#edf0ed;border-radius:6px;overflow:hidden;margin-top:12px}.progress span{height:100%;display:block;background:var(--green)}.table-wrap{background:white;border:1px solid var(--line);border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:.8rem}th{color:var(--muted);text-transform:uppercase;font-size:.65rem;letter-spacing:.07em}dialog{border:0;border-radius:18px;padding:0;width:min(560px,92vw);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(10,31,27,.56);backdrop-filter:blur(2px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-family:Georgia,serif;margin:0}.icon-btn{background:transparent;font-size:1.5rem}.notice{background:#edf4f1;color:#3a5d55;border-radius:8px;padding:11px;font-size:.75rem}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog hr{border:0;border-top:1px solid var(--line);margin:25px 0}dialog h3{font-family:Georgia,serif;margin:0}.toast{position:fixed;right:25px;bottom:25px;background:#183c35;color:#fff;padding:14px 20px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(120px);transition:.25s;z-index:20}.toast.show{transform:translateY(0)}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-brand{display:none}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;z-index:10;width:250px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block}.metrics{grid-template-columns:repeat(2,1fr)}.patient-grid{grid-template-columns:1fr}.hero-art{display:none}.alert-row{grid-template-columns:1fr 1fr}.topbar{padding:0 20px}.content{padding:24px 20px}}@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:1.55rem}.alert-row{grid-template-columns:1fr}.topbar .primary{font-size:0;width:42px;height:42px;padding:0}.topbar .primary:after{content:"+";font-size:1.4rem}.toolbar{gap:10px}.search{min-width:0;flex:1}.two-cols{grid-template-columns:1fr}.hero{padding:30px}.demo-hint{display:grid;gap:4px}}