:root{--primary: #4F46E5;--primary-dark: #4338CA;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg: #0f172a;--bg-card: #1e293b;--bg-input: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--border: #475569;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}body{padding-bottom:env(safe-area-inset-bottom)}#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;padding:12px 20px;transition:all .15s ease}button:active{transform:scale(.98)}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-dark)}button.secondary{background:var(--bg-input);color:var(--text)}button.success{background:var(--success);color:#fff}button.warning{background:var(--warning);color:#fff}button.danger{background:var(--danger);color:#fff}button.ghost{background:transparent;color:var(--text-muted)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font-family:inherit;font-size:1rem;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);width:100%}input:focus,select:focus{outline:none;border-color:var(--primary)}input[type=time]{-webkit-appearance:none}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:12px}.header{padding:20px;text-align:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.header h1{font-size:1.5rem;font-weight:600}.tabs{display:flex;background:var(--bg-card);padding:4px;border-radius:var(--radius);margin:16px}.tabs button{flex:1;padding:10px;font-size:.9rem;background:transparent;color:var(--text-muted)}.tabs button.active{background:var(--primary);color:#fff}.content{flex:1;padding:0 16px 16px;overflow-y:auto}.badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.badge.taken{background:var(--success)}.badge.skipped{background:var(--warning)}.badge.pending{background:var(--primary)}.empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:6px}.btn-row{display:flex;gap:8px}.btn-row button{flex:1}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-picker button{width:40px;height:40px;border-radius:50%;padding:0;border:3px solid transparent}.color-picker button.selected{border-color:#fff}.days-picker{display:flex;gap:4px}.days-picker button{width:40px;height:40px;border-radius:50%;padding:0;font-size:.8rem;background:var(--bg-input);color:var(--text-muted)}.days-picker button.selected{background:var(--primary);color:#fff}.medicine-card{display:flex;align-items:center;gap:12px}.medicine-color{width:48px;height:48px;border-radius:12px;flex-shrink:0}.medicine-info{flex:1;min-width:0}.medicine-info h3{font-size:1rem;font-weight:600;margin-bottom:2px}.medicine-info p{font-size:.875rem;color:var(--text-muted)}.schedule-times{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.schedule-time{font-size:.75rem;padding:2px 8px;background:var(--bg-input);border-radius:4px}.reminder-card{border-left:4px solid;padding-left:12px}.reminder-actions{display:flex;gap:8px;margin-top:12px}.reminder-actions button{flex:1;padding:10px;font-size:.875rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;text-align:center}.stat-value{font-size:2rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg-card);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:20px}.modal h2{margin-bottom:20px}@media (min-width: 480px){.modal{border-radius:var(--radius);margin-bottom:20vh}}.setup-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.setup-screen svg{width:80px;height:80px;margin-bottom:24px;color:var(--primary)}.setup-screen h1{font-size:2rem;margin-bottom:8px}.setup-screen p{color:var(--text-muted);margin-bottom:32px}.loader{width:40px;height:40px;border:3px solid var(--bg-input);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}