body{font-family:Inter,system-ui,sans-serif;background:#eef2f7;margin:0;color:#1f2937;overflow-x:hidden}.header{background:#0f4c81;color:#fff;padding:22px 24px;font-weight:700;font-size:1rem;text-align:center;border-radius:0 0 26px 26px;box-shadow:0 18px 50px #0f172a29;margin-bottom:8px}.container{max-width:960px;margin:0 auto;padding:32px 16px 96px}.dashboard-page{min-height:calc(100vh - 96px);position:relative;padding:0}.page-content{padding-bottom:96px}.card{background:#fff;padding:26px;border-radius:24px;box-shadow:0 18px 50px #0f172a14;margin:0 0 18px;width:100%;box-sizing:border-box;overflow-x:hidden}.button{background:#0f4c81;color:#fff;padding:12px 16px;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:1rem}.button:hover{opacity:.95}.button.disabled{background:#94a3b8;cursor:not-allowed}.button.secondary,.button.button-secondary{background:#e2e8f0;color:#1f2937}.inline{display:inline-block;margin-right:8px}.input,textarea,select{width:100%;padding:16px;margin-top:8px;box-sizing:border-box;min-width:0;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;font-size:1rem}.form-row{margin-bottom:22px;min-width:0}.form-row label{display:block;margin-bottom:10px;font-weight:700;color:#1f2937;font-size:1rem}.login-card{max-width:520px;margin:0 auto}.form-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.form-actions .button{flex:1;min-width:120px}.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.card-actions .button{flex:1;min-width:120px}.loader{padding:40px;text-align:center;font-size:1rem}body.dark .checkbox-label{background:#1f262c;border-color:#22c57b59;color:#e2e8f0}body.dark .checkbox-label input{accent-color:#22c55e}.menu-header{display:flex;justify-content:center;align-items:center;padding:18px 20px;background:#fffffff0;border-radius:24px;box-shadow:0 18px 40px #0f172a14;margin-bottom:24px}.menu-title{font-size:1rem;font-weight:800}.menu-actions{display:flex;flex-wrap:wrap;gap:10px}.section-title{font-size:1rem;font-weight:700;margin-bottom:12px}.scroll-block{display:grid;gap:12px}.med-card,.med-edit-card{border:1px solid #e2e8f0;border-radius:18px;padding:18px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.med-card.taken{opacity:.5;text-decoration:line-through}.med-card.taken .med-name{color:#94a3b8}.med-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.med-name{font-weight:700;font-size:1rem}.med-line{color:#475569;margin-top:6px}.warning{color:#b45309;font-weight:700}.empty-state{color:#64748b;padding:24px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.checkbox-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;min-width:0;overflow-x:hidden}.checkbox-label{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:12px 14px;border-radius:14px;border:1px solid #cbd5e1;cursor:pointer}.tab-row{display:flex;gap:12px;margin-bottom:22px}.tab-button{flex:1;padding:16px 18px;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc;color:#1f2937;font-weight:700;cursor:pointer;font-size:1rem}.tab-button.active{background:#0f4c81;color:#fff;border-color:#0f4c81}.bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;background:#ffffffb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);display:flex;justify-content:space-around;gap:12px;padding:16px 18px;box-shadow:0 24px 70px #0f172a1f;border-radius:34px}.nav-button{flex:1 1 0;width:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border:none;border-radius:18px;background:#f8fafcf2;color:#1f2937;font-weight:700;cursor:pointer;font-size:1rem;text-align:center}.nav-button.active{background:#0f4c81;color:#fff}.nav-icon{font-size:1rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;flex-wrap:wrap}.setting-row>div:first-child{flex:1 1 0;min-width:0}.setting-label{font-weight:700;color:#1f2937}.setting-description{color:#475569;margin-top:4px}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:52px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#cbd5e1;transition:background .25s ease}.toggle-switch input:checked+.toggle-track{background:#22c55e}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .25s ease;box-shadow:0 2px 8px #0f172a2e}.toggle-switch input:checked+.toggle-track:after{transform:translate(22px)}.error{color:#b91c1c;margin-top:12px;font-weight:600}body.dark{background:#2d3339;color:#e2e8f0}body.dark .header{background:#1d3829}body.dark .container{background:transparent}body.dark .card,body.dark .med-card,body.dark .med-edit-card,body.dark .login-card{background:#232a30;border:1px solid rgba(34,197,123,.22);box-shadow:0 18px 50px #0000003d}body.dark .button{background:#1c6b37;color:#fff}body.dark .button.secondary,body.dark .button.button-secondary{background:#2c343b;color:#d1d5db}body.dark .input,body.dark textarea,body.dark select{background:#1f262c;border:1px solid #3a4550;color:#e2e8f0}body.dark .form-row label,body.dark .section-title,body.dark .menu-title,body.dark .med-name,body.dark .setting-label{color:#e2e8f0}body.dark .med-line,body.dark .setting-description,body.dark .empty-state{color:#94a3b8}body.dark .empty-state{background:#1a2127;border-color:#3d4a57}body.dark .menu-header{background:#192127f0;box-shadow:0 18px 40px #0003}body.dark .tab-button{background:#232a31;border-color:#3a4550;color:#e2e8f0}body.dark .tab-button.active{background:#22c55e;color:#fff;border-color:#22c55e}body.dark .bottom-nav{background:#192127eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #00000038}body.dark .nav-button{background:#262e36f2;color:#e2e8f0}body.dark .nav-button.active{background:#22c55e;color:#fff}body.dark .toggle-track{background:#475569}body.dark .toggle-switch input:checked+.toggle-track{background:#22c55e}.checkbox-label input{accent-color:#0f4c81}.bottom-nav{transition:transform .18s ease,opacity .18s ease}.med-note{font-weight:400;color:#475569;margin-top:6px}body.dark .med-note{color:#94a3b8}body.input-active .bottom-nav{transform:translateY(120%);opacity:0;pointer-events:none}