:root{--m:#42e6b1;--m2:#55b8ff;--bg:#041018;--panel:#0a1d27;--line:#1b3a45;--text:#f4fbff;--muted:#9eb5c0}.med-page{margin:0;background:radial-gradient(circle at 80% 0,#123b3a 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}.med-main{max-width:1180px;margin:auto;padding:28px 18px 90px}.med-hero{display:grid;grid-template-columns:1.5fr .8fr;gap:20px;align-items:center;padding:32px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#0b2029,#07171e);box-shadow:0 24px 70px #0006}.med-kicker,.med-head span,.dialog-head small{font-size:12px;font-weight:900;letter-spacing:.15em;color:var(--m)}.med-hero h1{font-size:clamp(32px,5vw,62px);margin:8px 0}.med-hero h1 span{color:var(--m)}.med-hero p,.med-note{color:var(--muted);line-height:1.6}.med-next{padding:22px;border-radius:22px;background:#07151c;border:1px solid #28505b}.med-next small{color:var(--m);font-weight:900}.med-next strong{display:block;font-size:22px;margin-top:8px}.med-actions{display:flex;gap:12px;margin:20px 0}.med-primary,.med-secondary,.scan-row button,.manual button{border:0;border-radius:14px;padding:13px 18px;font-weight:900;cursor:pointer}.med-primary{background:var(--m);color:#022016}.med-secondary,.scan-row button,.manual button{background:#16333e;color:#fff;border:1px solid #28505b}.med-note{padding:14px 16px;border:1px solid #26424b;border-radius:14px;background:#07161d}.med-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.med-head h2{margin:5px 0 0}.med-grid,.dose-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.med-card,.dose-card,.history-row{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px}.med-card h3,.dose-card h3{margin:4px 0}.med-card .code{font-family:monospace;color:#86a8b5}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#12362f;color:#7af0c8;font-size:12px;font-weight:800}.dose-card.due{border-color:#68e9bd;box-shadow:0 0 0 1px #68e9bd44}.dose-time{font-size:30px;font-weight:950}.dose-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.dose-actions button,.med-card button{border:1px solid #31515c;background:#102832;color:#fff;padding:9px 11px;border-radius:11px;cursor:pointer}.history-list{display:grid;gap:8px}.history-row{display:flex;justify-content:space-between;gap:12px}.history-row small{color:var(--muted)}dialog{border:1px solid #31515c;border-radius:22px;background:#07171e;color:#fff;width:min(620px,calc(100% - 28px));padding:0;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}#medForm,.scanner{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:3px 0 14px}.x{font-size:28px;background:none;border:0;color:#fff;cursor:pointer}label{display:block;margin:13px 0;font-weight:800}input{box-sizing:border-box;width:100%;margin-top:7px;padding:13px;border-radius:12px;border:1px solid #31515c;background:#061219;color:#fff;font-size:16px}.scan-row,.manual{display:flex;gap:8px}.scan-row input,.manual input{flex:1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.dialog-actions button{padding:11px 14px;border-radius:12px;border:1px solid #31515c;background:#102832;color:#fff}.dialog-actions .danger{margin-right:auto;color:#ff9b9b}.scanner{position:relative}.scanner video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:#000}.scan-line{height:2px;background:var(--m);box-shadow:0 0 14px var(--m);position:absolute;left:12%;right:12%;top:46%;animation:scan 1.7s ease-in-out infinite alternate}@keyframes scan{to{transform:translateY(90px)}}.med-toast{position:fixed;z-index:99;left:50%;bottom:28px;transform:translateX(-50%);background:#0e2b31;border:1px solid #58e5b9;padding:13px 18px;border-radius:14px;box-shadow:0 12px 40px #0009}.empty{color:var(--muted);padding:20px;border:1px dashed #31515c;border-radius:16px}@media(max-width:720px){.med-hero{grid-template-columns:1fr;padding:22px}.med-actions{flex-direction:column}.med-grid,.dose-list{grid-template-columns:1fr}.history-row{flex-direction:column}.dialog-actions{flex-wrap:wrap}}