.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-icon{color:var(--color-primary);fill:var(--color-primary)}.brand-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.navbar-links{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;transition:var(--transition-fast)}.nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-link.active{background:#6366f11a;color:var(--color-primary)}.navbar-user{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.user-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}@media(max-width:768px){.navbar-links span{display:none}.nav-link{padding:var(--spacing-sm)}.user-name{display:none}}.landing-page{min-height:100vh}.landing-header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.logo-icon{color:var(--color-primary);fill:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.header-nav a{color:var(--color-text-secondary);font-weight:500}.header-nav a:hover{color:var(--color-primary)}.hero-section{padding:calc(var(--spacing-3xl) + 60px) 0 var(--spacing-3xl);background:linear-gradient(135deg,#f0f4ff,#fdf2f8)}.hero-section .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.hero-actions{display:flex;gap:var(--spacing-md)}.companion-preview{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl)}.companion-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--spacing-lg)}.companion-bubble,.response-bubble{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);max-width:85%}.companion-bubble{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.response-bubble{background:var(--color-primary);color:#fff;margin-left:auto}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.section-header p{font-size:1.125rem;color:var(--color-text-secondary)}.features-section{background:var(--color-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.feature-card{text-align:center;padding:var(--spacing-xl)}.feature-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:#6366f11a;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-primary)}.feature-card h3{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.how-section{background:var(--color-bg-tertiary)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.how-step{text-align:center}.step-number{width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.how-step h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.how-step p{color:var(--color-text-secondary);line-height:1.6}.benefits-section{background:var(--color-bg-secondary)}.benefits-content{max-width:700px;margin:0 auto}.benefits-text h2{font-size:2rem;margin-bottom:var(--spacing-md)}.benefits-text>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1.125rem;line-height:1.7}.benefits-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.benefits-list li{display:flex;align-items:center;gap:var(--spacing-sm)}.benefits-list li svg{color:var(--color-success);flex-shrink:0}.cta-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.125rem;opacity:.9;margin-bottom:var(--spacing-xl)}.cta-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.cta-section .btn-primary{background:#fff;color:var(--color-primary)}.cta-section .btn-primary:hover{background:var(--color-bg-tertiary)}.cta-section .btn-secondary{background:transparent;border:2px solid white;color:#fff}.cta-section .btn-secondary:hover{background:#ffffff1a}.landing-footer{background:var(--color-text-primary);color:#fff;padding:var(--spacing-xl) 0}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600}.footer-brand .logo-icon{color:#fff;fill:#fff}.footer-content p{color:#fff9;font-size:.875rem}@media(max-width:1024px){.hero-section .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.how-steps{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media(max-width:640px){.header-nav a:not(.btn){display:none}.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.features-grid,.benefits-list{grid-template-columns:1fr}.cta-actions{flex-direction:column}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}.dashboard-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.dashboard-header p{color:var(--color-text-secondary)}.header-date{color:var(--color-text-secondary);font-size:.875rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600}.view-all{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-primary)}.profile-card{grid-column:span 1}.profile-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.profile-info h3{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.profile-info p{color:var(--color-text-secondary);font-size:.875rem}.profile-status{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.stats-card{grid-column:span 2}.stats-card h3{font-size:1rem;margin-bottom:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon.mood{background:#f59e0b1a;font-size:1.25rem}.stat-icon.sleep{background:#6366f11a;color:var(--color-primary)}.stat-icon.activity{background:#10b9811a;color:var(--color-success)}.stat-icon.meds{background:#ec48991a;color:#ec4899}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.125rem;font-weight:600;text-transform:capitalize}.stat-label{font-size:.75rem;color:var(--color-text-secondary)}.cognitive-card{grid-column:span 1}.cognitive-score{text-align:center;margin-bottom:var(--spacing-lg)}.score-circle{width:100px;height:100px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm)}.score-value{font-size:2rem;font-weight:700;color:#fff}.cognitive-score p{font-size:.875rem;color:var(--color-text-secondary)}.cognitive-indicators{display:flex;flex-direction:column;gap:var(--spacing-sm)}.indicator-item{display:flex;align-items:center;gap:var(--spacing-sm)}.indicator-name{font-size:.75rem;color:var(--color-text-secondary);width:100px}.indicator-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.indicator-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full)}.indicator-trend{width:20px;display:flex;align-items:center;justify-content:center}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.trend-stable{color:var(--color-text-muted)}.highlights-card{grid-column:span 2}.highlights-list{list-style:none;margin-bottom:var(--spacing-md)}.highlights-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:.9375rem;color:var(--color-text-secondary)}.highlight-bullet{color:var(--color-primary);font-weight:700}.concerns-section{padding:var(--spacing-md);background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md)}.concerns-section h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-warning);margin-bottom:var(--spacing-sm)}.concern-item{font-size:.875rem;color:var(--color-text-secondary)}.alerts-card{grid-column:span 1}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.alert-item{padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.alert-item.acknowledged{opacity:.6}.alert-content{margin-top:var(--spacing-xs)}.alert-message{font-size:.875rem;color:var(--color-text-primary)}.medications-card{grid-column:span 1}.medications-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.medication-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.med-info{display:flex;flex-direction:column}.med-name{font-weight:500;font-size:.875rem}.med-details{font-size:.75rem;color:var(--color-text-secondary)}.interactions-card{grid-column:span 1}.interaction-summary{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.interaction-stat{display:flex;flex-direction:column;align-items:center}.big-number{font-size:2rem;font-weight:700;color:var(--color-primary)}.interaction-stat span:last-child{font-size:.75rem;color:var(--color-text-secondary)}.interaction-note{font-size:.875rem;color:var(--color-text-secondary);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.stats-card,.highlights-card{grid-column:span 2}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-page{padding:var(--spacing-md)}.dashboard-grid{grid-template-columns:1fr}.stats-card,.highlights-card,.profile-card,.cognitive-card,.alerts-card,.medications-card,.interactions-card{grid-column:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}}.trends-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.date-range{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-size:.875rem;color:var(--color-text-secondary)}.trends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.trend-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.trend-card .card-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem}.trend-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.trend-indicator.positive{background:#10b9811a;color:var(--color-success)}.trend-indicator.negative{background:#ef44441a;color:var(--color-danger)}.trend-indicator.neutral{background:#f59e0b1a;color:var(--color-warning)}.chart-container{margin-bottom:var(--spacing-md)}.trend-summary{display:flex;gap:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.summary-item{display:flex;flex-direction:column}.summary-label{font-size:.75rem;color:var(--color-text-secondary)}.summary-value{font-size:1rem;font-weight:600}.insights-card{margin-top:var(--spacing-lg)}.insights-card h3{font-size:1rem;margin-bottom:var(--spacing-lg)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.insight-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg)}.insight-item.positive{background:#10b9810d;border:1px solid rgba(16,185,129,.2)}.insight-item.warning{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2)}.insight-icon{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.insight-item.positive .insight-icon{background:var(--color-success);color:#fff}.insight-item.warning .insight-icon{background:var(--color-warning);color:#fff}.insight-title{font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-xs)}.insight-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}@media(max-width:1024px){.insights-grid{grid-template-columns:1fr}}@media(max-width:768px){.trends-page{padding:var(--spacing-md)}.trends-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:var(--spacing-md)}}.alerts-page{padding:var(--spacing-xl);max-width:900px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.filters-bar{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.filters-bar svg{color:var(--color-text-muted);flex-shrink:0}.filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;transition:var(--transition-fast)}.filter-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-primary);color:#fff}.filter-btn .count{background:#fff3;padding:2px 6px;border-radius:var(--radius-full);font-size:.75rem}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.alert-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-left:4px solid transparent}.alert-card.acknowledged{opacity:.7}.alert-card.severity-warning{border-left-color:var(--color-warning)}.alert-card.severity-danger{border-left-color:var(--color-danger)}.alert-card.severity-success{border-left-color:var(--color-success)}.alert-card.severity-info{border-left-color:var(--color-info)}.alert-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}.severity-warning .alert-icon{background:#f59e0b1a;color:var(--color-warning)}.severity-danger .alert-icon{background:#ef44441a;color:var(--color-danger)}.severity-success .alert-icon{background:#10b9811a;color:var(--color-success)}.severity-info .alert-icon{background:#3b82f61a;color:var(--color-info)}.alert-body{flex:1}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.alert-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.alert-time{font-size:.75rem;color:var(--color-text-muted)}.alert-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.alert-message{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.acknowledge-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0;align-self:flex-start}.acknowledge-btn:hover{background:var(--color-success);color:#fff}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{font-size:1rem}@media(max-width:640px){.alerts-page{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md)}.page-header .btn{width:100%}.alert-card{flex-wrap:wrap}.acknowledge-btn{margin-left:auto}}.companion-page{padding:var(--spacing-xl);max-width:1000px;margin:0 auto}.companion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.companion-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.companion-header p{color:var(--color-text-secondary)}.demo-badge{padding:var(--spacing-xs) var(--spacing-md);background:#6366f11a;color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.companion-container{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.companion-avatar-section{text-align:center;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.avatar-circle{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:#fff;position:relative;transition:var(--transition-base)}.avatar-circle.speaking{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.speaking-indicator{position:absolute;bottom:-10px;display:flex;gap:4px}.speaking-indicator span{width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full);animation:bounce .6s ease-in-out infinite}.speaking-indicator span:nth-child(2){animation-delay:.1s}.speaking-indicator span:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.companion-avatar-section h2{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.status{font-size:.875rem;color:var(--color-text-secondary)}.chat-section{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.messages-container{flex:1;padding:var(--spacing-lg);overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:var(--spacing-md)}.message{display:flex;flex-direction:column;max-width:80%}.message.oma{align-self:flex-start}.message.senior{align-self:flex-end}.message-content{padding:var(--spacing-md);border-radius:var(--radius-xl)}.message.oma .message-content{background:var(--color-bg-tertiary);border-bottom-left-radius:var(--radius-sm)}.message.senior .message-content{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-content p{font-size:.9375rem;line-height:1.5}.message-time{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.message.senior .message-time{align-self:flex-end}.input-section{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.input-container{display:flex;gap:var(--spacing-sm)}.input-container input{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.9375rem;background:var(--color-bg-primary)}.input-container input:focus{outline:none;border-color:var(--color-primary)}.mic-btn,.send-btn{width:44px;height:44px;border-radius:var(--radius-lg);border:none;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.mic-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mic-btn:hover{background:var(--color-border)}.mic-btn.active{background:var(--color-danger);color:#fff;animation:pulse 1s infinite}.send-btn{background:var(--color-primary);color:#fff}.send-btn:hover:not(:disabled){background:var(--color-primary-dark)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-sm)}.info-card{background:linear-gradient(135deg,#f0f4ff,#fdf2f8);border:1px solid rgba(99,102,241,.2)}.info-card h3{margin-bottom:var(--spacing-sm)}.info-card>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.info-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-card li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.info-card li svg{color:var(--color-primary)}@media(max-width:768px){.companion-page{padding:var(--spacing-md)}.companion-container{grid-template-columns:1fr}.companion-avatar-section{padding:var(--spacing-lg)}.avatar-circle{width:80px;height:80px}.avatar-circle svg{width:32px;height:32px}}.settings-page{padding:var(--spacing-xl);max-width:1000px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.page-header p{color:var(--color-text-secondary)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.settings-card{padding:var(--spacing-xl)}.settings-card.full-width{grid-column:span 2}.settings-card .card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.settings-card .card-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem}.profile-summary{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.profile-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.profile-details h4{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.profile-details p{color:var(--color-text-secondary);font-size:.875rem}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.form-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--color-bg-primary)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.contacts-list{margin-bottom:var(--spacing-lg)}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.contact-info{display:flex;flex-direction:column}.contact-name{font-weight:500}.contact-relation{font-size:.75rem;color:var(--color-text-secondary)}.contact-phone{font-size:.875rem;color:var(--color-text-secondary)}.add-contact-btn{width:100%}.toggle-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.toggle-info{display:flex;flex-direction:column}.toggle-label{font-weight:500;margin-bottom:var(--spacing-xs)}.toggle-desc{font-size:.75rem;color:var(--color-text-secondary)}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--color-border);border-radius:var(--radius-full);transition:var(--transition-fast)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:var(--radius-full);transition:var(--transition-fast)}.toggle input:checked+.slider{background:var(--color-primary)}.toggle input:checked+.slider:before{transform:translate(22px)}.section-desc{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.time-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.privacy-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.privacy-item{display:flex;gap:var(--spacing-md)}.privacy-icon{font-size:1.5rem}.privacy-item strong{display:block;margin-bottom:var(--spacing-xs)}.privacy-item p{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.button-group{display:flex;gap:var(--spacing-md)}.button-group .danger{color:var(--color-danger);border-color:#ef444433}.button-group .danger:hover{background:#ef44441a}.save-section{margin-top:var(--spacing-xl);text-align:center}@media(max-width:768px){.settings-page{padding:var(--spacing-md)}.settings-grid{grid-template-columns:1fr}.settings-card.full-width{grid-column:span 1}.time-inputs,.privacy-info{grid-template-columns:1fr}.button-group{flex-direction:column}}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #10b981;--color-accent: #f59e0b;--color-danger: #ef4444;--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f3f4f6;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-base: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:500;font-size:.875rem;border:none;transition:var(--transition-base)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-success{background:#10b9811a;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.badge-danger{background:#ef44441a;color:var(--color-danger)}.badge-info{background:#3b82f61a;color:var(--color-info)}