:root{--color-ink:#0f3d3e;--color-ink-hover:#1a5456;--color-ink-light:#f0f5f5;--color-voice:#f2653d;--color-voice-hover:#d84e27;--color-voice-light:#fdf0ec;--color-amber:#f4a340;--color-amber-hover:#e28e2b;--color-amber-light:#fef6eb;--color-cream:#faf6f0;--color-cream-darker:#f3ece0;--color-text:#1c1b18;--color-text-muted:#605f5a;--color-border:#e8e3da;--color-white:#fff;--color-shadow:#1c1b1814;--font-family-title:"Space Grotesk", sans-serif;--font-family-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);background-color:var(--color-cream);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);color:var(--color-ink);font-weight:500;line-height:1.2}.app-container{background-color:var(--color-cream);min-height:100vh;display:flex;position:relative}.sidebar{background-color:var(--color-white);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:280px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand-section{align-items:center;gap:12px;margin-bottom:40px;display:flex}.brand-name{font-family:var(--font-family-title);color:var(--color-ink);font-size:24px;font-weight:700}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item button{border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.nav-item button:hover{background-color:var(--color-cream);color:var(--color-ink)}.nav-item.active button{background-color:var(--color-ink-light);color:var(--color-ink);font-weight:600}.main-viewport{flex-grow:1;width:calc(100% - 280px);min-width:0;margin-left:280px;padding:40px}@media (width<=768px){.main-viewport{margin-top:60px;padding:16px;width:100%!important;margin-left:0!important}}.card{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 16px var(--color-shadow);padding:24px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-ink);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-ink-hover)}.btn-voice{background-color:var(--color-voice);color:var(--color-white)}.btn-voice:hover{background-color:var(--color-voice-hover)}.btn-secondary{background-color:var(--color-cream);color:var(--color-ink);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-cream-darker)}.input-field{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-white);width:100%;color:var(--color-text);transition:var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.input-field:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-ink-light)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-voice{background-color:var(--color-voice-light);color:var(--color-voice)}.badge-amber{background-color:var(--color-amber-light);color:var(--color-amber)}.badge-ink{background-color:var(--color-ink-light);color:var(--color-ink)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.admin-grid{grid-template-columns:1fr 380px;gap:24px;width:100%;display:grid}.admin-grid>div{min-width:0}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:24px;display:grid}.admin-key-form{gap:8px;width:100%;display:flex}@media (width<=1024px){.admin-grid{grid-template-columns:1fr}}@media (width<=768px){.admin-stats-grid{grid-template-columns:1fr}.admin-key-form{flex-direction:column}.admin-key-form button{width:100%}}.ai-panel{background-color:var(--color-white);border-left:1px solid var(--color-border);z-index:1000;flex-direction:column;width:420px;max-width:100vw;padding:24px;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:-420px;box-shadow:-8px 0 32px #0000001f}.ai-panel.open{right:0!important}@media (width<=768px){.ai-panel{width:100%;height:calc(100vh - 60px);top:60px;right:-100%}.ai-panel.open{right:0!important}}.ai-fab{z-index:999;cursor:pointer;background-color:var(--color-voice);width:60px;height:60px;color:var(--color-white);transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #f2653d4d}.ai-fab:hover{background-color:var(--color-voice-hover);transform:scale(1.05)}@media (width<=768px){.ai-fab{width:52px;height:52px;bottom:24px;right:24px;display:flex!important}}.view-header{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin-bottom:32px;display:flex}.view-header-info{flex-grow:1}.view-header-info h1{font-size:28px}.view-header-info p{color:var(--color-text-muted);font-size:14px}.view-header-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=768px){.view-header{flex-direction:column;align-items:stretch;gap:16px}.view-header-actions{width:100%}.view-header-actions button,.view-header-actions .btn{flex:1;justify-content:center}}.habits-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}@media (width<=900px){.habits-grid{grid-template-columns:1fr}}.add-task-form{align-items:center;gap:12px;width:100%;display:flex}.add-task-input{flex-grow:1}.add-task-select{width:130px}.add-task-btn{flex-shrink:0}@media (width<=600px){.add-task-form{flex-wrap:wrap}.add-task-input{flex-grow:0;width:100%}.add-task-select{flex-grow:1;width:auto}.add-task-btn{flex-grow:1;justify-content:center}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#1c1b1899;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--color-white)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;z-index:10001!important;width:100%!important;max-width:520px!important;max-height:85vh!important;color:var(--color-text)!important;padding:28px!important;position:relative!important;overflow-y:auto!important;box-shadow:0 24px 48px #0000004d!important}@media (width<=600px){.modal-overlay{align-items:flex-start;padding-top:60px;padding-bottom:32px}}