:root{--color-taken: #22c55e;--color-missed: #ef4444;--color-pending: #f59e0b;--color-bg: #f9fafb;--color-card: #ffffff;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:#d1d5db}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-remind{background-color:var(--color-primary);color:#fff;padding:6px 14px;font-size:13px}.btn-remind:hover:not(:disabled){background-color:var(--color-primary-hover)}.badge{display:inline-block;padding:4px 12px;border-radius:9999px;font-weight:600;font-size:14px}.badge-taken{background:#dcfce7;color:#166534}.badge-missed{background:#fef2f2;color:#991b1b}.badge-pending{background:#fefce8;color:#854d0e}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-container{text-align:center;width:100%;max-width:400px}.login-title{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.login-subtitle{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px}.login-form{background:var(--color-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;text-align:left}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:4px;color:var(--color-text)}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;transition:border-color .15s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.form-error{color:var(--color-danger);font-size:14px;margin-bottom:12px}.login-form .btn-primary{width:100%;padding:10px 16px;font-size:16px}.dashboard{max-width:1200px;margin:0 auto;padding:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-border);margin-bottom:24px;flex-wrap:wrap;gap:12px}.dashboard-header h1{font-size:24px;font-weight:700}.user-name{font-size:14px;color:var(--color-text-secondary)}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.last-updated{font-size:13px;color:var(--color-text-secondary)}.group-selector{margin-bottom:20px;display:flex;align-items:center;gap:8px}.group-selector select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px}.dependent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.dependent-card{background:var(--color-card);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.dependent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dependent-name{font-size:18px;font-weight:600}.dependent-email{font-size:13px;color:var(--color-text-secondary)}.intake-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.intake-total{font-size:14px;color:var(--color-text-secondary)}.medication-list{border-top:1px solid var(--color-border);padding-top:12px;margin-top:4px}.medication-list h4{font-size:14px;font-weight:600;margin-bottom:6px}.medication-list ul{list-style:none;padding:0}.medication-list li{font-size:13px;color:var(--color-text-secondary);padding:2px 0}.no-data{font-size:14px;color:var(--color-text-secondary);font-style:italic}.loading-screen{display:flex;align-items:center;justify-content:center;padding:48px 16px;font-size:16px;color:var(--color-text-secondary)}.error-message{text-align:center;padding:32px 16px;color:var(--color-danger)}.error-message p{margin-bottom:12px}.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-secondary)}@media(max-width:768px){.dependent-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}}