:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#102033;background:#f2f5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#b90000;text-decoration:none}button,.btn{border:0;border-radius:9px;background:#e00000;color:white;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:42px}button:hover,.btn:hover{filter:brightness(.92)}button.secondary,.btn.secondary{background:#eef2f7;color:#213c58;border:1px solid #d8e1eb}.small{min-height:36px;padding:8px 12px}.brand{display:block;width:min(100%,330px);height:auto}.app{max-width:1120px;margin:auto;padding:20px 20px 65px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;background:#fff;border:1px solid #dce4ee;border-radius:14px}.app-header form{margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0;padding:7px;background:#fff;border:1px solid #dce4ee;border-radius:12px}.tabs a{padding:11px 16px;font-size:12px;font-weight:800;color:#40566d;border-radius:8px}.tabs a.active{background:#e00000;color:#fff}.main{background:#fff;border:1px solid #dce4ee;border-radius:14px;padding:23px;min-height:300px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}h1{font-size:21px;letter-spacing:.01em;margin:0 0 8px}h2{font-size:15px;margin:0 0 8px}.muted{color:#667b90;font-size:13px;margin:4px 0}.hint{font-size:12px;color:#667b90;line-height:1.6}.date-nav{display:flex;gap:6px}.date-nav .btn{padding:8px 11px;min-height:36px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.stats>div{background:#f4f7fb;border:1px solid #e3eaf3;border-radius:10px;padding:14px;text-align:center}.stats strong{display:block;font-size:25px}.stats span{font-size:10px;font-weight:800;color:#60748a}.dose-list,.med-list{display:grid;gap:12px;margin:15px 0}.dose-card,.panel{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:17px}.dose-card{border-left:5px solid #bdc9d5}.dose-card.taken{border-left-color:#188457}.dose-card.skipped{border-left-color:#d19a27}.dose-main{display:flex;align-items:flex-start;gap:16px}.dose-time{font-size:13px;font-weight:900;color:#a70000;min-width:72px;padding-top:3px}.dose-info{flex:1;min-width:0}.dose-info h2{margin:0 0 4px}.dose-detail{font-size:13px}.dose-info .muted{margin-top:7px}.status{display:inline-block;font-size:10px;letter-spacing:.025em;font-weight:850;border-radius:7px;padding:6px 8px;background:#edf1f6;color:#53657a;white-space:nowrap}.status.taken{background:#e0f5e9;color:#14653d}.status.skipped{background:#fff0d1;color:#885d00}.status.overdue{background:#ffe4e4;color:#aa1b1b}.dose-actions{margin-top:13px}.dose-actions form{display:flex;gap:8px;flex-wrap:wrap}.taken-btn{background:#188457}.text-btn{background:transparent;color:#52667b}.recorded{font-size:11px;color:#75869a;margin-top:9px}.empty{text-align:center;padding:30px}.med-card{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.med-card p{margin:5px 0}.med-actions{display:flex;gap:8px;align-items:center}.med-actions form{margin:0}.danger{color:#a52323!important}.counter{font-size:11px;font-weight:800;color:#5d7288}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:11px;font-weight:800;letter-spacing:.02em}input,textarea,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cbd7e5;border-radius:9px;font:inherit;font-size:14px;color:#14293e;background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid #e0000044;border-color:#d00000}label small{display:block;font-size:11px;color:#667b90;font-weight:400;margin-top:5px}.panel+.panel{margin-top:15px}.panel h2{margin-bottom:14px}.check{display:flex;align-items:center;gap:8px;margin:12px 0}.check input{width:17px;height:17px;margin:0;accent-color:#e00000}.auth-shell{max-width:510px;margin:8vh auto 20px;padding:15px}.auth-panel{padding:27px}.auth-panel .brand{width:min(100%,340px);margin-bottom:25px}.auth-panel h1{margin-bottom:18px}.auth-panel button{margin-top:10px}.alert,.success{padding:12px 14px;border-radius:8px;margin:12px 0 18px;font-size:13px;background:#ffe9e9;color:#9a1818}.success{background:#e6f6ec;color:#17633c}footer{text-align:center;color:#8392a5;font-size:10px;padding:23px 10px}#notificationStatus{min-height:12px}@media(max-width:650px){.app{padding:10px 9px 40px}.app-header{padding:10px}.brand{width:205px}.tabs{gap:2px;justify-content:space-between}.tabs a{font-size:10px;padding:10px 7px}.main{padding:13px}.stats{gap:5px}.stats>div{padding:10px 4px}.stats strong{font-size:21px}.stats span{font-size:9px}.dose-card{padding:12px}.dose-main{gap:8px;flex-wrap:wrap}.dose-time{min-width:66px}.dose-info{flex-basis:calc(100% - 85px)}.dose-main .status{margin-left:74px}.dose-actions button{flex:1;padding:10px 7px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}.auth-shell{margin:25px auto}.auth-panel{padding:20px}}