:root{--primary:#2a5c8b;--primary-rgb:42,92,139;--secondary-green:#4caf50;--secondary-purple:#9c27b0;--secondary-orange:#ff6b35;--bg-light:#cdd6e226;--divider-light:#dde1e6;--ai-accent-primary:#00a9ff;--ai-accent-secondary:#39dbff;--ai-glow-color:#00a9ff4d;--primary-dark:#3e8dad;--primary-dark-rgb:62,141,173;--secondary-green-dark:#5dc264;--secondary-purple-dark:#b346c2;--secondary-orange-dark:#ff885d;--divider-dark:#334155;--ai-accent-primary-dark:#38bdf8;--ai-accent-secondary-dark:#67e8f9;--ai-glow-color-dark:#38bdf84d;--input-font-size:16px}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px!important;font-size:var(--input-font-size)!important}@media screen and (max-width:768px){input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{zoom:1;font-size:16px!important;font-size:var(--input-font-size)!important;transform:scale(1)}a,button,label{touch-action:manipulation}}@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-text-size-adjust:none;font-size:16px!important;font-size:var(--input-font-size)!important}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cdd6e2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b4bcc8}body{background-color:#cdd6e226;background-color:var(--bg-light);color:#2d3436;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}body.dark-mode{background-color:#0f172a;background-color:var(--bg-dark);color:#e2e8f0;color:var(--text-light)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;margin-top:0}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}.login-container{background-color:#fff;border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 4px 12px #0000000d;margin:100px auto;max-width:400px;padding:32px;padding:var(--spacing-lg)}.login-container div{margin-bottom:16px;margin-bottom:var(--spacing-sm)}.login-container label{display:block;font-size:14px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.login-container input{border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:8px;border-radius:var(--spacing-xs);box-sizing:border-box;padding:8px;padding:var(--spacing-xs);transition:border .2s ease-in-out;width:100%}.login-container input:focus{border-color:#2a5c8b;border-color:var(--primary);outline:none}.error{color:#ff6b35;color:var(--secondary-orange);font-size:14px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.signup-container{background-color:#fff;border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 4px 12px #0000000d;margin:100px auto;max-width:400px;padding:32px;padding:var(--spacing-lg)}.signup-container div{margin-bottom:16px;margin-bottom:var(--spacing-sm)}.signup-container label{display:block;font-size:14px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.signup-container input{border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:8px;border-radius:var(--spacing-xs);box-sizing:border-box;padding:8px;padding:var(--spacing-xs);transition:border .2s ease-in-out;width:100%}.signup-container input:focus{border-color:#2a5c8b;border-color:var(--primary);outline:none}.dashboard-container{background-color:#cdd6e226;background-color:var(--bg-light);display:grid;font-family:Inter,sans-serif;grid-template-areas:"header header" "sidebar main";grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;transition:grid-template-columns .3s ease-in-out}.dashboard-container.sidebar-effectively-collapsed{grid-template-columns:0 1fr}.sidebar{background-color:#fff;box-shadow:2px 0 5px #0000000d;box-sizing:border-box;grid-area:sidebar;overflow:hidden;padding-top:0;transition:width .3s ease-in-out,padding .3s ease-in-out;width:240px;z-index:100}.dashboard-container.sidebar-effectively-collapsed .sidebar{border-left:none;border-right:none;padding-left:0;padding-right:0;width:0}.sidebar-toggle-header{color:#2d3436;color:var(--text-dark);font-size:24px;margin-right:16px;margin-right:var(--spacing-sm);padding:8px;padding:var(--spacing-xs)}.sidebar-toggle-header:hover{background-color:#dde1e6;background-color:var(--divider-light);border-radius:8px;border-radius:var(--spacing-xs)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;padding:var(--spacing-sm)}.sidebar-section{margin-bottom:16px;margin-bottom:var(--spacing-sm)}.sidebar-section-title{color:#2d3436;color:var(--text-dark);font-size:11px;font-weight:600;margin:16px 0 8px 16px;margin:var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm);opacity:.7;padding:8px 0;padding:var(--spacing-xs) 0;white-space:nowrap}.dashboard-container.sidebar-effectively-collapsed .sidebar .sidebar-nav-item,.dashboard-container.sidebar-effectively-collapsed .sidebar .sidebar-section-title{opacity:0;transition:visibility 0s linear .1s,opacity .1s linear;visibility:hidden}.sidebar-nav-item{border-radius:8px;border-radius:var(--spacing-xs);box-sizing:border-box;color:#2d3436;color:var(--text-dark);margin-bottom:6px;min-width:0;padding:16px;padding:var(--spacing-sm);transition:background-color .2s ease,opacity .1s linear,visibility 0s linear .1s;white-space:nowrap}.sidebar-nav-item:hover{background-color:#e6eaf0}.sidebar-nav-item.active{background-color:#d3dbe7}.dashboard-header{background-color:#cdd6e226;background-color:var(--bg-light);border-bottom:1px solid #dde1e6;border-bottom:1px solid var(--divider-light);box-shadow:0 1px 3px #00000008,0 2px 8px #0000000a;box-sizing:border-box;grid-area:header;height:60px;padding:0 32px;padding:0 var(--spacing-lg);position:sticky;z-index:150}.app-logo{color:#2a5c8b;color:var(--primary);font-size:22px;font-weight:500;text-transform:lowercase}.header-center-level-display{align-items:center}.level-display-header{align-items:center;color:#2d3436;color:var(--text-dark);display:flex;flex-direction:column;padding:8px 0;padding:var(--spacing-xs) 0;text-align:center}.level-title-static{font-size:11px;font-weight:700;letter-spacing:.5px;opacity:.8}.level-number{font-size:21px;font-weight:700;line-height:1.1;margin:1px 0}.level-tier-name{font-size:11px;font-weight:700;letter-spacing:.5px;opacity:.8}.header-right{gap:24px;gap:var(--spacing-md)}.logout-button{background-color:#ff6b35;background-color:var(--secondary-orange);border:none;border-radius:8px;border-radius:var(--spacing-xs);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease,transform .2s ease}.logout-button:hover{background-color:#e65100;box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.user-avatar{align-items:center;background-color:#2a5c8b;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.notification-bell,.theme-toggle{background:none;border:none;color:#2d3436;color:var(--text-dark);cursor:pointer;font-size:22px;padding:8px;padding:var(--spacing-xs);position:relative}.notification-bell .notification-dot{background-color:#ff6b35;background-color:var(--secondary-orange);border:1px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.main-content{grid-area:main;overflow-y:auto;padding:32px;padding:var(--spacing-lg)}.main-content-boxed-area{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background-color:#fff9;border:1px solid #fff3;border-radius:32px;border-radius:var(--spacing-lg);box-shadow:0 8px 32px 0 #1f26871a;margin-left:auto;margin-right:auto;max-width:1400px;padding:32px;padding:var(--spacing-lg)}.life-level-section{margin-bottom:40px;margin-bottom:var(--spacing-xl);padding:32px;padding:var(--spacing-lg);position:relative;text-align:center}.life-level-circle-container{align-items:center;display:flex;flex-direction:column;gap:32px;gap:var(--spacing-lg)}.central-level-display{margin-bottom:24px;margin-bottom:var(--spacing-md)}.central-hexagon{align-items:center;background-color:#2a5c8b;background-color:var(--primary);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;display:flex;font-size:24px;height:121.24px;justify-content:center;margin:0 auto;position:relative;width:140px;z-index:10}.central-hexagon p{margin:0}.summary-stats{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-md);justify-content:center;margin-top:0}.stat-card{background-color:#fff;border-radius:8px;border-radius:var(--spacing-xs);box-shadow:0 2px 8px #0000000d;min-width:140px;padding:16px 24px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.stat-card h4{color:#2d3436;color:var(--text-dark);font-size:14px;margin:0;opacity:.7}.stat-card p{font-size:20px;font-weight:700;margin:8px 0 0;margin:var(--spacing-xs) 0 0 0}.category-grid{grid-gap:24px;grid-gap:var(--spacing-md);gap:24px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px;margin-bottom:var(--spacing-xl)}@media (min-width:992px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.category-grid{grid-template-columns:1fr}}.category-card{background:#fff;border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 2px 8px #0000000d;padding:24px;padding:var(--spacing-md);position:relative;transition:box-shadow .2s ease,transform .2s ease}.category-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-card h3{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs);justify-content:center;margin-top:0}.category-card p{margin:8px 0;margin:var(--spacing-xs) 0}.privacy-indicator{right:8px;right:var(--spacing-xs)}.drag-handle,.privacy-indicator{font-size:14px;position:absolute;top:8px;top:var(--spacing-xs)}.drag-handle{cursor:grab;left:8px;left:var(--spacing-xs);opacity:.5}.xp-bar{background:#eee;height:10px;margin-top:8px;margin-top:var(--spacing-xs);overflow:hidden;width:100%}.fill,.xp-bar{border-radius:8px;border-radius:var(--spacing-xs)}.fill{background:#4caf50;background:var(--secondary-green);height:100%;transition:width .6s ease-in-out}.add-category-card{background:#ffffffb3;border:2px dashed #dde1e6;border:2px dashed var(--divider-light);display:flex;flex-direction:column;transition:background-color .2s ease}.add-category-card:hover{background:#fff}.add-category-card .plus-icon{color:#2a5c8b;color:var(--primary);margin-bottom:8px;margin-bottom:var(--spacing-xs)}.xp-graph-section{background:#0000;border-radius:0;box-shadow:none;padding:24px;padding:var(--spacing-md)}.xp-controls{display:flex;gap:16px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-md)}.xp-controls select{background-color:#fff;border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:8px;border-radius:var(--spacing-xs);cursor:pointer;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:border-color .2s ease}.xp-controls select:focus{border-color:#2a5c8b;border-color:var(--primary);outline:none}.xp-insights{background-color:#2a5c8b0d;border-radius:8px;border-radius:var(--spacing-xs);font-size:14px;margin-top:24px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-sm)}.xp-insights h4{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs);margin-top:0}.xp-graph{height:auto;margin:0 auto;max-width:80%;position:relative}.xp-graph canvas{height:auto!important;max-width:100%!important}.chat-button{align-items:center;background:#2a5c8b;background:var(--primary);border:none;border-radius:50%;bottom:24px;bottom:var(--spacing-md);box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;right:var(--spacing-md);transition:transform .2s ease,background-color .2s ease;width:56px}.chat-button:hover{transform:scale(1.05)}.chat-button.active{animation:pulse 2s infinite}.chat-panel{background:#fff;border-radius:16px;border-radius:var(--spacing-sm);bottom:32px;bottom:var(--spacing-lg);box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;height:480px;overflow:hidden;position:fixed;right:32px;right:var(--spacing-lg);transition:all .3s ease;width:320px;z-index:1001}.chat-panel.focus-mode{height:600px;width:400px}.chat-header{align-items:center;border-bottom:1px solid #dde1e6;border-bottom:1px solid var(--divider-light);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-sm)}.chat-actions{display:flex;gap:8px;gap:var(--spacing-xs)}.chat-action-button{background:none;border:none;cursor:pointer;font-size:16px;transition:color .2s ease}.chat-action-button:hover{color:#2a5c8b;color:var(--primary)}.close-chat{background:none;border:none;color:#2d3436;color:var(--text-dark);cursor:pointer;font-size:22px;line-height:1;padding:8px;padding:var(--spacing-xs)}.chat-history{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.chat-history,.chat-msg{padding:16px;padding:var(--spacing-sm)}.chat-msg{animation:fadeIn .3s ease;border-radius:8px;border-radius:var(--spacing-xs);margin-bottom:16px;margin-bottom:var(--spacing-sm);max-width:80%}.chat-msg.user{align-self:flex-end;background:#e0f7fa;text-align:right}.chat-msg.ai{align-self:flex-start;background:#f1f1f1;position:relative}.chat-msg.ai:before{background:#f1f1f1;content:"";height:12px;left:-6px;position:absolute;top:10px;transform:rotate(45deg);width:12px}.chat-input{border-top:1px solid #dde1e6;border-top:1px solid var(--divider-light)}.chat-input,.chat-input input{padding:16px;padding:var(--spacing-sm)}.chat-input input{border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:var(--spacing-xs);flex:1 1;font-size:14px}.chat-input input:focus{border-color:#2a5c8b;border-color:var(--primary);outline:none}.chat-input button{background:#2a5c8b;background:var(--primary);border-radius:var(--spacing-xs);margin-left:8px;margin-left:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.voice-input{background:none;border:none;color:#2a5c8b;color:var(--primary);cursor:pointer;font-size:18px;margin-right:8px;margin-right:var(--spacing-xs)}.token-display{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;font-weight:700;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:transform .2s ease}.token-display:hover{transform:translateY(-2px)}.token-display:after{content:"💡";font-size:12px;margin-left:8px;margin-left:var(--spacing-xs)}.token-earned{animation:tokenEarned 1s ease}@keyframes tokenEarned{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.token-shop-backdrop{align-items:center;animation:fadeIn .3s ease;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.token-shop{animation:slideIn .3s ease;background:#fff;border-radius:16px;border-radius:var(--spacing-sm);max-width:90%;padding:32px;padding:var(--spacing-lg);position:relative;width:440px}.close-shop{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:16px;right:var(--spacing-sm);top:8px;top:var(--spacing-xs);transition:color .2s ease}.close-shop:hover{color:#ff6b35;color:var(--secondary-orange)}.shop-items{grid-gap:16px;grid-gap:var(--spacing-sm);display:grid;gap:16px;gap:var(--spacing-sm);margin-top:24px;margin-top:var(--spacing-md)}.shop-item{align-items:center;background:#cdd6e226;background:var(--bg-light);border-radius:8px;border-radius:var(--spacing-xs);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-sm);transition:transform .2s ease,box-shadow .2s ease}.shop-item:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.shop-item h4{font-size:16px;margin:0}.shop-item p{font-size:14px;margin:8px 0 0;margin:var(--spacing-xs) 0 0 0;opacity:.7}.shop-item button{background:#2a5c8b;background:var(--primary);border:none;border-radius:8px;border-radius:var(--spacing-xs);color:#fff;cursor:pointer;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.shop-item button:hover{background-color:#1e4e79}.dark-mode .category-card,.dark-mode .chat-panel,.dark-mode .dashboard-header,.dark-mode .life-level-section,.dark-mode .sidebar,.dark-mode .stat-card,.dark-mode .token-shop,.dark-mode .xp-graph-section{background-color:#0f172a;background-color:var(--bg-dark);border-color:#334155;border-color:var(--divider-dark);color:#e2e8f0;color:var(--text-light)}.dark-mode .central-hexagon{background-color:#3e8dad;background-color:var(--primary-dark);color:#e2e8f0;color:var(--text-light)}.dark-mode .stat-card h4{opacity:.8}.dark-mode .stat-card h4,.dark-mode .stat-card p{color:#e2e8f0;color:var(--text-light)}.dark-mode .sidebar{background-color:#0f172a;background-color:var(--bg-dark);box-shadow:2px 0 5px #0000004d}.dark-mode .sidebar-toggle-header{color:#e2e8f0;color:var(--text-light)}.dark-mode .sidebar-toggle-header:hover{background-color:#334155;background-color:var(--divider-dark)}.dark-mode .sidebar-section-title{opacity:.6}.dark-mode .sidebar-nav-item,.dark-mode .sidebar-section-title{color:#e2e8f0;color:var(--text-light)}.dark-mode .sidebar-nav-item:hover{background-color:#3e8dad26}.dark-mode .sidebar-nav-item.active{background-color:#3e8dad40;color:#3e8dad;color:var(--primary-dark)}.dark-mode .chat-header,.dark-mode .chat-input{border-color:#334155;border-color:var(--divider-dark)}.dark-mode .xp-bar{background-color:#333}.dark-mode .fill{background-color:#5dc264;background-color:var(--secondary-green-dark)}.dark-mode .chat-msg.user{background-color:#103a45}.dark-mode .chat-msg.ai,.dark-mode .chat-msg.ai:before{background-color:#2a2a2a}.dark-mode .shop-item{background-color:#1e1e1e}.dark-mode .add-category-card{background:#1e1e1eb3;border-color:#334155;border-color:var(--divider-dark)}.dark-mode .add-category-card:hover{background:#0f172a;background:var(--bg-dark)}.dark-mode .add-category-card .plus-icon{color:#3e8dad;color:var(--primary-dark)}.dark-mode .logout-button{background-color:#ff885d;background-color:var(--secondary-orange-dark);box-shadow:0 1px 3px #0003;color:#0f172a;color:var(--bg-dark)}.dark-mode .logout-button:hover{background-color:#ff6b35;background-color:var(--secondary-orange);box-shadow:0 2px 5px #00000040;color:#fff}.dark-mode .close-chat,.dark-mode .header-center-level-display .level-display-header,.dark-mode .notification-bell,.dark-mode .theme-toggle{color:#e2e8f0;color:var(--text-light)}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}:focus-visible{outline:2px solid #2a5c8b;outline:2px solid var(--primary);outline-offset:2px}.dark-mode .main-content{background-color:#0f172a;background-color:var(--bg-dark)}.dark-mode .main-content-boxed-area{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background-color:#1e293ba6;border:1px solid #33415580;box-shadow:0 8px 32px 0 #00000040}.dark-mode .main-content-boxed-area,.dark-mode .main-content-boxed-area .category-section h2,.dark-mode .main-content-boxed-area .xp-graph-section h2{color:#e2e8f0;color:var(--text-light)}.todo-list-section{background-color:#cdd6e226;background-color:var(--bg-light);border-radius:16px;border-radius:var(--spacing-sm);margin-bottom:32px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-md)}.todo-list-section h3{color:#2d3436;color:var(--text-dark);font-size:18px;margin-bottom:24px;margin-bottom:var(--spacing-md);margin-top:0}.todo-form{gap:16px;gap:var(--spacing-sm);margin-bottom:32px;margin-bottom:var(--spacing-lg)}.todo-form,.todo-form label{display:flex;flex-direction:column}.todo-form label{color:#2d3436;color:var(--text-dark);font-size:14px;gap:8px;gap:var(--spacing-xs)}.todo-form input[type=date],.todo-form input[type=number],.todo-form input[type=text],.todo-form select{background-color:#fff;border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:8px;border-radius:var(--spacing-xs);box-sizing:border-box;font-size:14px;padding:16px;padding:var(--spacing-sm);width:100%}.todo-form input:focus,.todo-form select:focus{border-color:#2a5c8b;border-color:var(--primary);box-shadow:0 0 0 2px #2a5c8b33;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.todo-form button{align-self:flex-start;background-color:#2a5c8b;background-color:var(--primary);border:none;border-radius:8px;border-radius:var(--spacing-xs);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:16px 24px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.todo-form button:hover{background-color:#1e4e79}.todo-form button:disabled{background-color:#dde1e6;background-color:var(--divider-light);color:#2d3436;color:var(--text-dark);cursor:not-allowed;opacity:.7}.todo-list ul{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-sm);list-style-type:none;margin:0;padding:0}.todo-list li{align-items:center;background-color:#fff;border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 2px 5px #00000014;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-md);transition:box-shadow .2s ease}.todo-list li:hover{box-shadow:0 4px 8px #0000001a}.todo-list li .task-content{align-items:center;display:flex;flex-grow:1;margin-right:16px;margin-right:var(--spacing-sm)}.todo-list li .task-dot{background-color:#2d3436;background-color:var(--text-dark);border-radius:50%;flex-shrink:0;height:10px;margin-right:24px;margin-right:var(--spacing-md);width:10px}.todo-list li .task-text{color:#2d3436;color:var(--text-dark);font-size:15px;line-height:1.4}.todo-list li .task-text .due-date{color:#2d3436;color:var(--text-dark);display:block;font-size:12px;margin-top:2px;opacity:.7}.todo-list li button{background-color:#4caf50;background-color:var(--secondary-green);border:none;border-radius:8px;border-radius:var(--spacing-xs);color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.todo-list li button:hover{background-color:#388e3c}.task-metrics{background:#f9f9f9;border-radius:10px;box-shadow:0 2px 6px #0000000d;margin-top:30px;padding:20px}.task-list ul{list-style:none;padding-left:0}.task-list li{border-bottom:1px solid #ddd;padding:10px 0}.dark-mode .todo-list-section{background-color:#334155;background-color:var(--divider-dark)}.dark-mode .todo-form label,.dark-mode .todo-list-section h3{color:#e2e8f0;color:var(--text-light)}.dark-mode .todo-form input[type=date],.dark-mode .todo-form input[type=number],.dark-mode .todo-form input[type=text],.dark-mode .todo-form select{background-color:#0f172a;background-color:var(--bg-dark);border-color:#2d3436;border-color:var(--text-dark);color:#e2e8f0;color:var(--text-light)}.dark-mode .todo-form input::placeholder{color:rgba(var(--text-light-rgb),.5)}.dark-mode .todo-form button{background-color:#3e8dad;background-color:var(--primary-dark)}.dark-mode .todo-form button:hover{background-color:#2a7ca3}.dark-mode .todo-form button:disabled{background-color:#2d3436;background-color:var(--text-dark);color:#e2e8f0;color:var(--text-light);opacity:.5}.dark-mode .todo-list li{background-color:#0f172a;background-color:var(--bg-dark);box-shadow:0 2px 5px #0003}.dark-mode .todo-list li .task-text .due-date{color:#e2e8f0;color:var(--text-light);opacity:.7}.dark-mode .todo-list li button:hover{background-color:#4caf50}.dashboard-top-row-layout{display:flex;flex-wrap:nowrap;gap:32px;gap:var(--spacing-lg);margin-bottom:40px;margin-bottom:var(--spacing-xl)}.dashboard-top-row-layout .todo-list-section{-webkit-backdrop-filter:blur(5px) saturate(120%);backdrop-filter:blur(5px) saturate(120%);background-color:#f8f9fab3;border:1px solid #ffffff26;border-radius:24px;border-radius:var(--spacing-md);box-shadow:0 4px 12px #0000000d;display:flex;flex:0 1 480px;flex-direction:column;min-width:320px;padding:24px;padding:var(--spacing-md)}.manage-tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-md)}.manage-tasks-header h3{color:#2d3436;color:var(--text-dark);font-size:18px;margin:0}.manage-tasks-button{background-color:#00a9ff;background-color:var(--ai-accent-primary);border:none;border-radius:8px;border-radius:var(--spacing-xs);box-shadow:0 2px 4px #00a9ff4d;box-shadow:0 2px 4px var(--ai-glow-color);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease,transform .2s ease}.manage-tasks-button:hover{background-color:#39dbff;background-color:var(--ai-accent-secondary);transform:translateY(-1px)}.dashboard-pending-tasks-list ul{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-sm);list-style-type:none;margin:0;padding:0}.dashboard-pending-tasks-list li{align-items:center;background-color:#fffc;border:1px solid #fff3;border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 2px 5px #0000000f;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-md);transition:box-shadow .2s ease,transform .2s ease}.dashboard-pending-tasks-list li:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.dashboard-pending-tasks-list li .task-content,.todo-list li .task-content{align-items:center;display:flex;flex-grow:1;margin-right:16px;margin-right:var(--spacing-sm)}.dashboard-pending-tasks-list li .task-dot,.todo-list li .task-dot{background-color:#00a9ff;background-color:var(--ai-accent-primary);border-radius:50%;flex-shrink:0;height:10px;margin-right:24px;margin-right:var(--spacing-md);width:10px}.dashboard-pending-tasks-list li .task-text,.todo-list li .task-text{color:#2d3436;color:var(--text-dark);font-size:15px;line-height:1.4}.dashboard-pending-tasks-list li .task-text .due-date,.todo-list li .task-text .due-date{color:#2d3436;color:var(--text-dark);display:block;font-size:12px;margin-top:2px;opacity:.7}.dashboard-pending-tasks-list li button,.todo-list li button{background-color:#4caf50;background-color:var(--secondary-green);border:none;border-radius:8px;border-radius:var(--spacing-xs);box-shadow:0 1px 3px #4caf5066;box-shadow:0 1px 3px rgba(var(--secondary-green-rgb,76,175,80),.4);color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease,transform .2s ease}.dashboard-pending-tasks-list li button:hover,.todo-list li button:hover{background-color:#5dc264;transform:translateY(-1px)}.dark-mode .manage-tasks-header h3{color:#e2e8f0;color:var(--text-light)}.dark-mode .manage-tasks-button{background-color:#38bdf8;background-color:var(--ai-accent-primary-dark);box-shadow:0 2px 4px #38bdf84d;box-shadow:0 2px 4px var(--ai-glow-color-dark)}.goal-card{border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 2px 8px #0000000d;margin-bottom:24px;margin-bottom:var(--spacing-md);padding:24px;padding:var(--spacing-md);transition:box-shadow .2s ease,transform .2s ease}.goal-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.goal-card h3{font-size:18px;margin-top:0}.goal-card h3,.goal-card p{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.goal-card p{line-height:1.6}.goal-card p strong{color:#2d3436;color:var(--text-dark);opacity:.9}.progress-bar-container{background-color:#dde1e6;background-color:var(--divider-light);height:12px;margin-top:16px;margin-top:var(--spacing-sm)}.progress-bar,.progress-bar-container{border-radius:8px;border-radius:var(--spacing-xs)}.progress-bar{background-color:#4caf50;background-color:var(--secondary-green);box-sizing:border-box;color:#fff;font-size:10px;font-weight:500;line-height:12px;padding-right:5px;text-align:right;transition:width .5s ease-in-out}.error-message{background-color:#ff6b351a;border:1px solid #ff6b35;border:1px solid var(--secondary-orange);border-radius:var(--spacing-xs);color:#ff885d;color:var(--secondary-orange-dark);padding:16px;padding:var(--spacing-sm)}.error-message,.modal-error{margin-bottom:24px;margin-bottom:var(--spacing-md)}.dark-mode .goal-card{background-color:#334155b3;border-color:#47556966;box-shadow:0 4px 12px #00000026}.dark-mode .goal-card,.dark-mode .goal-card h3,.dark-mode .goal-card p strong{color:#e2e8f0;color:var(--text-light)}.dark-mode .goal-card p strong{opacity:.9}.dark-mode .progress-bar-container{background-color:#2d3436;background-color:var(--text-dark)}.dark-mode .progress-bar{background-color:#5dc264;background-color:var(--secondary-green-dark);color:#0f172a;color:var(--bg-dark)}.dark-mode .error-message{background-color:#ff885d26;border-color:#ff885d;border-color:var(--secondary-orange-dark);color:#ff885d;color:var(--secondary-orange-dark)}.modal-overlay{animation:fadeIn .3s ease;background:#0009;z-index:1000}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:16px;border-radius:var(--spacing-sm);box-shadow:0 8px 30px #00000026;max-width:90%;padding:32px;padding:var(--spacing-lg)}.dark-mode .modal-content{background:#0f172a;background:var(--bg-dark);border:1px solid #334155;border:1px solid var(--divider-dark);box-shadow:0 8px 30px #0000004d;color:#e2e8f0;color:var(--text-light)}.modal-content h3{font-size:20px;margin-bottom:var(--spacing-md)}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs)}.dark-mode .form-group label{color:#e2e8f0;color:var(--text-light)}.form-group input[type=text],.form-group select,.form-group textarea{background-color:#cdd6e226;background-color:var(--bg-light);border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:8px;border-radius:var(--spacing-xs);box-sizing:border-box;font-size:14px;padding:16px;padding:var(--spacing-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dark-mode .form-group input[type=text],.dark-mode .form-group select,.dark-mode .form-group textarea{background-color:#334155;background-color:var(--divider-dark);border-color:#2d3436;border-color:var(--text-dark);color:#e2e8f0;color:var(--text-light)}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2a5c8b;border-color:var(--primary);box-shadow:0 0 0 3px #2a5c8b33;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);outline:none}.dark-mode .form-group input[type=text]:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:#3e8dad;border-color:var(--primary-dark);box-shadow:0 0 0 3px #3e8dad40;box-shadow:0 0 0 3px rgba(var(--primary-dark-rgb),.25)}.modal-actions{gap:16px;gap:var(--spacing-sm);margin-top:32px;margin-top:var(--spacing-lg)}.modal-actions button{border:none;border-radius:8px;border-radius:var(--spacing-xs);cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease,opacity .2s ease}.modal-actions .save-button{background-color:#2a5c8b;background-color:var(--primary);color:#fff}.modal-actions .save-button:hover{background-color:#1e4e79}.dark-mode .modal-actions .save-button{background-color:#3e8dad;background-color:var(--primary-dark)}.dark-mode .modal-actions .save-button:hover{background-color:#2a7ca3}.modal-actions .cancel-button{background-color:#dde1e6;background-color:var(--divider-light);color:#2d3436;color:var(--text-dark)}.modal-actions .cancel-button:hover{background-color:#bdc3c7}.dark-mode .modal-actions .cancel-button{background-color:#2d3436;background-color:var(--text-dark);color:#e2e8f0;color:var(--text-light)}.dark-mode .modal-actions .cancel-button:hover{background-color:#334155;background-color:var(--divider-dark)}.dark-mode .app-logo{color:#3e8dad;color:var(--primary-dark)}.dark-mode .todo-list li .task-dot{background-color:#38bdf8;background-color:var(--ai-accent-primary-dark)}.dark-mode .todo-list li .task-text{color:#e2e8f0;color:var(--text-light)}.dark-mode .todo-list li .task-text .due-date{color:#e2e8f0;color:var(--text-light);opacity:.7}.dark-mode .todo-list li button{background-color:#5dc264;background-color:var(--secondary-green-dark)}.dark-mode .todo-list li button:hover{background-color:#5dc264}.goal-card .goal-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:8px;padding-bottom:var(--spacing-xs)}.goal-indicators{gap:16px;gap:var(--spacing-sm)}.goal-strikes-indicator{cursor:default;display:inline-flex;font-size:.9em;font-weight:500;padding:3px 8px}.goal-strikes-indicator.low-strikes{background-color:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.goal-strikes-indicator.medium-strikes{background-color:#ffcdd2;border:1px solid #ef9a9a;color:#c62828}.goal-strikes-indicator.high-strikes{background-color:#d32f2f;border:1px solid #b71c1c;color:#fff}.dark-mode .goal-strikes-indicator.low-strikes{background-color:#4e342e;border-color:#795548;color:#ffcc80}.dark-mode .goal-strikes-indicator.medium-strikes{background-color:#5d4037;border-color:#8d6e63;color:#ef9a9a}.dark-mode .goal-strikes-indicator.high-strikes{background-color:#b71c1c;border-color:#7f0000;color:#ffebee}.goal-card .goal-expand-indicator{font-size:1em;transition:transform .2s ease-in-out}.goal-card.expanded .goal-expand-indicator{transform:rotate(90deg)}.tasks-section{border-top:1px solid #dde1e6;border-top:1px solid var(--divider-light);margin-top:24px;margin-top:var(--spacing-md);padding-top:24px;padding-top:var(--spacing-md)}.dark-mode .tasks-section{border-top-color:#334155;border-top-color:var(--divider-dark)}.tasks-section h4{margin-bottom:var(--spacing-sm)}.goal-tasks-list{gap:16px;gap:var(--spacing-sm);list-style-type:none;padding-left:0}.task-item{align-items:flex-start;background-color:#ffffffb3;border:1px solid #dde1e6;border:1px solid var(--divider-light);border-radius:var(--spacing-xs);box-shadow:0 1px 3px #0000000a;padding:16px 24px;padding:var(--spacing-sm) var(--spacing-md)}.dark-mode .task-item{background-color:#0f172ab3;border-color:#2d3436;border-color:var(--text-dark)}.task-item-content{margin-right:16px;margin-right:var(--spacing-sm)}.task-item-content strong{display:block;font-size:15px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.task-item-content p{color:#2d3436;color:var(--text-dark);font-size:13px;line-height:1.5;margin-bottom:0;margin-top:0;opacity:.8}.dark-mode .task-item-content p{color:#e2e8f0;color:var(--text-light);opacity:.7}.complete-task-button{background-color:#4caf50;background-color:var(--secondary-green);border:none;border-radius:8px;border-radius:var(--spacing-xs);box-shadow:0 1px 3px #0000001a;color:#fff;font-size:13px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.complete-task-button:hover{background-color:#388e3c}.dark-mode .complete-task-button{background-color:#5dc264;background-color:var(--secondary-green-dark)}.dark-mode .complete-task-button:hover{background-color:#4caf50}.task-status-completed .task-item-content strong{opacity:.6;text-decoration:line-through}.dark-mode .task-status-completed .task-item-content strong{opacity:.5}.dark-mode .tasks-page-header{border-bottom-color:#334155;border-bottom-color:var(--divider-dark)}.dark-mode .tasks-page-header h1{color:#e2e8f0;color:var(--text-light)}.dark-mode .tasks-page-header button{background-color:#3e8dad;background-color:var(--primary-dark)}.dark-mode .tasks-page-header button:hover{background-color:#2a7ca3}.dark-mode .tasks-page-main-content .todo-list-section{background-color:#334155;background-color:var(--divider-dark);box-shadow:0 2px 10px #0003}.goal-actions{border-top:1px dashed #dde1e6;border-top:1px dashed var(--divider-light);margin-top:var(--spacing-sm);padding-top:16px;padding-top:var(--spacing-sm)}.dark-mode .goal-actions{border-top-color:#334155;border-top-color:var(--divider-dark)}.delete-goal-button{background-color:#ff6b35;background-color:var(--secondary-orange);border:none;border-radius:8px;border-radius:var(--spacing-xs);color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease,opacity .2s ease}.delete-goal-button:hover{background-color:#d35400;opacity:.9}.dark-mode .delete-goal-button{background-color:#ff885d;background-color:var(--secondary-orange-dark);color:#e2e8f0;color:var(--text-light)}.dark-mode .delete-goal-button:hover{background-color:#ff6b35;background-color:var(--secondary-orange);opacity:.9}body.dark-mode ::-webkit-scrollbar-track,body.dark-mode::-webkit-scrollbar-track{background:#2d3748}body.dark-mode ::-webkit-scrollbar-thumb,body.dark-mode::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover,body.dark-mode::-webkit-scrollbar-thumb:hover{background:#718096}.suggestion-container{background-color:#f7f7f7;border:1px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;margin:8px 12px;padding:12px 16px;position:relative;z-index:1}.dark-mode .suggestion-container{background-color:#2c2c38;border-color:#404050}.suggestion-container:before{animation:suggestion-border-steam 120s linear infinite;background:linear-gradient(45deg,var(--secondary),#00a5a5,#0087a5,#0068a5,#003aa5,#000ba5,#4500a5);background-size:400%;border-radius:13px;box-sizing:border-box;content:"";height:calc(100% + 2px);left:-1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;pointer-events:none;position:absolute;top:-1px;width:calc(100% + 2px);z-index:0}@keyframes suggestion-border-steam{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.suggestion-text p{color:#111;font-weight:500;margin:0 0 4px}.dark-mode .suggestion-text p{color:#e0e0e0}.suggestion-text p:first-child{color:#666;font-size:.9em;font-weight:700}.dark-mode .suggestion-text p:first-child{color:#a0a0b0}.suggestion-text p strong{color:#111;font-weight:700}.dark-mode .suggestion-text p strong{color:#fff}.suggestion-description{color:#555;font-size:.9em;margin-top:8px!important}.dark-mode .suggestion-description{color:#b0b0c0}.suggestion-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.suggestion-button.decline:hover{background-color:#fecaca}.suggestion-button.accept:hover{background-color:#bbf7d0}.chat-messages-area::-webkit-scrollbar-button{display:none;height:0;width:0}.chat-messages-area{scrollbar-color:var(--divider-light) #0000;scrollbar-width:thin}body.dark-mode .chat-messages-area{scrollbar-color:#444 #0000}.chat-bubble.user{align-self:flex-end;background-color:#007bff;border-bottom-right-radius:4px;color:#fff}.chat-bubble>:first-child{margin-top:0}.chat-bubble>:last-child{margin-bottom:0}.chat-bubble table{background-color:#ffffff1a;border-collapse:collapse;border-radius:4px;margin-bottom:.5rem;margin-top:.5rem;overflow:hidden;table-layout:fixed;width:100%}.chat-bubble td,.chat-bubble th{word-wrap:break-word;border-bottom:1px solid #fff3;padding:8px 12px;text-align:left}.chat-bubble th{background-color:#ffffff26;font-weight:600}.chat-bubble tr:last-child td{border-bottom:none}.dark-mode .chat-bubble table{background-color:#0003;border:1px solid #ffffff1a}.dark-mode .chat-bubble th{background-color:#0000004d}.dark-mode .chat-bubble td,.dark-mode .chat-bubble th{border-bottom:1px solid #ffffff1a}.chat-bubble pre{background-color:#0000000d;border-radius:6px;margin-bottom:.5rem;margin-top:.5rem;max-width:100%;overflow-x:auto;padding:12px;white-space:pre}.dark-mode .chat-bubble pre{background-color:#0003;border:1px solid #ffffff1a}.chat-bubble strong{font-weight:600}.chat-bubble img{border-radius:8px;display:block;height:auto;margin-top:8px;max-width:100%}.web-search-indicator{align-items:center;color:#555;display:flex;font-size:15px;font-weight:400;justify-content:flex-start;margin:8px 0;min-width:180px;padding:10px 3px;position:relative}.web-search-indicator .search-text{animation:gradient-move 3s linear infinite;background:linear-gradient(90deg,#c5c5c5,#b4b4b4,#a3a3a3,#717171,#4b4b4b);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:#0000}@keyframes gradient-move{0%{background-position:0 50%}to{background-position:100% 50%}}.web-search-indicator .search-icon{align-items:center;display:flex;font-size:18px;margin-right:10px;opacity:.85}body.dark-mode .web-search-indicator{color:#888}body.dark-mode .web-search-indicator .search-text{animation:gradient-move 8s linear infinite;background:linear-gradient(90deg,#c5c5c5,#b4b4b4,#a3a3a3,#a9a9a9,#919191);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:#0000}.chat-bubble a{background-color:#00000014;border-radius:9999px;color:#333;display:inline-block;font-size:9px;line-height:1;margin-left:4px;padding:2px 8px;text-decoration:none;transition:background-color .2s ease}.chat-bubble a:hover{background-color:#00000026}body.dark-mode .chat-bubble a{background-color:#ffffff1f;color:#e5e5e5}body.dark-mode .chat-bubble a:hover{background-color:#fff3}.chat-bubble ol,.chat-bubble ul{margin-left:.8em;padding-left:1.1em}.chat-bubble li{margin-bottom:.2em;padding-left:0}.chat-bubble.has-disclaimer{position:relative}.disclaimer-icon-wrapper{bottom:8px;cursor:pointer;position:absolute;right:10px;z-index:2}.disclaimer-icon-wrapper .disclaimer-icon-svg{color:#555;display:block;opacity:.6;transition:opacity .2s ease}.disclaimer-icon-wrapper:hover .disclaimer-icon-svg{opacity:1}body.dark-mode .disclaimer-icon-wrapper .disclaimer-icon-svg{color:#bbb}.disclaimer-tooltip{background-color:#2c2c2c;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#f1f1f1;font-size:13px;line-height:1.4;margin-bottom:12px;opacity:0;padding:10px;pointer-events:none;position:absolute;right:0;text-align:center;transition:opacity .2s ease-in-out;visibility:hidden;width:180px;z-index:10}.disclaimer-tooltip:after{border:6px solid #0000;border-top-color:#2c2c2c;content:"";position:absolute;right:16px;top:100%}.disclaimer-icon-wrapper:hover .disclaimer-tooltip{opacity:1;visibility:visible}body:not(.dark-mode) .disclaimer-tooltip{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #00000026;color:#333}body:not(.dark-mode) .disclaimer-tooltip:after{border-top-color:#fff}@media (max-width:768px){.chat-panel-component.fullscreen{border-radius:0!important;bottom:0!important;height:100%!important;left:0!important;max-width:100%!important;right:0!important;top:0!important;transform:translateY(0)!important;width:100%!important;z-index:1200!important}.chat-panel-component{border-radius:0;bottom:0;height:100%;left:0;max-width:100%;right:0;top:0;transform:translateY(100%);width:100%}.chat-panel-component.open{transform:translateY(0)}.chat-panel-component .chat-panel-header{padding:12px 16px}.chat-panel-component .chat-panel-header .chat-title{font-size:18px}.chat-panel-component .chat-panel-close-btn{height:32px;width:32px}.chat-panel-component .chat-messages-area{padding:12px}.chat-panel-component .chat-bubble{margin-bottom:12px;max-width:85%;padding:12px}.chat-panel-component .chat-input-area{padding:12px}.chat-panel-component .chat-input-area input[type=text]{font-size:14px;padding:10px 40px 10px 12px}.chat-panel-component .chat-input-area .send-arrow-btn{height:32px;right:6px;width:32px}.chat-panel-component .typing-indicator{margin-bottom:12px;padding:8px 12px}}.chat-panel-component .typing-indicator .animated-ellipsis{animation:simpleEllipsisPulse 1.5s ease-in-out infinite;background:#0000!important;border-radius:0!important;height:auto!important;width:auto!important}.chat-panel-component .chat-input-area .send-arrow-btn:disabled{background-color:#888;cursor:not-allowed;opacity:.6}.homepage main{margin:0;padding:0}.homepage .chat-button-component{display:none}:root{--primary:#333;--primary-light:#00a5a5;--primary-dark:#1f1f1f;--secondary:#00a5a5;--secondary-light:#00bebe;--accent:#ff6b35;--text-dark:#2d3436;--text-light:#e2e8f0;--bg-light:#f8f8f8;--bg-dark:#0f172a;--bg-light-alt:#f4f7f9;--success:#4caf50;--warning:orange;--danger:#ff5252;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:20px;--shadow-sm:0 1px 3px #0000001f;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition:all 0.3s ease;--learning:#3b82f6;--wellness:#10b981;--finance:#8b5cf6;--personal:#f97316;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px}.homepage{background-color:#f8f8f8;background-color:var(--bg-light);color:#2d3436;color:var(--text-dark);font-family:Livvic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}body.dark-mode .homepage{background-color:#1f1f1f;color:#e2e8f0;color:var(--text-light,#e2e8f0)}.home-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem 5%;position:sticky;top:0;z-index:1000}.header-center-logo,.home-navbar,.nav-left{align-items:center;display:flex}.header-center-logo{gap:10px}.nav-logo{color:#333;color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#2d3436;color:var(--text-dark);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.nav-link,.nav-link:after{transition:all .3s ease;transition:var(--transition)}.nav-link:after{background-color:#333;background-color:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-right{display:flex;gap:1rem}.login-button,.signup-button{border-radius:8px;border-radius:var(--border-radius);font-weight:600;margin-right:1rem;padding:.5rem 1.25rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.login-button{background:#0000;border:none;color:#333;color:var(--primary)}.login-button:hover{background-color:#2a5c8b0d}.signup-button{background-color:#00a5a5;background-color:var(--secondary);color:#fff}.signup-button:hover{background-color:#00bebe;background-color:var(--secondary-light)}body.dark-mode .login-button,body.dark-mode .signup-button{border:none;color:#fff}body.dark-mode .login-button:hover{background-color:#ffffff1a}body.dark-mode .signup-button:hover{background-color:#00bebe;background-color:var(--secondary-light)}.hero-section{background:linear-gradient(135deg,#f8fafc,#e0f2fe);background-color:#f4f7f9;overflow:hidden;padding:3rem 5% 5rem;position:relative}.hero-section:before{background:radial-gradient(circle,#00a5a526 0,#00a5a500 70%);height:70%;right:-10%;top:-20%;width:40%}.hero-section:after,.hero-section:before{border-radius:50%;content:"";position:absolute;z-index:1}.hero-section:after{background:radial-gradient(circle,#2a5c8b1a 0,#2a5c8b00 70%);bottom:-30%;height:60%;left:-10%;width:60%}.get-started-button{background-color:#00a5a5;background-color:var(--secondary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.get-started-button:hover{background-color:#00bebe;background-color:var(--secondary-light);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.hero-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:2}.hero-text{padding-right:2rem;width:50%}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#333 0,#00a5a5);background:linear-gradient(to right,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-text p{color:#4a5568;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;max-width:90%}.interactive-prompt{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.interactive-prompt h3{color:#333;color:var(--primary);font-size:1.25rem;margin-bottom:1rem}.hero-input{border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.hero-input:focus{border-color:#333;border-color:var(--primary);box-shadow:0 0 0 3px #2a5c8b1a;outline:none}.interactive-prompt form{margin-bottom:1rem;position:relative}.prompt-submit{align-items:center;background:none;border:none;border-radius:50%;color:#333;color:var(--primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition)}.prompt-submit:hover{background-color:#2a5c8b1a}.ai-response{background-color:#f8fafc;border-left:3px solid #00a5a5;border-left:3px solid var(--secondary);border-radius:8px;border-radius:var(--border-radius);min-height:60px;opacity:0;padding:1rem;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.ai-response.visible{opacity:1;transform:translateY(0)}.typing-indicator{align-items:center;display:flex;gap:.5rem}.typing-indicator span{animation:typingAnimation 1.5s ease-in-out infinite;background-color:#00a5a5;background-color:var(--secondary);border-radius:50%;display:inline-block;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s}@keyframes typingAnimation{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.hero-cta{display:flex;gap:1rem;margin-top:2rem}.cta-button{border-radius:8px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.cta-button.primary{background-color:#00a5a5;background-color:var(--secondary);color:#fff}.cta-button.primary:hover{background-color:#00bebe;background-color:var(--secondary-light);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.cta-button.secondary{background-color:initial;border:1px solid #333;border:1px solid var(--primary);color:#333;color:var(--primary)}.cta-button.secondary:hover{background-color:#2a5c8b0d;transform:translateY(-2px)}.hero-graphic{position:relative;width:45%}.dashboard-preview{background-color:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .3s ease;transition:var(--transition)}.dashboard-preview:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateY(0) rotateX(0)}.preview-header{align-items:center;background-color:#333;background-color:var(--primary);color:#fff;display:flex;padding:1rem}.preview-dots{display:flex;gap:.5rem;margin-right:1.5rem}.preview-dots span{border-radius:50%;display:block;height:12px;width:12px}.preview-dots span:first-child{background-color:#ff5f57}.preview-dots span:nth-child(2){background-color:#ffbd2e}.preview-dots span:nth-child(3){background-color:#28ca41}.preview-title{font-size:1rem;font-weight:600}.preview-content{padding:1.5rem}.preview-metrics{display:flex;justify-content:space-between;margin-bottom:1.5rem}.metric{align-items:center;background-color:#f8fafc;border-radius:8px;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1rem;width:30%}.metric-value{color:#333;color:var(--primary);font-size:1.5rem;font-weight:700;margin:.5rem 0}.metric-label{color:#64748b;font-size:.875rem}.preview-chart{background-color:#f8fafc;border-radius:8px;border-radius:var(--border-radius);padding:1rem;text-align:center}.chart-placeholder{background:linear-gradient(90deg,#00a5a5,#00a5a5);background:linear-gradient(90deg,var(--primary-light) 0,var(--secondary) 100%);border-radius:4px;border-radius:var(--border-radius-sm);height:120px;overflow:hidden;position:relative}.chart-placeholder:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.chart-label{color:#64748b;font-size:.875rem;margin-top:.5rem}.features-section{background-color:#f8f8f8;background-color:var(--bg-light);padding:5rem 5%;position:relative}body.dark-mode .features-section{background-color:#1f1f1f;border-top:1px solid #333}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#333;color:var(--primary);font-size:2.25rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#64748b;font-size:1.125rem;margin:0 auto;max-width:600px}body.dark-mode .section-header p{color:#9ca3af}.features-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.tab{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.tab:hover{background-color:#f1f5f9}.tab.active{background-color:#333;background-color:var(--primary);border-color:#333;border-color:var(--primary);color:#fff}body.dark-mode .tab{background-color:#2a2a2a;border-color:#444;color:#e5e7eb}body.dark-mode .tab:hover{background-color:#333}body.dark-mode .tab.active{background-color:#00a5a5;background-color:var(--secondary);border-color:#00a5a5;border-color:var(--secondary);color:#fff}.feature-sandbox{background-color:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:900px;min-height:400px;padding:1.5rem}body.dark-mode .feature-sandbox{background-color:#2a2a2a;border:1px solid #333;box-shadow:0 10px 24px #00000059}.sandbox-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.sandbox-header h3{color:#333;color:var(--primary);font-size:1.25rem;margin:0}@media (min-width:600px){.homepage .category-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:100%;overflow:hidden;width:100%}.homepage .category-card-redesigned{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1 150px;flex-direction:column;height:175px;max-width:175px;min-width:150px;padding:20px;text-align:center;transition:all .2s ease-in-out}}.add-task-button{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--border-radius);gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.add-task-button:hover{background-color:#e2e8f0}.task-list{margin-bottom:1.5rem}.demo-task{align-items:flex-start;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);display:flex;margin-bottom:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;transition:var(--transition)}.demo-task:hover{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm)}.demo-task.completed{background-color:#f8fafc;border-color:#f1f5f9}.task-checkbox-wrapper{margin-right:1rem;padding-top:3px}.task-checkbox-wrapper input{accent-color:#333;accent-color:var(--primary);cursor:pointer;height:1.25rem;width:1.25rem}.task-title{color:#334155;font-size:1rem;margin-bottom:.5rem}.demo-task.completed .task-title{color:#94a3b8;text-decoration:line-through}.task-meta{gap:.75rem}.task-category,.task-priority{border-radius:4px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.task-category{background-color:#f1f5f9;color:#64748b}.task-category.learning{background-color:#dbeafe;color:#3b82f6}.task-category.wellness{background-color:#dcfce7;color:#10b981}.task-category.finance{background-color:#f3e8ff;color:#8b5cf6}.task-category.personal{background-color:#fff7ed;color:#f97316}.task-priority{background-color:#f1f5f9;color:#64748b}.task-priority.easy{background-color:#dcfce7;color:#16a34a}.task-priority.medium{background-color:#ffedd5;color:#ea580c}.task-priority.hard{background-color:#fee2e2;color:#dc2626}.xp-popup{animation:xpPopup 2s forwards;background-color:#00a5a5;background-color:var(--secondary);border-radius:8px;border-radius:var(--border-radius);color:#fff;font-size:1.25rem;font-weight:700;left:50%;padding:.5rem 1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes xpPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.8)}}.sandbox-note{background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;border-radius:var(--border-radius);color:#64748b;font-size:.875rem;padding:.75rem;text-align:center}body.dark-mode .sandbox-note{background-color:#1f1f1f;border-color:#333;color:#9ca3af}.sandbox-note span{color:#333;color:var(--primary);font-weight:600}body.dark-mode .sandbox-note span{color:#00bebe;color:var(--secondary-light)}.goal-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.goal-card{border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);padding:1.25rem;transition:all .3s ease;transition:var(--transition)}.goal-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-3px)}body.dark-mode .goal-card{background-color:#333;border-color:#444}body.dark-mode .goal-header h4{color:#e5e7eb}body.dark-mode .goal-category.learning{background-color:#1e3a8a;color:#93c5fd}body.dark-mode .goal-category.finance{background-color:#581c87;color:#d8b4fe}body.dark-mode .progress-bar{background-color:#4b5563}body.dark-mode .progress-fill{background-color:#00a5a5;background-color:var(--secondary)}body.dark-mode .milestone,body.dark-mode .progress-text{color:#9ca3af}body.dark-mode .milestone.completed{color:#34d399}body.dark-mode .milestone-dot{background-color:#6b7280}.goal-header{align-items:flex-start;margin-bottom:1rem}.goal-header h4{color:#334155;font-size:1rem;margin:0}.goal-category{border-radius:4px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.goal-category.learning{background-color:#dbeafe;color:#3b82f6}.goal-category.finance{background-color:#f3e8ff;color:#8b5cf6}.goal-progress{margin-bottom:1rem}.progress-bar{background-color:#f1f5f9;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background-color:#333;background-color:var(--primary);border-radius:4px;height:100%}.progress-text{color:#64748b;font-size:.75rem}.goal-milestones{display:flex;flex-direction:column;gap:.5rem}.milestone{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.milestone.completed{color:#10b981}.milestone-dot{background-color:#cbd5e1;border-radius:50%;height:6px;margin-left:4px;width:6px}.ai-chat-demo{border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);height:350px;margin-bottom:1.5rem;overflow:hidden}.ai-chat-demo,.chat-messages{display:flex;flex-direction:column}.chat-messages{background-color:#f8fafc;flex-grow:1;gap:1rem;overflow-y:auto;padding:1rem}.chat-message{display:flex;gap:.75rem;max-width:80%}.chat-message.ai{align-self:flex-start}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background-color:#333;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.chat-message.user .message-avatar{display:none}.message-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);padding:1rem}.chat-message.user .message-content{background-color:#333;background-color:var(--primary);border:none;color:#fff}.message-content p{line-height:1.5;margin:0 0 .75rem}.message-content p:last-child{margin-bottom:0}.message-content ol{margin:0;padding-left:1.25rem}.message-content li{margin-bottom:.5rem}.chat-input{background-color:#fff;border-top:1px solid #e2e8f0;display:flex;padding:.75rem}.chat-input input{border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);flex-grow:1;margin-right:.75rem;padding:.75rem}.chat-input button{align-items:center;background-color:#333;background-color:var(--primary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.chat-input button:disabled,.chat-input input:disabled{cursor:not-allowed;opacity:.7}.analytics-charts,.analytics-demo{margin-bottom:1.5rem}.analytics-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);padding:1rem;text-align:center}.chart{height:150px;margin-bottom:.75rem}.chart-title{color:#64748b;font-size:.875rem}.productivity-chart .chart-bars{align-items:flex-end;display:flex;height:100%;justify-content:space-between}.chart-bar{background-color:#cbd5e1;border-radius:4px;border-radius:var(--border-radius-sm);position:relative;transition:all .3s ease;transition:var(--transition);width:12%}.chart-bar.active{background-color:#333;background-color:var(--primary)}.chart-bar:hover{opacity:.8}.chart-bar span{bottom:-25px;color:#64748b;font-size:.75rem;left:50%;position:absolute;transform:translateX(-50%)}.category-distribution{border-radius:4px;border-radius:var(--border-radius-sm);display:flex;height:20px;margin-bottom:1rem;overflow:hidden}.category-segment{height:100%}.category-segment.learning{background-color:#3b82f6;background-color:var(--learning)}.category-segment.wellness{background-color:#10b981;background-color:var(--wellness)}.category-segment.finance{background-color:#8b5cf6;background-color:var(--finance)}.category-segment.personal{background-color:#f97316;background-color:var(--personal)}.category-labels{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.category-label{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.5rem}.color{border-radius:3px;height:12px;width:12px}.color.learning{background-color:#3b82f6;background-color:var(--learning)}.color.wellness{background-color:#10b981;background-color:var(--wellness)}.color.finance{background-color:#8b5cf6;background-color:var(--finance)}.color.personal{background-color:#f97316;background-color:var(--personal)}.analytics-insights{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;border-radius:var(--border-radius);padding:1.25rem}.analytics-insights h4{align-items:center;color:#0284c7;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem;margin-top:0}.analytics-insights ul{color:#334155;margin:0;padding-left:1.25rem}.analytics-insights li{margin-bottom:.5rem}.analytics-insights li:last-child{margin-bottom:0}.benefits-section{background-color:#fff;border-top:1px solid #e5e7eb;padding:80px 6%;position:relative}body.dark-mode .benefits-section{background-color:#1f1f1f;border-top-color:#333}.benefits-grid{margin:48px auto 0;max-width:1200px}.benefit-card{border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:2rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.benefit-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.benefit-icon{background-color:#f0f9ff;height:60px;margin:0 auto 1.5rem;width:60px}.benefit-card h3,.benefit-icon{color:#333;color:var(--primary)}.benefit-card h3{margin-bottom:1rem}.benefit-card p{color:#64748b;font-size:.9375rem;line-height:1.6}.pricing-section{background-color:#fff;border-top:1px solid #e5e7eb;padding:80px 6%;position:relative}body.dark-mode .pricing-section{background-color:#1f1f1f;border-top-color:#333}.pricing-cards{align-items:stretch;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1200px}.pricing-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000f;flex:1 1 300px;max-width:360px;padding:40px 28px;transition:box-shadow .25s ease,transform .25s ease}.pricing-card:hover{box-shadow:0 10px 24px #00000014;transform:translateY(-6px)}body.dark-mode .pricing-card{background-color:#2a2a2a;border-color:#333;box-shadow:0 4px 12px #00000040}body.dark-mode .pricing-card:hover{box-shadow:0 10px 24px #00000059}body.dark-mode .pricing-header h3{color:#e5e7eb}body.dark-mode .pricing-price{color:#f9fafb}body.dark-mode .pricing-period{color:#9ca3af}body.dark-mode .pricing-features li{color:#d1d5db}body.dark-mode .pricing-features li svg{color:#00a5a5;color:var(--secondary)}.pricing-card.featured{border:2px solid #00a5a5;border:2px solid var(--secondary);box-shadow:0 6px 18px #00000014;padding-top:48px}.pricing-card.featured:hover{box-shadow:0 12px 28px #0000001a}body.dark-mode .pricing-card.featured{border-color:#00a5a5;border-color:var(--secondary)}.pricing-badge{background-color:#00a5a5;background-color:var(--secondary);border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 14px;top:-18px}.pricing-header h3{font-size:1.25rem;margin-bottom:4px}.pricing-price{font-size:2rem}.pricing-period{color:#64748b;font-size:.875rem}.pricing-features{margin-bottom:2rem}.pricing-features ul{list-style:none;margin:0;padding:0}.pricing-features li{align-items:center;color:#334155;display:flex;font-size:.9375rem;gap:.75rem;margin-bottom:1rem}.pricing-features li svg{color:#333;color:var(--primary);flex-shrink:0}.pricing-cta{background-color:#00a5a5;background-color:var(--secondary);border:1px solid #00a5a5;border:1px solid var(--secondary);border-radius:8px;color:#fff;font-family:livvic;font-size:1rem;padding:14px;text-decoration:none;transition:background .25s ease,transform .25s ease}.pricing-cta:hover{background-color:#00bebe;background-color:var(--secondary-light);text-decoration:none;transform:translateY(-2px)}.pricing-card.featured .pricing-cta{background-color:#00a5a5;background-color:var(--secondary)}.pricing-card.featured .pricing-cta:hover{background-color:#00bebe;background-color:var(--secondary-light)}body.dark-mode .pricing-cta{background-color:#00a5a5;background-color:var(--secondary);color:#fff}body.dark-mode .pricing-cta:hover{background-color:#00bebe;background-color:var(--secondary-light)}.cta-section{background-color:#fff;border-top:1px solid #e5e7eb;color:#1f2937;padding:80px 6%;text-align:center}body.dark-mode .cta-section{background-color:#1f1f1f;border-top-color:#333;color:#e5e7eb}.cta-content{max-width:760px}.cta-content h2{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin:0 0 16px}.cta-content p{font-size:1rem;margin:0 0 32px;opacity:.8}.cta-content .cta-button.primary{background-color:#00a5a5;background-color:var(--secondary);border-radius:8px;color:#fff;font-size:1rem;padding:14px 32px;transition:background .25s ease,transform .25s ease}.cta-content .cta-button.primary:hover{background-color:#00bebe;background-color:var(--secondary-light);box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}body.dark-mode .cta-content .cta-button.primary{background-color:#00a5a5;background-color:var(--secondary);color:#fff}body.dark-mode .cta-content .cta-button.primary:hover{background-color:#00bebe;background-color:var(--secondary-light)}.home-footer{background-color:#fff;border-top:1px solid #e5e7eb;color:#1f2937;padding:80px 6% 40px}body.dark-mode .home-footer{background-color:#1f1f1f;border-top-color:#333;color:#e5e7eb}.footer-top{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;margin:0 auto 48px;max-width:1200px}.footer-logo{margin-right:2rem}.footer-logo-text{color:#333;color:var(--primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}body.dark-mode .footer-logo-text{color:#00a5a5;color:var(--primary-light)}.footer-logo-tagline{color:#64748b;font-size:.875rem}body.dark-mode .footer-logo-tagline{color:#9ca3af}.footer-links{display:flex;flex-wrap:wrap;gap:48px}.footer-column h4{color:#1f2937}body.dark-mode .footer-column h4{color:#e5e7eb}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin-bottom:.75rem}.footer-column a{color:#64748b;font-size:.9375rem;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#333;color:var(--primary)}body.dark-mode .footer-column a{color:#9ca3af}body.dark-mode .footer-column a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:24px}body.dark-mode .footer-bottom{border-top-color:#333}.footer-copyright{color:#64748b;font-size:.875rem}body.dark-mode .footer-copyright{color:#9ca3af}.footer-social{display:flex;gap:1.5rem}.social-icon{color:#64748b;transition:color .2s}.social-icon:hover{color:#00a5a5;color:var(--secondary)}body.dark-mode .social-icon{color:#9ca3af}body.dark-mode .social-icon:hover{color:#00bebe;color:var(--secondary-light)}@media (max-width:1024px){.hero-content{text-align:center}.hero-content,.hero-text{align-items:center;flex-direction:column}.hero-text{display:flex;margin-bottom:2rem;padding-right:0;width:100%}.hero-graphic{max-width:500px;width:80%}.analytics-charts{grid-template-columns:1fr}}@media (max-width:768px){.hero-section{padding:2rem 5% 4rem}.hero-text h1{font-size:2rem}.hero-graphic{width:100%}.features-tabs{flex-wrap:wrap}.tab{width:45%}.benefits-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;gap:2rem}.footer-links{justify-content:space-between;width:100%}}@media (max-width:640px){.home-navbar{flex-wrap:wrap;gap:1rem;padding:1rem 5%}.nav-links{justify-content:space-between;margin-top:1rem;order:3;width:100%}.nav-link{font-size:.875rem;padding:.25rem 0}.tab{width:100%}.benefits-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column-reverse;text-align:center}}.hero-section{background:#fafafa;color:#1f2937;padding:140px 6% 120px}body.dark-mode .hero-section{background:#121212;color:#e0e0e0}body.dark-mode .hero-section:before{background:radial-gradient(circle,#00a5a540 0,#00a5a500 70%)}body.dark-mode .hero-section:after{background:radial-gradient(circle,#2a5c8b33 0,#2a5c8b00 70%)}.hero-container{margin:0 auto;max-width:900px;text-align:center}.hero-headline{animation:fadeUp .6s ease-out both;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1.15;margin:0 0 24px}.hero-subtitle{animation:fadeUp .6s ease-out .1s both;margin:0 auto 40px;max-width:680px}.hero-actions{animation:fadeUp .6s ease-out .3s both;gap:16px;justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-graphic{flex:1 1 420px;max-width:540px}.hero-graphic .dashboard-preview{border-radius:12px;box-shadow:0 8px 24px #00000026;transform:none}.interactive-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff59;border-radius:12px;margin-top:16px;max-width:480px;padding:24px}body.dark-mode .interactive-prompt{background:#00000040;border-color:#fff3}.interactive-prompt h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:12px;margin-top:0}.interactive-prompt form{display:flex;gap:8px}.interactive-prompt .hero-input{border:none;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px}@media (max-width:768px){.hero-section{padding:80px 5% 60px}.hero-content{flex-direction:column;gap:40px}.hero-text h1{font-size:2.25rem}.hero-text p{font-size:1rem}}.home-header .theme-toggle{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:22px;justify-content:center;padding:4px;transition:color .2s}.home-header .theme-toggle:hover{color:#000}body.dark-mode .home-header .theme-toggle{color:#bbb}body.dark-mode .home-header .theme-toggle:hover{color:#fff}.home-header .nav-link{color:#1f2937;transition:color .2s}body.dark-mode .home-header .nav-link{color:#e0e0e0}.hero-actions .button-style-primary,.hero-actions .button-style-secondary{border-radius:10px;font-size:16px;padding:14px 26px;text-decoration:none}.hero-actions .button-style-primary{background-color:#00a5a5;background-color:var(--secondary);border-color:#00a5a5;border-color:var(--secondary);color:#fff}.hero-actions .button-style-primary:hover{background-color:#00bebe;background-color:var(--secondary-light);border-color:#00bebe;border-color:var(--secondary-light)}.hero-actions .button-style-primary:hover,.hero-actions .button-style-secondary:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}body.dark-mode .hero-actions .button-style-secondary{background-color:#1f2937;border-color:#374151;color:#e0e0e0}body.dark-mode .hero-actions .button-style-secondary:hover{background-color:#374151}.section-header h2{color:#111!important}body.dark-mode .section-header h2{color:#e5e5e5!important}.benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:48px}.benefit-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;gap:22px;padding:32px 28px;text-align:left;transition:box-shadow .25s ease,transform .25s ease}.benefit-card:hover{box-shadow:0 10px 28px #00000014;transform:translateY(-4px)}.benefit-icon{align-items:center;background:#eff6ff;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}body.dark-mode .benefit-card{background-color:#1f1f1f;border-color:#333}body.dark-mode .benefit-icon{background:#00a5a5;background:var(--primary-light)}.benefit-card h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}body.dark-mode .benefit-card h3{color:#eaeaea}.benefit-card p{color:#4b5563;line-height:1.55;margin:0}body.dark-mode .benefit-card p{color:#b0b0b0}.author-avatar,.author-details,.author-name,.author-title,.faq-answer,.faq-container,.faq-item,.faq-question,.faq-section,.testimonial-author,.testimonial-card,.testimonial-quote,.testimonials-container,.testimonials-section{max-width:1400px;padding:32px 5%;padding:var(--spacing-lg) 5%}.ai-features-section{background-color:#f8f9fa;padding:80px 6% 100px}body.dark-mode .ai-features-section{background-color:#1a1a1a}.ai-features-grid{grid-gap:60px;align-items:flex-start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:48px auto 0;max-width:1200px}.ai-features-nav{display:flex;flex-direction:column;gap:16px}.ai-feature-button{background:#0000;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .25s ease}.ai-feature-button:hover{border-color:#d1d5db;transform:translateY(-3px)}.ai-feature-button.active{background-color:#fff;border-color:#d1d5db;box-shadow:0 8px 20px #00000012;transform:translateY(-2px)}body.dark-mode .ai-feature-button{border-color:#333}body.dark-mode .ai-feature-button:hover{border-color:#444}body.dark-mode .ai-feature-button.active{background-color:#2a2a2a;border-color:#4b5563;box-shadow:0 8px 20px #0003}.ai-feature-button:not(.active):hover{background-color:#fafafa;border-color:#e5e7eb}body.dark-mode .ai-feature-button:not(.active):hover{background-color:#242424;border-color:#374151}.ai-feature-button-icon{align-items:center;background-color:#eff6ff;border-radius:50%;color:#333;color:var(--primary);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background-color .2s;width:48px}.ai-feature-button.active .ai-feature-button-icon{background-color:#dbeafe}body.dark-mode .ai-feature-button-icon,body.dark-mode .ai-feature-button.active .ai-feature-button-icon{background-color:#00a5a5;background-color:var(--primary-light);color:#333;color:var(--primary)}.ai-feature-button-text h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 6px}.ai-feature-button-text p{color:#4b5563;font-size:.95rem;line-height:1.5;margin:0}body.dark-mode .ai-feature-button-text h3{color:#e5e7eb}body.dark-mode .ai-feature-button-text p{color:#9ca3af}.ai-feature-demo-panel{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;flex:1 1 50%;min-height:600px;overflow:hidden;position:relative}body.dark-mode .ai-feature-demo-panel{background-color:#2a2a2a;box-shadow:0 10px 30px #00000040}.ai-feature-demo-panel .chat-panel-component.demo-view{animation:demo-fade-in .4s ease-out;border-radius:0;box-shadow:none;height:100%;height:auto!important;left:0;min-height:100%;opacity:1;position:absolute;top:0;transform:translateY(0) scale(1);visibility:visible;width:100%;z-index:0}@keyframes demo-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ai-feature-demo-panel .chat-panel-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;height:49px}body.dark-mode .ai-feature-demo-panel .chat-panel-header{border-bottom-color:#333}.ai-feature-demo-panel .chat-input-area{background-color:#f8f9fa;border-top:1px solid #e5e7eb;flex-shrink:0;height:88px}body.dark-mode .ai-feature-demo-panel .chat-input-area{background-color:#2a2a2a;border-top-color:#333}.ai-feature-demo-panel .chat-messages-area{display:flex;flex-direction:column;flex-grow:1;gap:16px;overflow-y:auto;padding:24px}.ai-feature-demo-panel .suggestion-container{box-sizing:border-box;margin:16px 0 0;width:100%}.homepage-voice-demo{background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;padding:24px}body.dark-mode .homepage-voice-demo{background-color:#1f1f1f}.voice-demo-visualizer-wrapper{align-items:center;background:#ffffffb3;border:1px solid #00000014;border-radius:24px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;padding:24px;text-align:center;width:100%}body.dark-mode .voice-demo-visualizer-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0003}.voice-demo-visualizer{align-items:center;background:linear-gradient(135deg,#5f46e5,#7e57c2);border-radius:50%;box-shadow:0 0 15px #5f46e580;color:#fff;display:flex;height:100px;justify-content:center;margin-bottom:12px;position:relative;transition:all .3s ease;width:100px}.voice-demo-visualizer.speaking{animation:gentle-pulse 2s infinite}.voice-demo-status{color:#555;font-size:16px;font-weight:500;margin:0}body.dark-mode .voice-demo-status{color:silver}.voice-demo-transcript{display:flex;flex-direction:column;flex-grow:1;gap:16px}.voice-demo-message{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 5px #0000001a;font-size:15px;line-height:1.6;max-width:95%;padding:14px 20px}.voice-demo-message.from-user{align-self:flex-end;background:linear-gradient(135deg,#4f46e5,#673ab7);border-bottom-right-radius:6px;color:#fff}.voice-demo-message.from-ai{align-self:flex-start;background-color:#eef2f9;border:1px solid #0000000d;border-bottom-left-radius:6px;color:#333}body.dark-mode .voice-demo-message.from-ai{background-color:#2c2c2e;border:1px solid #ffffff14;color:#e0e0e0}.homepage-chat-demo{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:100%}body.dark-mode .homepage-chat-demo{background-color:#1f1f1f;border-color:#333}.chat-demo-messages{display:flex;flex-direction:column;flex-grow:1;gap:16px;overflow-y:auto;padding:24px}.chat-demo-message{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.45;max-width:85%;padding:10px 15px}.chat-demo-message.from-user{align-self:flex-end;background-color:#007aff;border-bottom-right-radius:6px;color:#fff}.chat-demo-message.from-ai{align-self:flex-start;background-color:#e5e5ea;border-bottom-left-radius:6px;color:#1f2937}body.dark-mode .chat-demo-message.from-user{background-color:#007a7a}body.dark-mode .chat-demo-message.from-ai{background-color:#3e3e3e;color:#e0e0e0}.chat-demo-suggestion-card{align-self:flex-start;background-color:#f7f7f7;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:14px;line-height:1.5;margin-top:8px;padding:12px 16px;width:100%}body.dark-mode .chat-demo-suggestion-card{background-color:#2c2c38;border-color:#404050}.chat-demo-suggestion-card p{margin:0 0 4px}.chat-demo-suggestion-card .suggestion-title{color:#666;font-size:.9em;font-weight:700}body.dark-mode .chat-demo-suggestion-card .suggestion-title{color:#a0a0b0}.chat-demo-suggestion-card .suggestion-meta{color:#555;font-size:.9em;margin-top:8px!important}body.dark-mode .chat-demo-suggestion-card .suggestion-meta{color:#b0b0c0}.suggestion-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.suggestion-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease-in-out}.suggestion-button.decline{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.suggestion-button.accept{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.final-cta-section{background-color:#fff;padding:6rem 1rem;text-align:center}.cta-content{margin:0 auto;max-width:48rem}.cta-title{font-family:Livvic-Bold,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.cta-subtitle,.cta-title{color:#2d3436;color:var(--text-dark)}.cta-subtitle{font-size:1.125rem;margin-bottom:2.5rem;opacity:.8}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}body.dark-mode .final-cta-section{background-color:#1f1f1f}body.dark-mode .cta-subtitle,body.dark-mode .cta-title{color:#e2e8f0;color:var(--text-light)}@media (max-width:768px){.homepage .category-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important;overflow:hidden}.homepage .category-card-redesigned{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1 150px;flex-direction:column;height:120px;max-width:150px;padding:10px;text-align:center;transition:all .2s ease-in-out}}@media (max-width:640px){.ai-features-grid{gap:2rem;grid-template-columns:1fr!important}.ai-feature-demo-panel,.ai-features-nav{max-width:100%;width:100%}#ai-features{scroll-margin-top:80px}.ai-feature-demo-panel{min-height:auto!important;padding-bottom:1.5rem}.chat-panel-component.demo-view .chat-messages-area{flex-grow:0;min-height:auto}.ai-feature-demo-panel .chat-panel-component.demo-view{box-shadow:none;height:auto!important;min-height:400px!important;position:relative!important}}.mobile-menu-toggle{background:none;border:none;color:#333;color:var(--primary);display:none;margin-right:1rem}body.dark-mode .mobile-menu-toggle{color:#e2e8f0;color:var(--text-light)}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex}.home-header .home-nav-links{display:none!important}.mobile-nav-overlay{background:#000;height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:998}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;bottom:0;box-shadow:4px 0 15px #00000014;display:flex;flex-direction:column;gap:1.25rem;left:0;max-width:280px;overflow-y:auto;padding:5rem 6% 2rem;position:fixed;top:0;width:75%;z-index:999}body.dark-mode .mobile-nav{background:#1f1f1ff2;box-shadow:4px 0 15px #00000059}.mobile-nav .login-button,.mobile-nav .nav-link,.mobile-nav .signup-button{font-size:1rem;text-align:left;width:80%}.mobile-hidden{display:none!important}}.mobile-nav{display:flex;flex-direction:column}.mobile-nav-top{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}body.dark-mode .mobile-nav-top{border-bottom-color:#333}.mobile-nav-top .theme-toggle{align-items:center;color:#2d3436;color:var(--text-dark);display:flex;font-size:1rem;gap:.75rem;padding:.5rem 0;width:100%}body.dark-mode .mobile-nav-top .theme-toggle{color:#e2e8f0;color:var(--text-light)}.mobile-nav-bottom{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem}body.dark-mode .mobile-nav-bottom{border-top-color:#333}body.dark-mode .mobile-nav .nav-link{color:#e2e8f0;color:var(--text-light)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.dashboard-container,body{transition:padding-left .3s ease-in-out}.dashboard-container{background-color:initial;color:#333;display:flex;min-height:100vh;padding:0 50px}.button-style-base{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.2;padding:10px 18px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.button-style-base:disabled{cursor:not-allowed;opacity:.6}.button-style-primary{background-color:#00a5a5;border-color:#00a5a5;color:#fff}.button-style-primary:hover:not(:disabled){background-color:teal;border-color:teal;box-shadow:0 2px 8px #00a5a54d}.button-style-primary:disabled{background-color:#aeb8f7;border-color:#aeb8f7}.button-style-secondary{background-color:#f8f9fa;border-color:#f8f9fa;color:#495057;font-family:livvic;font-size:16px}.button-style-secondary:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.button-style-cancel{background-color:initial;border:none;color:#495057;font-weight:500}.button-style-cancel:hover:not(:disabled){background-color:#f1f3f5;color:#212529}body.dark-mode .button-style-primary{background-color:#5e7fff;border-color:#5e7fff}body.dark-mode .button-style-primary:hover:not(:disabled){background-color:#748ffc;border-color:#748ffc}body.dark-mode .button-style-secondary{background-color:#373a40;border-color:#495057;color:#e9ecef}body.dark-mode .button-style-secondary:hover:not(:disabled){background-color:#495057;border-color:#5c636a}body.dark-mode .button-style-cancel{color:#ced4da}body.dark-mode .button-style-cancel:hover:not(:disabled){background-color:#373a40;color:#f8f9fa}.sidebar{background-color:#333;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding-top:20px;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1000}.sidebar-nav{flex-grow:1;margin-top:10px;overflow-y:auto}.sidebar-section{margin-bottom:15px}.sidebar-section-title{color:#aaa;font-size:10px;font-weight:700;margin:0;padding:0 20px 10px;text-transform:uppercase}.sidebar-nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:11px 16px;position:relative;text-align:left;text-decoration:none;width:100%}.sidebar-nav-item .nav-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:12px;width:24px}.sidebar-nav-item.active,.sidebar-nav-item:hover{background-color:#444}.sidebar-nav-item.active:before{background-color:#00a5a5;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-container.sidebar-effectively-collapsed .sidebar{border:none!important;display:block;min-width:0!important;overflow:hidden!important;padding:0!important;width:0!important}.dashboard-container.sidebar-effectively-collapsed .sidebar .sidebar-nav-item span:not(.nav-icon){display:none}.dashboard-container.sidebar-effectively-collapsed .sidebar .sidebar-nav-item .nav-icon{margin-right:0}.dashboard-container.sidebar-effectively-collapsed .sidebar .sidebar-section-title{font-size:10px;padding:0 5px 10px;text-align:center}.dashboard-header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;height:70px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;transition:left .3s ease-in-out;z-index:900}.dashboard-container.sidebar-effectively-collapsed .dashboard-header{left:0!important}.dashboard-container:not(.sidebar-effectively-collapsed) .dashboard-header{left:250px}.header-left{align-items:center;display:flex}.sidebar-toggle-header{background:none;border:none;color:#333;cursor:pointer;font-size:28px;margin-left:-10px;margin-right:15px;padding:0 10px}.app-logo{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:50px;width:50px}.app-logo,.header-center-logo-text{color:#333;font-size:20px;font-weight:700}body.dark-mode .header-center-logo-text{color:#fff}.header-center-level-display{display:flex;flex-grow:1;justify-content:center;margin-left:75px}.header-center-level-display .level-display-header-component .tier-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:14px;font-weight:700;padding:6px 14px}.header-center-level-display .level-display-header-component .tier-badge.teal{background-color:#00a5a5}.header-center-level-display .level-display-header-component .tier-badge.orange{background-color:#5900ff}.header-center-level-display .level-display-header-component .tier-name-text{color:#333;font-size:16px;font-weight:700;line-height:1;margin-left:10px}.header-right{align-items:center;display:flex;gap:12px}.token-display-component{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 2px 8px #0000001a;color:var(--primary);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 6px;transition:all .3s ease}.token-display-component:hover{background:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.notification-bell-button,.theme-toggle{background:none;border:none;color:#555;cursor:pointer;font-size:22px;padding:5px;position:relative}.notification-bell-button.has-new .notification-dot{background-color:orange;border:1px solid #fff;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.user-avatar-initials{background-color:#2c3e50;font-weight:700;height:38px;width:38px}.logout-button-header{background:none;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:color .2s ease,background-color .2s ease}.logout-button-header:hover{background-color:#f0f0f0;color:#00a5a5}.main-content{background-color:initial;flex-grow:1;margin-top:70px;padding:20px;transition:margin-left .3s ease-in-out}.dashboard-container.sidebar-effectively-collapsed .main-content{margin-left:0}.dashboard-container:not(.sidebar-effectively-collapsed) .main-content{margin-left:250px}.main-content-centered-view{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:none}.dashboard-top-two-column-layout{display:flex;flex-wrap:wrap;gap:24px;width:100%}.dashboard-top-left-column{display:flex;flex:1 1 50%;flex-direction:column;min-width:300px}.dashboard-top-right-column{display:flex;flex:1 1 45%;flex-direction:column;min-width:300px}.dashboard-top-left-column>div,.dashboard-top-right-column>div{height:100%}.pending-tasks-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:5vh;padding:20px 24px}.pending-tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pending-tasks-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.task-count-badge{background-color:#e5e7eb;border-radius:12px;color:#4b5563;font-size:12px;font-weight:500;padding:4px 8px}.pending-tasks-list-redesigned{display:flex;flex-direction:column;flex-grow:1;gap:12px;list-style:none;overflow-y:auto;padding:10px 0}.task-card-redesigned{align-items:flex-start;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #00000008;display:flex;gap:12px;justify-content:space-between;padding:10px 15px;position:relative;transition:background-color .2s ease}.task-card-redesigned:hover{box-shadow:0 4px 8px #0000000f;transform:translateY(-1px);transition:transform .2s ease}.task-card-redesigned.completed{background-color:#f9fafb;opacity:.7}.task-card-main-content{align-items:flex-start;display:flex;flex-grow:1;gap:12px}.task-checkbox{accent-color:#4f46e5;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:20px;margin-top:3px;width:20px}.task-checkbox:disabled{background-color:#e5e7eb;cursor:not-allowed}.task-details{display:flex;flex-direction:column;flex-grow:1;gap:4px}.task-title-redesigned{color:#111827;font-size:16px;font-weight:600;line-height:1.4}.task-card-redesigned.completed .task-title-redesigned{color:#6b7280;text-decoration:line-through}.task-description-redesigned{color:#6b7280;font-size:14px;line-height:1.5;margin:4px 0}.task-item-description{color:#6b7280;font-size:14px;line-height:1.5;margin-top:8px}.task-meta-redesigned{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:12px;margin-top:4px}.task-meta-item{display:flex;gap:4px}.category-health .lucide{color:#ef4444}.category-learning .lucide{color:#3b82f6}.category-wellness .lucide{color:#10b981}.category-finance .lucide{color:#8b5cf6}.category-time .lucide{color:#f97316}.category-social .lucide{color:#0ea5e9}.category-fitness .lucide{color:#eab308}.category-default .lucide{color:#6b7280}.task-priority-section{align-items:center;display:flex;padding-left:12px}.priority-badge-redesigned{border-radius:12px;cursor:pointer;font-size:12px;font-weight:500;line-height:1.2;padding:3px 10px;position:relative;text-transform:capitalize;transition:background-color .2s,color .2s,transform .1s}.priority-badge-redesigned.verifiable{overflow:hidden}.priority-badge-redesigned.verifiable:hover{background-color:#ede9fe!important;border:1px solid #c4b5fd!important;color:#5b21b6!important}.priority-badge-redesigned.verifiable:hover:after{align-items:center;background-color:#ede9fe;border-radius:12px;color:#5b21b6;content:"Verify";display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}body.dark-mode .priority-badge-redesigned.verifiable:hover{background-color:#3c0764!important;border-color:#5b21b6!important;color:#d8b4fe!important}body.dark-mode .priority-badge-redesigned.verifiable:hover:after{background-color:#3c0764;color:#d8b4fe}.priority-easy{background-color:#dcfce7;color:#22c55e}.priority-medium{background-color:#ffedd5;color:#f97316}.priority-hard{background-color:#fee2e2;color:#dc2626}.priority-normal{background-color:#e5e7eb;color:#4b5563}.task-progress-bar-placeholder{background-color:#e5e7eb;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;position:relative;width:100%}.task-progress-bar-fill{background-color:#374151;border-radius:3px;height:100%;transition:width .4s ease,background-color .4s ease}.manage-all-tasks-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:block;font-size:14px;font-weight:500;margin:20px auto 0;padding:10px 20px;transition:background-color .2s ease,border-color .2s ease;width:fit-content}.manage-all-tasks-button:hover{background-color:#f9fafb;border-color:#adb5bd}.loading-text-tasks,.no-pending-tasks-message{color:#6b7280;font-size:14px;padding:20px;text-align:center}.task-actions-redesigned{display:flex;justify-content:flex-end;margin-top:0;width:auto}.task-verifier-inline{border-radius:6px;margin-top:8px;padding:10px}.verify-button-redesigned{background-color:#ede9fe;border:1px solid #c4b5fd;border-radius:4px;color:#5b21b6;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.verify-button-redesigned:hover{background-color:#d8b4fe}@keyframes taskItemAppearPulse{0%{box-shadow:0 0 0 0 #00a5a566,0 1px 2px #00000008;transform:translateY(5px)}70%{box-shadow:0 0 0 5px #00a5a500,0 2px 4px #0000000d;transform:translateY(0)}to{box-shadow:0 0 0 0 #00a5a500,0 1px 2px #00000008;transform:translateY(0)}}.task-card-redesigned.new-task-pulse{animation:taskItemAppearPulse .8s ease-out}body.dark-mode .task-card-redesigned.new-task-pulse{animation-name:taskItemAppearPulseDark}@keyframes taskItemAppearPulseDark{0%{box-shadow:0 0 0 0 #00bebe80,0 1px 2px #0003;transform:translateY(5px)}70%{box-shadow:0 0 0 6px #00bebe00,0 2px 4px #00000040;transform:translateY(0)}to{box-shadow:0 0 0 0 #00bebe00,0 1px 2px #0003;transform:translateY(0)}}.skeleton-task-card{animation:fadeIn .5s ease-out forwards;background-color:#f0f0f0;opacity:.7;overflow:hidden}@keyframes skeletonPulse{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}to{background-color:#f0f0f0}}.skeleton-task-card .skeleton-badge,.skeleton-task-card .skeleton-checkbox,.skeleton-task-card .skeleton-meta,.skeleton-task-card .skeleton-text{animation:skeletonPulse 1.5s ease-in-out infinite;background-color:#d1d5db;border-radius:4px;overflow:hidden;position:relative}.skeleton-task-card .skeleton-badge:after,.skeleton-task-card .skeleton-checkbox:after,.skeleton-task-card .skeleton-meta:after,.skeleton-task-card .skeleton-text:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-task-card .skeleton-checkbox{height:20px;margin-top:3px;width:20px}.skeleton-task-card .skeleton-text.skeleton-title{height:20px;margin-bottom:8px;width:70%}.skeleton-task-card .skeleton-text.skeleton-desc{height:16px;margin-bottom:8px;width:90%}.skeleton-task-card .skeleton-meta{height:14px;margin-right:10px;width:40%}.skeleton-task-card .skeleton-badge{height:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.ai-loading-spinner{animation:spin 1s linear infinite;color:#00a5a5}body.dark-mode .skeleton-task-card{background-color:#3a3a3a}@keyframes skeletonPulseDark{0%{background-color:#3a3a3a}50%{background-color:#4a4a4a}to{background-color:#3a3a3a}}body.dark-mode .skeleton-task-card .skeleton-badge,body.dark-mode .skeleton-task-card .skeleton-checkbox,body.dark-mode .skeleton-task-card .skeleton-meta,body.dark-mode .skeleton-task-card .skeleton-text{animation-name:skeletonPulseDark;background-color:#555}body.dark-mode .skeleton-task-card .skeleton-badge:after,body.dark-mode .skeleton-task-card .skeleton-checkbox:after,body.dark-mode .skeleton-task-card .skeleton-meta:after,body.dark-mode .skeleton-task-card .skeleton-text:after{background-image:linear-gradient(90deg,#50505000,#50505033 20%,#50505080 60%,#50505000)}body.dark-mode .ai-loading-spinner{color:#00bebe}.greeting-progress-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100%;min-height:5vh;padding:24px}.greeting-header-redesigned{color:#111827;font-size:24px;font-weight:700;margin:0}.greeting-subheader-redesigned{color:#6b7280;font-size:16px;margin:0}.redesigned-daily-metrics-grid{grid-gap:16px;display:grid;flex-grow:1;gap:16px;grid-template-columns:repeat(2,1fr)}.metric-card-redesigned{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:130px;padding:20px;text-align:center}.metric-card-redesigned.streak-card{background-color:#fff7ed}.metric-card-redesigned.streak-card .metric-card-icon-redesigned .lucide-flame,.metric-card-redesigned.streak-card .metric-card-value-redesigned{color:#f97316}.metric-card-redesigned.xp-card{background-color:#00a5a512}.metric-card-redesigned.xp-card .metric-card-icon-redesigned .lucide-zap,.metric-card-redesigned.xp-card .metric-card-value-redesigned{color:#00a5a5}.metric-card-icon-redesigned{margin-bottom:8px}.metric-card-icon-redesigned .lucide{color:#4b5563}.metric-card-value-redesigned{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-card-label-redesigned{color:#4b5563;font-size:14px;font-weight:500}.daily-progress-message-redesigned{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:16px}.daily-progress-message-redesigned .lucide-party-popper{color:orange;flex-shrink:0}.daily-progress-message-text-redesigned{color:#555;font-size:14px;font-weight:500}.daily-progress-message-text-redesigned strong{font-weight:600}.life-categories-container-redesigned{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;margin:40px 0;min-height:5vh;padding:20px 24px}.life-categories-container-redesigned h2{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0}.life-categories-container-redesigned .category-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;overflow:hidden;padding:10px}.add-category-card,.life-categories-container-redesigned .category-card-redesigned{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1 200px;flex-direction:column;max-width:280px;min-width:200px;padding:20px;text-align:center;transition:all .2s ease-in-out}.category-card-redesigned:hover{box-shadow:0 4px 8px #0000000f;transform:translateY(-3px)}.category-icon-redesigned{align-items:center;border-radius:50%;color:#fff;display:flex;height:56px;justify-content:center;margin-bottom:12px;width:56px}.icon-bg-red{background-color:#fee2e2}.icon-bg-red .lucide{color:#ef4444}.icon-bg-blue{background-color:#dbeafe}.icon-bg-blue .lucide{color:#3b82f6}.icon-bg-green{background-color:#dcfce7}.icon-bg-green .lucide{color:#22c55e}.icon-bg-purple{background-color:#f3e8ff}.icon-bg-purple .lucide{color:#8b5cf6}.icon-bg-orange{background-color:#fff7ed}.icon-bg-orange .lucide{color:#f97316}.icon-bg-teal{background-color:#d0f7f3}.icon-bg-teal .lucide{color:#0ea5e9}.icon-bg-indigo{background-color:#e0e7ff}.icon-bg-indigo .lucide{color:#6366f1}.icon-bg-gray{background-color:#f3f4f6}.icon-bg-gray .lucide{color:#6b7280}.icon-bg-default{background-color:#e5e7eb}.icon-bg-default .lucide{color:#4b5563}.category-name-redesigned{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.category-xp-redesigned{color:#6b7280;font-size:13px;margin-bottom:12px}.category-progress-bar-redesigned{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill-redesigned{background-color:#374151;border-radius:4px;height:100%;transition:width .3s ease}.category-tasks-completed-redesigned{color:#6b7280;font-size:12px;margin-top:auto}.add-category-card{align-items:center;background-color:initial;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;justify-content:center;padding:20px;text-align:center;transition:border-color .2s ease,color .2s ease}.add-category-card:hover{border-color:#9ca3af;color:#4b5563}.add-category-card .plus-icon{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#4b5563;display:flex;font-size:32px;font-weight:300;height:56px;justify-content:center;margin-bottom:12px;transition:background-color .2s ease;width:56px}.add-category-card:hover .plus-icon{background-color:#e5e7eb}.add-category-card span:not(.plus-icon){color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.add-category-card small{color:#6b7280;font-size:12px}.category-card-component{display:none}.xp-graph-section-dashboard{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;min-height:5vh;padding:0}.xp-progress-analytics-container{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.xp-progress-header{align-items:center;display:flex;justify-content:space-between;width:100%}.xp-progress-title-section{align-items:center;display:flex;gap:8px}.xp-progress-title-icon .lucide{color:#4b5563}.xp-progress-title-text{color:#1f2937;font-size:18px;font-weight:600;margin:0}.xp-controls-container{align-items:center;display:flex;gap:16px}.xp-category-filter-control{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex;gap:6px;padding:4px 8px}.xp-filter-icon{color:#4b5563}.xp-category-select{background-color:initial;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:6px 8px}.xp-category-select:hover{background-color:#e5e7eb}.xp-progress-timeframe-controls{background-color:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.timeframe-button{background-color:initial;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s ease,color .2s ease}.timeframe-button:hover{background-color:#e5e7eb}.timeframe-button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.xp-chart-area{height:280px;position:relative;transition:height .6s ease-in-out}.xp-chart-area.radar-active{height:400px}.xp-chart-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;height:100%;justify-content:center}.xp-chart-type-control{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex;gap:6px;padding:2px}.dark-mode .xp-chart-type-control{background-color:#1f2937}.xp-progress-footer{border-top:1px solid #e5e7eb;font-size:13px;justify-content:space-between;padding-top:12px}.xp-legend,.xp-progress-footer{align-items:center;display:flex}.xp-legend{color:#4b5563;gap:6px}.legend-color-box{background-color:#374151;border-radius:2px;height:12px;width:12px}.xp-total{color:#374151;font-weight:500}.user-profile-summary-component-card{display:none}.full-width-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;padding:20px 24px;width:100%}.chat-button-component{align-items:center;background-color:#1f2937;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:30px;transition:background-color .2s ease,transform .2s ease;width:56px;z-index:1050}.chat-button-component:hover{background-color:#374151;transform:scale(1.05)}.modal-content{border-radius:8px;padding:20px}.modal-close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:24px;line-height:1;padding:0;position:absolute;right:10px;top:10px}.modal-close-button:hover{color:#333}.chat-panel-component{background-color:#fff;border-radius:12px;bottom:30px;box-shadow:0 5px 20px #00000026;display:flex;flex-direction:column;height:480px;opacity:0;overflow:hidden;position:fixed;right:30px;transform:translateY(20px) scale(.95);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;visibility:hidden;width:370px;z-index:1040}.chat-button-component.glow-active:before{animation:chat-button-border-steam 120s linear infinite;background:linear-gradient(45deg,var(--secondary),#00a5a5,#0087a5,#0068a5,#003aa5,#000ba5,#4500a5);background-size:400%;border-radius:13px;border-radius:50%;box-sizing:border-box;content:"";height:calc(100% + 2px);left:-1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;pointer-events:none;position:absolute;top:-1px;width:calc(100% + 2px);z-index:0}@keyframes chat-button-border-steam{0%{background-position:0 0}50%{background-position:400% 0}}.chat-panel-component.open{opacity:1;transform:translateY(0) scale(1);transition:opacity .25s ease,transform .25s ease,visibility 0s linear 0s;visibility:visible}.chat-panel-component .chat-panel-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;flex-shrink:0;justify-content:center;padding:12px 20px;position:relative}.chat-panel-component .chat-panel-header .chat-title{font-size:16px;font-weight:600;margin:0}.chat-panel-component .chat-panel-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.chat-panel-component .chat-panel-close-btn:hover{color:#1f2937}.chat-panel-component .chat-messages-area{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow-y:auto;padding:16px}.chat-panel-component .chat-bubble{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.45;max-width:85%;padding:10px 15px}.chat-panel-component .chat-bubble.user{background-color:#00a5a5}.chat-panel-component .chat-input-area{align-items:center;background-color:#fff;border-top:none;display:flex;gap:0;padding:20px 0}.chat-panel-component .chat-input-area form{align-items:center;display:flex;justify-content:center;margin:0 16px;position:relative;width:80%}.chat-panel-component .chat-input-area input[type=text]{background:#fff;border:1px solid #e5e5ea;border-radius:999px;box-shadow:0 1px 4px #0000000a;color:#1f2937;font-size:15px;outline:none;padding:14px 48px 14px 20px;transition:border-color .2s,box-shadow .2s;width:100%}.chat-panel-component .chat-input-area input[type=text]:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff1f}.chat-panel-component .chat-input-area .send-arrow-btn{align-items:center;background:#34c759;border:none;border-radius:50%;box-shadow:0 2px 6px #34c7591f;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .2s;width:36px;z-index:2}.chat-panel-component .chat-input-area .send-arrow-btn:hover{background:#28a745}.chat-panel-component .chat-input-area .send-arrow-btn svg{fill:#fff;display:block;height:18px;width:18px}.chat-panel-component .chat-bubble.user{align-self:flex-end;background-color:#007aff;border-bottom-left-radius:18px;border-bottom-right-radius:6px;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 2px 8px #007aff14;color:#fff}.chat-panel-component .chat-bubble.ai,.chat-panel-component .chat-bubble.assistant,.chat-panel-component .chat-bubble.system{align-self:flex-start;background-color:#e5e5ea;border-bottom-left-radius:6px;border-bottom-right-radius:18px;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 2px 8px #3c3c430f;color:#1f2937}.chat-panel-component .typing-indicator{align-items:baseline;display:inline-flex;padding:10px 15px}.animated-ellipsis{animation:simpleEllipsisPulse 1.5s ease-in-out infinite;display:inline-block;margin-left:2px}@keyframes simpleEllipsisPulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.chat-panel-component .chat-input-area{justify-content:center;width:100%}.token-shop-modal-component .modal-content{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin;width:600px}.token-shop-modal-component .modal-content::-webkit-scrollbar{width:8px}.token-shop-modal-component .modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.token-shop-modal-component .modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.token-shop-modal-component .modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body.dark-mode .token-shop-modal-component .modal-content{scrollbar-color:#555 #2a2a2a}body.dark-mode .token-shop-modal-component .modal-content::-webkit-scrollbar-track{background:#2a2a2a}body.dark-mode .token-shop-modal-component .modal-content::-webkit-scrollbar-thumb{background:#555}body.dark-mode .token-shop-modal-component .modal-content::-webkit-scrollbar-thumb:hover{background:#6e6e6e}.token-shop-modal-component h2{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:16px;margin-top:0;text-align:center}.current-balance{align-items:center;background-color:#f0fdf4;border-radius:10px;color:#15803d;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 16px;text-align:center}.current-balance strong{color:#16a34a;font-size:20px;font-weight:700}.shop-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}.purchase-option{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.purchase-option:hover{box-shadow:0 8px 15px #00000014;transform:translateY(-4px)}.purchase-option:before{background:linear-gradient(90deg,#00a5a5,#4ade80);border-radius:4px 4px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.item-icon{align-items:center;background-color:#f9fafb;border-radius:50%;display:flex;font-size:36px;height:64px;justify-content:center;margin-bottom:12px;width:64px}.item-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.item-description{color:#6b7280;flex-grow:1;font-size:14px;line-height:1.5;margin:0 0 16px}.item-price{background-color:#f3f4f6;border-radius:20px;color:#4b5563;display:inline-block;font-size:16px;font-weight:600;margin:0 0 16px;padding:6px 12px}.purchase-button{background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .2s ease;width:100%}.purchase-button:hover{background-color:#008484;transform:translateY(-2px)}.purchase-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}body.dark-mode .token-shop-modal-component h2{color:#e5e7eb}body.dark-mode .current-balance{background-color:#132f21;color:#86efac}body.dark-mode .current-balance strong{color:#4ade80}body.dark-mode .purchase-option{background-color:#2a2a2a;border-color:#4b5563;box-shadow:0 2px 6px #0003}body.dark-mode .purchase-option:hover{box-shadow:0 8px 15px #0000004d}body.dark-mode .purchase-option:before{background:linear-gradient(90deg,#00bebe,#22c55e)}body.dark-mode .item-icon{background-color:#374151;color:#e5e7eb}body.dark-mode .item-name{color:#e5e7eb}body.dark-mode .item-description{color:#9ca3af}body.dark-mode .item-price{background-color:#374151;color:#d1d5db}body.dark-mode .purchase-button{background-color:#00bebe}body.dark-mode .purchase-button:hover{background-color:#00a5a5}body.dark-mode .purchase-button:disabled{background-color:#4b5563;color:#9ca3af}.category-manager-modal-component .modal-content{width:500px}.category-manager-modal-component h3{font-size:20px;margin-bottom:25px}.notification-popup-component{background-color:#fff;border-left:4px solid #00a5a5;border-radius:6px;box-shadow:0 3px 10px #00000026;max-width:380px;min-width:280px;opacity:0;padding:15px 45px 15px 20px;position:fixed;right:20px;top:85px;transform:translateX(100%);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;visibility:hidden;z-index:1200}.page-content-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;margin-bottom:20px;min-height:5vh;padding:25px}.page-content-wrapper h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:25px;margin-top:0}.loading-indicator{color:#555;flex-direction:column;font-size:18px;min-height:300px;text-align:center}.loading-indicator:before{animation:spin 1s linear infinite;border:3px solid #00a5a5;border-radius:50%;border-top-color:#0000;content:"";display:block;height:30px;margin-bottom:15px;width:30px}body.dark-mode,body.dark-mode .dashboard-container{background-color:#121212;color:#e0e0e0}body.dark-mode .sidebar{background-color:#1f1f1f;color:#f0f0f0}body.dark-mode .sidebar-nav-item.active,body.dark-mode .sidebar-nav-item:hover{background-color:#333;color:var(--secondary)}body.dark-mode .sidebar-nav-item.active:before{background-color:#00bebe}body.dark-mode .sidebar-section-title{color:#888}body.dark-mode .dashboard-header{background-color:#1f1f1f;border-bottom:1px solid #333}body.dark-mode .app-logo,body.dark-mode .header-center-level-display .level-display-header-component .tier-name-text,body.dark-mode .logout-button-header,body.dark-mode .sidebar-toggle-header{color:#f0f0f0}body.dark-mode .logout-button-header:hover{background-color:#333;color:#f0f0f0}body.dark-mode .notification-bell-button,body.dark-mode .theme-toggle{color:#bbb}body.dark-mode .user-avatar-initials{background-color:#1f2937}body.dark-mode .main-content{background-color:#121212}body.dark-mode .pending-tasks-container{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .pending-tasks-header h2{color:#e5e5e5}body.dark-mode .task-count-badge{background-color:#444;color:#ccc}body.dark-mode .task-card-redesigned{background-color:#333;border-color:#444}body.dark-mode .task-card-redesigned.completed{background-color:#2c2c2c;opacity:.6}body.dark-mode .task-checkbox{accent-color:#7e8eff;border-color:#555}body.dark-mode .task-title-redesigned{color:#f0f0f0}body.dark-mode .task-card-redesigned.completed .task-title-redesigned{color:#888}body.dark-mode .task-description-redesigned,body.dark-mode .task-meta-item,body.dark-mode .task-meta-redesigned{color:#aaa}body.dark-mode .category-health .lucide{color:#f87171}body.dark-mode .category-learning .lucide{color:#60a5fa}body.dark-mode .category-wellness .lucide{color:#34d399}body.dark-mode .priority-easy{background-color:#154626;color:#a7f3d0}body.dark-mode .priority-medium{background-color:#6b3d00;color:#ffd8a7}body.dark-mode .priority-hard{background-color:#5c2121;color:#ffabab}body.dark-mode .priority-normal{background-color:#374151;color:#d1d5db}body.dark-mode .task-progress-bar-placeholder{background-color:#4b5563}body.dark-mode .task-progress-bar-placeholder:before{background-color:#9ca3af}body.dark-mode .manage-all-tasks-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .manage-all-tasks-button:hover{background-color:#4b5563;border-color:#52525b}body.dark-mode .loading-text-tasks,body.dark-mode .no-pending-tasks-message{color:#9ca3af}body.dark-mode .verify-button-redesigned{background-color:#3c0764;border-color:#5b21b6;color:#d8b4fe}body.dark-mode .verify-button-redesigned:hover{background-color:#4a0e7a}body.dark-mode .task-verifier-inline{background-color:#2d2d2d;border-color:#444}body.dark-mode .greeting-progress-container{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .greeting-header-redesigned{color:#e5e5e5}body.dark-mode .greeting-subheader-redesigned{color:#aaa}body.dark-mode .metric-card-redesigned.streak-card{background-color:#452c12}body.dark-mode .metric-card-redesigned.streak-card .lucide-flame,body.dark-mode .metric-card-redesigned.streak-card .metric-card-value-redesigned{color:#fdba74}body.dark-mode .metric-card-redesigned.xp-card{background-color:#00a5a53c}body.dark-mode .metric-card-redesigned.xp-card .lucide-zap,body.dark-mode .metric-card-redesigned.xp-card .metric-card-value-redesigned{color:#00a5a5}body.dark-mode .metric-card-label-redesigned{color:#bbb}body.dark-mode .daily-progress-message-redesigned{background-color:#1f2937}body.dark-mode .daily-progress-message-redesigned .lucide-party-popper,body.dark-mode .daily-progress-message-text-redesigned{color:#fff}body.dark-mode .life-categories-container-redesigned{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .life-categories-container-redesigned h2{color:#e5e5e5}body.dark-mode .category-card-redesigned{background-color:#333;border-color:#4a4a4a;box-shadow:0 2px 4px #0003}body.dark-mode .icon-bg-red{background-color:#5c2121}body.dark-mode .icon-bg-red .lucide{color:#ffabab}body.dark-mode .icon-bg-blue{background-color:#1e3a8a}body.dark-mode .icon-bg-blue .lucide{color:#93c5fd}body.dark-mode .icon-bg-green{background-color:#154626}body.dark-mode .icon-bg-green .lucide{color:#a7f3d0}body.dark-mode .icon-bg-purple{background-color:#8b5cf6}body.dark-mode .icon-bg-purple .lucide{color:#f3e8ff}body.dark-mode .icon-bg-orange{background-color:#f97316}body.dark-mode .icon-bg-orange .lucide{color:#fff7ed}body.dark-mode .icon-bg-teal{background-color:#0ea5e9}body.dark-mode .icon-bg-teal .lucide{color:#d0f7f3}body.dark-mode .icon-bg-indigo{background-color:#6366f1}body.dark-mode .icon-bg-indigo .lucide{color:#e0e7ff}body.dark-mode .icon-bg-gray{background-color:#6b7280}body.dark-mode .icon-bg-gray .lucide{color:#f3f4f6}body.dark-mode .icon-bg-default{background-color:#374151}body.dark-mode .icon-bg-default .lucide{color:#d1d5db}body.dark-mode .category-name-redesigned{color:#e5e7eb}body.dark-mode .category-xp-redesigned{color:#9ca3af}body.dark-mode .category-progress-bar-redesigned{background-color:#4b5563}body.dark-mode .progress-fill-redesigned{background-color:#9ca3af}body.dark-mode .category-tasks-completed-redesigned{color:#9ca3af}body.dark-mode .add-category-card{background-color:#2b2b2b;border-color:#555;color:#9ca3af}body.dark-mode .add-category-card:hover{border-color:#777;color:#b0b0b0}body.dark-mode .add-category-card .plus-icon{background-color:#374151;color:#d1d5db}body.dark-mode .add-category-card:hover .plus-icon{background-color:#4b5563}body.dark-mode .add-category-card span:not(.plus-icon){color:#e5e7eb}body.dark-mode .add-category-card small{color:#9ca3af}body.dark-mode .xp-graph-section-dashboard{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .xp-progress-title-icon .lucide{color:#9ca3af}body.dark-mode .xp-progress-title-text{color:#e5e5e5}body.dark-mode .xp-category-filter-control{background-color:#1f2937}body.dark-mode .xp-filter-icon{color:#9ca3af}body.dark-mode .xp-category-select{background-color:#1f2937;color:#e5e7eb}body.dark-mode .xp-category-select:hover{background-color:#374151}body.dark-mode .xp-progress-timeframe-controls{background-color:#1f2937}body.dark-mode .timeframe-button{color:#9ca3af}body.dark-mode .timeframe-button:hover{background-color:#374151}body.dark-mode .timeframe-button.active{background-color:#4b5563;box-shadow:0 1px 3px #0003;color:#e5e7eb}body.dark-mode .xp-chart-loading{color:#9ca3af}body.dark-mode .xp-progress-footer{border-top-color:#374151}body.dark-mode .xp-legend{color:#9ca3af}body.dark-mode .legend-color-box{background-color:#e5e7eb}body.dark-mode .xp-total{color:#e5e7eb}body.dark-mode .page-content-wrapper{background-color:#2a2a2a}body.dark-mode .page-content-wrapper h1{color:#f0f0f0}body.dark-mode .modal-content{background-color:#333;color:#e0e0e0}body.dark-mode .loading-indicator{color:#aaa}body.dark-mode .loading-indicator:before{border-color:#0000 #008c8c #008c8c}body.dark-mode .chat-panel-component{background-color:#2a2a2a;box-shadow:0 5px 20px #0000004d}body.dark-mode .chat-panel-component .chat-panel-header{background-color:#1f1f1f;border-bottom:1px solid #333;color:#e0e0e0}body.dark-mode .chat-panel-component .chat-panel-header .chat-title{color:#e0e0e0}body.dark-mode .chat-panel-component .chat-panel-close-btn{color:#888}body.dark-mode .chat-panel-component .chat-panel-close-btn:hover{color:#e0e0e0}body.dark-mode .chat-panel-component .chat-messages-area{background-color:#2a2a2a}body.dark-mode .chat-panel-component .chat-bubble.user{background-color:#007a7a;color:#e0e0e0}body.dark-mode .chat-panel-component .chat-bubble.ai,body.dark-mode .chat-panel-component .chat-bubble.assistant,body.dark-mode .chat-panel-component .chat-bubble.system{background-color:#3e3e3e;border:1px solid #4a4a4a;color:#e0e0e0}body.dark-mode .chat-panel-component .chat-input-area{background-color:#1f1f1f;border-top:1px solid #333}body.dark-mode .chat-panel-component .chat-input-area input[type=text]{background:#2c2c2c;border-color:#555;color:#e0e0e0}body.dark-mode .chat-panel-component .chat-input-area input[type=text]::placeholder{color:#888}body.dark-mode .chat-panel-component .chat-input-area input[type=text]:focus{background-color:#383838;border-color:#00bebe;box-shadow:0 0 0 3px #00bebe33}body.dark-mode .chat-panel-component .chat-input-area button{background-color:#007a7a}body.dark-mode .chat-panel-component .chat-input-area button:hover{background-color:#005c5c}body.dark-mode .chat-panel-component .accept-task-btn{background-color:#124040;border-color:#005c5c;color:#a6f1e9}body.dark-mode .chat-panel-component .accept-task-btn:hover{background-color:#1a5353}.add-category-form{align-items:center;display:flex;gap:12px;margin-bottom:24px;width:100%}.add-category-form input[type=text]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.add-category-form input[type=text]:focus{border-color:#00a5a5;box-shadow:0 0 0 3px #00a5a51a;outline:none}.add-category-form button{background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 16px;transition:background-color .2s,transform .2s;white-space:nowrap}.add-category-form button:hover{background-color:#008484;transform:translateY(-1px)}.add-category-form button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.add-category-form.edit-form{align-items:flex-start;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;margin-bottom:24px;padding:16px}.add-category-form.edit-form h4{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0;width:100%}.add-category-form.edit-form input[type=text]{margin-bottom:16px;width:100%}.modal-form-actions{width:100%}.modal-form-actions button{flex:1 1}.button-style-cancel{background-color:#f3f4f6!important;border:1px solid #d1d5db!important;color:#374151!important}.button-style-cancel:hover{background-color:#e5e7eb!important}.category-list{gap:10px;max-height:300px;overflow-y:auto;padding-right:4px}.category-list-item{border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s,transform .2s}.category-list-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.category-name{color:#374151;font-size:15px}.category-item-actions{gap:8px}.button-style-delete,.button-style-edit{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.button-style-edit{background-color:#eff6ff;color:#3b82f6}.button-style-edit:hover{background-color:#dbeafe}.button-style-delete{background-color:#fef2f2;color:#ef4444}.button-style-delete:hover{background-color:#fee2e2}body.dark-mode .add-category-form input[type=text]{background-color:#2c2c2c;border-color:#4b5563;color:#e5e7eb}body.dark-mode .add-category-form input[type=text]:focus{border-color:#00bebe;box-shadow:0 0 0 3px #00bebe33}body.dark-mode .add-category-form button{background-color:#00a5a5}body.dark-mode .add-category-form button:hover{background-color:#00bebe}body.dark-mode .add-category-form button:disabled{background-color:#4b5563;color:#9ca3af}body.dark-mode .add-category-form.edit-form{background-color:#1f2937;border-color:#4b5563}body.dark-mode .add-category-form.edit-form h4{color:#e5e7eb}body.dark-mode .button-style-cancel{background-color:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}body.dark-mode .button-style-cancel:hover{background-color:#4b5563!important}body.dark-mode .category-list-item{background-color:#2a2a2a;border-color:#4b5563}body.dark-mode .category-name{color:#e5e7eb}body.dark-mode .button-style-edit{background-color:#1e3a8a;color:#93c5fd}body.dark-mode .button-style-edit:hover{background-color:#1e40af}body.dark-mode .button-style-delete{background-color:#7f1d1d;color:#fca5a5}body.dark-mode .button-style-delete:disabled{background-color:#969696;color:#fff}.category-manager-modal-component .modal-content{max-width:90vw;padding:15px;width:450px}.category-manager-modal-component h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0;text-align:center}.task-modal-content{background-color:#fff;max-width:95vw;width:500px}body.dark-mode .task-modal-content{background-color:#2a2a2a;color:#e5e7eb}.task-modal-content h3{color:#1f2937;font-size:22px;font-weight:600;margin-bottom:24px;margin-top:0;text-align:center}body.dark-mode .task-modal-content h3{color:#e5e7eb}.task-modal-form{display:flex;flex-direction:column;gap:18px}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00a5a5;box-shadow:0 0 0 3px #00a5a526;outline:none}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#00bebe;box-shadow:0 0 0 3px #00bebe33}.form-row{gap:18px}.form-row .form-group{flex:1 1}.modal-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:18px}body.dark-mode .modal-form-actions{border-top-color:#374151}.modal-form-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s,transform .2s}.button-style-save{background-color:#00a5a5;color:#fff}.button-style-save:hover{background-color:#008484}.button-style-save:disabled{background-color:#ccc;cursor:not-allowed}.button-style-cancel{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.button-style-cancel:hover{background-color:#e5e7eb}body.dark-mode .button-style-save{background-color:#00bebe}body.dark-mode .button-style-save:hover{background-color:#00a5a5}body.dark-mode .button-style-save:disabled{background-color:#4b5563;color:#9ca3af}body.dark-mode .button-style-cancel{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .button-style-cancel:hover{background-color:#4b5563}.task-card-right-column{display:flex;flex-direction:column;gap:8px}.task-card-right-column.has-verify{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:1fr 1fr}.task-card-right-column.has-verify .task-priority-section{justify-content:flex-start}.task-card-right-column.has-verify .task-actions-redesigned{justify-content:flex-end}body.dark-mode .task-description-redesigned,body.dark-mode .task-item-description{color:#b0b0b0}.task-verifier-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;color:#333;opacity:0;transform:scale(.95) translateY(10px);transition:transform .3s ease,opacity .3s ease;width:90%}.modal-overlay.open .task-verifier-modal{opacity:1;transform:scale(1) translateY(0)}body.dark-mode .task-verifier-modal{background-color:#2c2c2c;color:#e0e0e0}.notification-close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:22px;line-height:1;padding:0;position:absolute;right:4px;top:2px;transition:color .2s;z-index:2}.notification-close-button:hover{color:#333}body.dark-mode .notification-close-button{color:#888}body.dark-mode .notification-close-button:hover{color:#fff}.task-meta-badge.manual-review-badge{background-color:#fffbeb;border:1px solid #fde68a;color:#b45309}body.dark-mode .task-meta-badge.manual-review-badge{background-color:#422006;border-color:#78350f;color:#fcd34d}.action-button-consult{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:background-color .2s}.action-button-consult:hover{background-color:#f3f4f6}body.dark-mode .action-button-consult{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .action-button-consult:hover{background-color:#4b5563}.task-card-difficulty-col{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;min-width:110px;padding-left:16px}@media (max-width:600px){.task-card-difficulty-col{min-width:80px;padding-left:8px}}.greeting-assist-action{display:flex;justify-content:center;margin-top:auto;width:100%}.assist-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:block;font-size:14px;font-weight:500;margin:20px auto 0;padding:10px 20px;transition:background-color .2s ease,border-color .2s ease;width:fit-content}.assist-button:hover{background-color:#f9fafb;border-color:#adb5bd}body.dark-mode .assist-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .assist-button:hover{background-color:#4b5563;border-color:#52525b}.greeting-progress-container{overflow:hidden}@font-face{font-display:swap;font-family:Livvic;font-style:normal;font-weight:100 700;src:url(/static/media/Livvic-Medium.e1727d156b658481f5c4.ttf) format("truetype")}.dashboard-container,.dashboard-container *{font-family:Livvic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body.dark-mode .xp-category-select option{background-color:#1f2937;color:#e5e7eb}body.dark-mode .xp-category-select:disabled{color:#6b7280}@media (max-width:1024px) and (min-width:769px){.main-content{max-width:100%}.dashboard-top-two-column-layout{flex-direction:column;gap:20px}.dashboard-top-left-column,.dashboard-top-right-column{flex:1 1 100%;max-width:100%}.life-categories-container-redesigned .category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.add-category-card,.life-categories-container-redesigned .category-card-redesigned{flex:initial;min-width:160px}.dashboard-container.sidebar-effectively-collapsed .main-content{padding-inline:16px}}@media (max-width:768px){.dashboard-container{padding:0 16px}.dashboard-container.sidebar-effectively-collapsed .sidebar{transform:translateX(-100%)}.sidebar{transition:transform .3s ease-in-out}.dashboard-header{height:60px}.header-center-level-display{text-wrap:nowrap;display:flex;margin-left:0}.header-center-level-display .level-display-header-component .tier-name-text{display:none}.main-content{max-width:100%;padding-inline:0;padding-bottom:20px}.dashboard-top-two-column-layout{flex-direction:column;max-width:100%}.dashboard-top-left-column,.dashboard-top-right-column{max-height:100%;max-width:100%}.life-categories-container-redesigned .category-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.add-category-card,.life-categories-container-redesigned .category-card-redesigned{flex:initial;min-width:120px;padding:12px}.xp-graph-section-dashboard{overflow-x:auto}.task-meta-item .meta-text{display:none}.task-meta-item.category-badge .meta-text{display:inline}.pending-tasks-container{max-width:100%;padding:12px 16px}.greeting-progress-container{max-width:100%;padding:16px}.greeting-header-redesigned{font-size:20px}.greeting-subheader-redesigned{font-size:14px}.add-category-card .plus-icon,.category-icon-redesigned{font-size:20px;height:36px;margin-bottom:6px;width:36px}.category-name-redesigned{font-size:12px}.category-xp-redesigned{font-size:11px}.category-tasks-completed-redesigned{font-size:9px}.category-progress-bar-redesigned{height:4px;margin-bottom:4px}.life-categories-container-redesigned .category-grid{-webkit-overflow-scrolling:touch;grid-auto-columns:100px;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.life-categories-container-redesigned .category-grid::-webkit-scrollbar{display:none}.xp-progress-analytics-container{min-width:100%;padding:0}.xp-progress-header{align-items:flex-start;flex-direction:column;gap:10px}.xp-controls-container{flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.xp-controls-mobile{display:flex;gap:12px;justify-content:center;position:relative;width:100%}.mobile-filter-item{position:relative}.mobile-filter-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px}.mobile-filter-button.active{background-color:#e5e7eb;border-color:#d1d5db}.mobile-filter-options{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:4px;left:5px;padding:4px;position:absolute;right:0;top:40px;width:150px;z-index:10}.mobile-filter-options.category-options{max-height:200px;overflow-y:auto;width:180px}.mobile-filter-options button{background-color:initial;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;width:100%}.mobile-filter-options button:hover{background-color:#f3f4f6}.mobile-filter-options button.active{background-color:#e5e7eb;font-weight:600}.xp-compare-control-mobile{align-items:center;display:flex}.xp-compare-control-mobile input[type=checkbox]{display:none}.xp-compare-control-mobile label{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:8px}.xp-compare-control-mobile input[type=checkbox]:checked+label{background-color:#e5e7eb;border-color:#d1d5db}.dark-mode .xp-controls-mobile .mobile-filter-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .xp-controls-mobile .mobile-filter-button.active{background-color:#4b5563}.dark-mode .xp-controls-mobile .mobile-filter-options{background-color:#2d3748;border-color:#4a5568}.dark-mode .xp-controls-mobile .mobile-filter-options button{color:#e2e8f0}.dark-mode .xp-controls-mobile .mobile-filter-options button:hover{background-color:#4a5568}.dark-mode .xp-controls-mobile .mobile-filter-options button.active{background-color:#4a5568;font-weight:600}.dark-mode .xp-compare-control-mobile label{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .xp-compare-control-mobile input[type=checkbox]:checked+label{background-color:#4b5563}.xp-category-filter-control,.xp-chart-type-control{height:32px;padding:0 6px}.xp-category-select{max-width:100%;width:auto}.profile-dropdown-menu button:first-child{pointer-events:all!important}.header-right{gap:5px;scale:.9}.user-avatar-container{margin-left:7px;scale:1}}.dashboard-header{padding:0 16px}@media (max-width:768px){.header-right .logout-button-header{display:inline-flex!important}.logout-button-header span{display:none}.logout-button-header{padding:5px}}body.dark-mode .token-display-component{background-color:var(--primary-dark);border:none;box-shadow:0 2px 8px #0000004d;color:#bbb}@media (max-width:768px){.token-display-component{box-shadow:none;display:inline-flex!important}.token-display-component span{display:none}body.dark-mode .token-display-component{box-shadow:none}}.task-meta-item .icon-bg-default,.task-meta-item [class^=icon-bg-]{background-color:initial!important}.life-categories-container-redesigned .category-grid{grid-template-columns:repeat(4,1fr)}.see-more-categories-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:block;font-size:13px;margin:12px auto 0;padding:6px 12px}.see-more-categories-btn:hover{background-color:#f9fafb}body.dark-mode .see-more-categories-btn{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .see-more-categories-btn:hover{background-color:#4b5563}@media (min-width:769px){.see-more-categories-btn{font-size:14px;margin:16px auto 0;padding:8px 16px}}@media (max-width:768px){.hide-on-mobile{display:none!important}.task-details{min-width:0;overflow:hidden;width:100%}.task-title-redesigned{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.task-title-redesigned.overflow-text:hover{animation:scroll-text-anim 8s linear infinite;overflow:visible;text-overflow:clip}}.tasks-filter-bar{gap:20px;margin-bottom:20px;padding:15px}.lucide-filter{color:#6b7280}.filter-group select,.task-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.filter-group select:focus,.task-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133;outline:none}.task-search-filter{position:relative}.task-search-filter .search-icon{color:#9ca3af;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.task-search-input{padding-left:35px;width:250px}.tasks-list-container{gap:12px}.user-avatar-container{display:inline-block;position:relative}.user-avatar-initials{align-items:center;background:#1f2937;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none;width:36px}.user-avatar-initials:hover{transform:scale(1.05)}.profile-dropdown-menu{animation:fadeIn .15s ease-out;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:6px;position:absolute;right:0;top:45px;width:200px;z-index:1000}.profile-dropdown-menu button{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.profile-dropdown-menu button:hover{background-color:#f3f4f6;color:#111827}.profile-dropdown-menu button:first-child{pointer-events:none}.profile-dropdown-menu button svg{color:#6b7280}.dark-mode .profile-dropdown-menu{background-color:#2d3748;border-color:#4a5568}.dark-mode .profile-dropdown-menu button{color:#e2e8f0}.dark-mode .profile-dropdown-menu button:hover{background-color:#4a5568;color:#fff}.dark-mode .profile-dropdown-menu button svg{color:#a0aec0}@media (max-width:768px){.life-categories-container-redesigned .category-grid.few-cats{grid-gap:30px;display:grid;gap:30px;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.life-categories-container-redesigned .category-grid.few-cats .force-new-row{grid-column:1/-1}}@media (max-width:1024px){.chat-button-component{bottom:75px;right:20px}}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{background-color:#00000080;display:block;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:99}.sidebar-effectively-collapsed .sidebar-overlay{opacity:0;pointer-events:none}.dashboard-container:not(.sidebar-effectively-collapsed) .sidebar{box-shadow:4px 0 15px #0000001a;height:100%;left:0;position:fixed;top:0;transform:translateX(0)}.dashboard-container:not(.sidebar-effectively-collapsed) .main-content{margin-left:0}.sidebar-effectively-collapsed .sidebar{transform:translateX(-100%)}.sidebar{transition:transform .3s ease-in-out}}.feature-locked-wrapper{border-radius:12px;overflow:hidden;position:relative}.feature-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fafafae6;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:50%;justify-content:center;left:50%;margin:auto;padding:20px;position:absolute;text-align:center;top:300px;transform:translate(-50%,-50%);width:50%}.feature-locked-overlay button{background-color:#00a5a5;border:none;border-radius:8px;color:#fff;padding:12px 28px}body.dark-mode .feature-locked-overlay{background-color:#1e1e1ecc}.feature-locked-overlay h3{color:#1f2937;font-size:22px;font-weight:600;margin-bottom:8px}body.dark-mode .feature-locked-overlay h3{color:#f3f4f6}.feature-locked-overlay p{color:#4b5563;font-size:15px;line-height:1.5;margin-bottom:24px;max-width:380px}body.dark-mode .feature-locked-overlay p{color:#d1d5db}.upgrade-cta-button{align-items:center;background-color:#4f46e5;border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 28px;transition:background-color .2s ease,transform .2s ease}.upgrade-cta-button:hover{background-color:#4338ca;box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.dark-mode .upgrade-cta-button{background-color:#6d28d9}.dark-mode .upgrade-cta-button:hover{background-color:#5b21b6}.chat-button-component.glow-active{border-radius:50%;font-size:24px;height:56px;min-height:56px;padding:0;width:56px}.greeting-header-redesigned.urgent-greet{align-items:center;background-color:initial;border-radius:20px;color:var(--secondary);display:flex;justify-content:center;max-width:350px;overflow:hidden;padding:6px 0;position:relative}body.dark-mode .greeting-header-redesigned.urgent-greet{color:var(--secondary)}.greeting-header-redesigned.urgent-greet:before{animation:greeting-header-urgent-glow 120s linear infinite;background:linear-gradient(45deg,var(--secondary),#00a5a5,#0087a5,#0068a5,#003aa5,#000ba5,#4500a5);background-size:400%;border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}@keyframes greeting-header-urgent-glow{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.greeting-header-redesigned.urgent-greet>*{position:relative;z-index:1}@font-face{font-display:swap;font-family:Livvic-Bold;font-style:normal;font-weight:700;src:url(/static/media/Livvic-Bold.089af19ac41ce144a96c.ttf) format("truetype")}.hero-section-container{background-color:#f8f9fa;color:#2d3436;color:var(--text-dark,#2d3436);min-height:100vh;overflow:hidden;position:relative;width:100%}.hero-background-gradient{background-image:linear-gradient(135deg,#ffffff0d,#ffffff0d);inset:0;position:absolute}.particles-container{inset:0;pointer-events:none;position:absolute}.hero-content-container{margin-left:auto;margin-right:auto;max-width:1280px;padding:5rem 1rem;position:relative;z-index:10}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;justify-content:center;min-height:80vh;padding:0 30px;text-align:center}.hero-text-content{display:flex;flex-direction:column;gap:2rem}.hero-headlines{display:flex;flex-direction:column;gap:1.5rem}.hero-main-headline{color:#2d3436;color:var(--text-dark,#2d3436);font-family:Livvic-Bold,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.6;text-transform:capitalize}.hero-main-headline .relative-text{display:inline-block;position:relative}.hero-main-headline .gradient-text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#2dd4bf,#8b5cf6);color:#0000}@media (max-width:768px){.hero-main-headline{font-size:2.2rem!important;line-height:1.3!important;padding:0}}@media (max-width:1024px){.hero-main-headline{font-size:4.2rem;line-height:1.5}}.hero-subtitle{color:#2d3436;color:var(--text-dark,#2d3436);font-size:1.125rem;max-width:42rem;opacity:.8}@media (min-width:768px){.hero-subtitle{font-size:1.25rem}}.ai-input-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff80;border:1px solid #0000001a;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:0 auto;max-width:500px;padding:1rem;position:relative}.ai-input-content{align-items:center;display:flex;gap:.75rem}.ai-input-text{color:#2d3436;color:var(--text-dark,#2d3436);flex:1 1;opacity:.7}.typing-cursor{background-color:#00a5a5;background-color:var(--secondary,#00a5a5);display:inline-block;height:1.25rem;margin-left:.25rem;width:2px}.hero-actions{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.hero-actions{flex-direction:row}}.hero-button{align-items:center;border:2px solid #0000;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.hero-button:hover{transform:translateY(-2px)}.hero-button:active{transform:scale(.98)}.hero-button-primary{background-color:#00a5a5;background-color:var(--secondary,#00a5a5);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff}.hero-button-primary:hover{background-color:#00bebe;background-color:var(--secondary-light,#00bebe)}.hero-button-outline{background:#0000;border-color:#0000;color:#333;color:var(--primary,#333)}.hero-button-outline:hover{background-color:#2a5c8b0d;border-color:#0000}.hero-button-outline svg{margin-right:.5rem}.hero-visuals{display:flex;flex-direction:column;gap:1.5rem}.hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #0000001a;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.hero-card:hover{transform:scale(1.02)}.ai-response-card-content{display:flex;flex-direction:column;gap:1rem}.ai-response-header{align-items:flex-start;display:flex;gap:.75rem}.ai-avatar{align-items:center;background-image:linear-gradient(90deg,#1f2937,#1f2937);border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.ai-response-text-container{flex:1 1}.ai-typing-indicator{align-items:center;display:flex;gap:.25rem;margin-top:.5rem}.typing-dot{border-radius:9999px;height:.5rem;width:.5rem}.typing-dot.orange,.typing-dot.teal,.typing-dot.violet{background-color:#333}.typing-indicator-text{color:#2d3436;color:var(--text-dark,#2d3436);font-size:.75rem;margin-left:.5rem;opacity:.6}.mic-container{align-items:center;display:flex;flex-direction:column;gap:.75rem}.mic-wrapper{position:relative}.mic-icon-base{align-items:center;background-image:linear-gradient(135deg,#5f46e5,#7e57c2);display:flex;height:5rem;justify-content:center;width:5rem}.mic-icon-base,.mic-ring{border:1px solid #7e57c22c;border-radius:9999px}.mic-ring{inset:0;position:absolute}.mic-label{color:#2d3436;color:var(--text-dark,#2d3436);font-size:.875rem;font-weight:500;opacity:.8}.mic-section{align-items:center;background-color:initial;border-radius:1.25rem;box-shadow:0 4px 24px 0 #0000000f;display:flex;flex-direction:column;gap:.5rem;padding:2.5rem 2rem;text-align:center}.mic-title{font-family:Livvic-Bold,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.mic-subtitle,.mic-title{color:#2d3436;color:var(--text-dark,#2d3436)}.mic-subtitle{font-size:1rem;max-width:24rem;opacity:.8}.mic-status{color:#2d3436;color:var(--text-dark,#2d3436);font-size:.875rem;opacity:.6}.mic-icon-base{box-shadow:0 0 20px #7e57c266,0 0 30px #7e57c24d}.dashboard-card-container{height:8rem;position:relative}.dashboard-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #0000001a;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:100%;padding:1rem}.dashboard-card:hover{transform:scale(1.03)}.card-content-wrapper{display:flex;flex-direction:column;gap:.5rem}.card-header{align-items:center;display:flex;gap:.5rem}.card-header-icon{height:1rem;width:1rem}.card-title{color:#2d3436;color:var(--text-dark,#2d3436);font-size:.875rem;font-weight:500}.progress-bar-background{background-color:#0000001a;border-radius:9999px;height:.5rem;width:100%}.progress-bar-foreground{background-image:linear-gradient(90deg,#333,#333);background-image:linear-gradient(to right,var(--primary,#333),var(--primary,#333));border-radius:9999px;height:.5rem}.card-subtext{color:#2d3436;color:var(--text-dark,#2d3436);font-size:.75rem;opacity:.7}.gem-icon-background{align-items:center;background-color:#00a5a5;background-color:var(--secondary,#00a5a5);border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.token-amount{color:#333;color:var(--primary,#333);font-size:1.875rem;font-weight:700}.schedule-item{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.schedule-dot{border-radius:9999px;height:.5rem;width:.5rem}.schedule-dot.orange,.schedule-dot.teal,.schedule-dot.violet{background-color:#333;background-color:var(--primary,#333)}.carousel-pagination{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.carousel-dot{border:none;border-radius:9999px;cursor:pointer;height:.5rem;padding:0;transition:background-color .2s ease;width:.5rem}.carousel-dot.inactive{background-color:#0003}.carousel-dot.active{background-color:#00a5a5;background-color:var(--secondary,#00a5a5)}.dark-mode .hero-section-container{background-color:#1a1a1a;color:#e2e8f0;color:var(--text-light,#e2e8f0)}.dark-mode .hero-background-gradient{background-image:linear-gradient(135deg,#0000000d,#0000000d);inset:0;position:absolute}.dark-mode .hero-main-headline{color:#e2e8f0;color:var(--text-light,#e2e8f0)}.dark-mode .hero-subtitle{color:#e2e8f0;color:var(--text-light,#e2e8f0);opacity:.7}.dark-mode .ai-input-box{background-color:#333;border-color:#333;border-color:var(--primary,#333)}.dark-mode .ai-input-text{color:#e2e8f0;color:var(--text-light,#e2e8f0);opacity:.7}.dark-mode .typing-cursor{background-color:#38bdf8;background-color:var(--ai-accent-primary-dark,#38bdf8)}.dark-mode .hero-button-outline{background:#0000;border-color:#0000;color:#e2e8f0;color:var(--text-light,#e2e8f0)}.dark-mode .hero-button-outline:hover{background-color:#ffffff1a;border-color:#0000}.dark-mode .hero-card{background-color:#333;border-color:#333;border-color:var(--primary,#333)}.dark-mode .card-title,.dark-mode .typing-indicator-text{color:#e2e8f0;color:var(--text-light,#e2e8f0)}.dark-mode .typing-indicator-text{opacity:.6}.dark-mode .dashboard-card{background-color:#333;border-color:#333;border-color:var(--primary,#333)}.dark-mode .progress-bar-background{background-color:#ffffff1a}.dark-mode .card-subtext{color:#e2e8f0;color:var(--text-light,#e2e8f0);opacity:.7}.dark-mode .carousel-dot.inactive{background-color:#fff3}.dark-mode .carousel-dot.active,.dark-mode .typing-dot.orange,.dark-mode .typing-dot.teal,.dark-mode .typing-dot.violet{background-color:#9ca3af}.dark-mode .token-amount{color:#e2e8f0;color:var(--text-light,#e2e8f0)}.dark-mode .progress-bar-foreground{background-image:linear-gradient(90deg,#9ca3af,#9ca3af)}.dark-mode .gem-icon-background{background-color:#00bebe;background-color:var(--secondary-light,#00bebe)}.dark-mode .mic-label,.dark-mode .mic-status,.dark-mode .mic-subtitle,.dark-mode .mic-title{color:#e2e8f0;color:var(--text-light,#e2e8f0)}.dark-mode .mic-subtitle{opacity:.7}.dark-mode .mic-status{opacity:.6}.dark-mode .mic-section{box-shadow:0 4px 24px 0 #00000080}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-timetable{display:flex;flex-direction:column;gap:8px;margin-top:20px}.skeleton-row{align-items:center;display:flex;gap:12px}.skeleton-event,.skeleton-time{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#e5e7eb;border-radius:6px}.skeleton-time{height:40px;width:80px}.skeleton-event{flex:1 1;height:60px}body.dark-mode .skeleton-event,body.dark-mode .skeleton-time{background-color:#374151}.planner-page-container{background-color:var(--background-color);border-radius:8px;margin:0 auto;max-width:900px;padding:20px}.planner-header{align-items:center;border-bottom:2px solid var(--primary-color);color:var(--text-color-primary);display:flex;gap:12px;margin-bottom:24px;padding-bottom:12px}.planner-header h2{font-size:24px;margin:0}.planner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.planner-actions button{align-items:center;background-color:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:6px;padding:10px 18px;transition:background-color .2s ease-in-out}.planner-actions button:hover{background-color:var(--primary-light)}.planner-actions button:disabled{background-color:var(--border-color);cursor:not-allowed}.planner-actions button.clear-btn{background-color:#e53e3e}.planner-actions button.clear-btn:hover{background-color:#c53030}.planner-actions button.clear-btn:disabled{display:none;opacity:.6}.planner-actions button.refine-btn{background-color:var(--primary)}.planner-actions button.refine-btn:hover{background-color:var(--primary-light)}.planner-actions button.generate-btn{background-color:var(--primary)}.planner-actions button.generate-btn:hover{background-color:var(--primary-light)}.planner-actions button.add-btn{background-color:var(--primary)}.planner-actions button.add-btn:hover{background-color:var(--primary-light)}.planner-actions button.push-btn{background-color:var(--primary)}.planner-actions button.push-btn:hover,body.dark-mode .planner-actions button.push-btn{background-color:var(--primary);color:#fff}body.dark-mode .planner-actions button.push-btn:hover{background-color:var(--secondary)}.context-input-section{margin-bottom:20px}.context-input-section label{color:var(--text-color-secondary);font-size:15px;font-weight:500}.context-input-section textarea{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);font-size:14px;margin-top:8px;min-height:80px;padding:10px;resize:vertical;width:100%}.event-list{list-style-type:none;margin-top:20px;padding:0}.event-list-item{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;padding:16px;transition:box-shadow .2s ease}.event-list-item:hover{box-shadow:0 4px 8px #0000000d}.event-list-item strong{color:var(--primary-color);font-size:16px}body.dark-mode .planner-page-container{background-color:#2a2a2a;background-color:var(--background-color-dark-mode,#2a2a2a);border-color:#555;color:#e0e0e0}body.dark-mode .planner-header{color:#e5e5e5}body.dark-mode .context-input-section textarea{background-color:#333;border-color:#555;color:#e0e0e0}body.dark-mode .event-list-item{background-color:#2c2c2d;border-color:#444}.timetable{display:flex;flex-direction:column;gap:8px;margin-top:20px}.timetable-row{align-items:center;display:flex;gap:12px}.time-cell{color:var(--text-color-secondary);flex-shrink:0;font-weight:600;width:80px}.event-cell{align-items:center;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;display:flex;flex:1 1;justify-content:space-between;padding:12px 16px}.event-details{display:flex;flex:1 1;flex-direction:column}.event-title-input{background:#0000;border:none;color:var(--primary-color);font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.event-title-input:focus{box-shadow:0 1px 0 var(--primary-color);outline:none}.event-cell .event-range{color:var(--text-color-secondary);display:block;font-size:13px;margin-top:4px}.delete-event-btn{background:#0000;border:none;color:var(--text-color-secondary);cursor:pointer;opacity:.5;transition:opacity .2s ease}.delete-event-btn:hover{color:#ff4d4d;opacity:1}body.dark-mode .time-cell{color:silver}body.dark-mode .event-cell{background-color:#2c2c2d;border-color:#444}body.dark-mode .event-title-input{color:var(--primary-color)}.time-cell input[type=time]{background:#0000;border:none;color:var(--text-color-secondary);font-weight:600;width:100%}.time-cell input[type=time]::-webkit-calendar-picker-indicator{filter:invert(50%)}.event-range-container{align-items:center;color:#555;display:flex;font-size:13px;gap:8px}.edit-duration-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:2px}.edit-duration-btn:hover{background-color:#f0f0f0;color:#000}.duration-input-container{align-items:center;display:flex;gap:6px;margin-top:2px}.duration-input{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:4px 6px;width:70px}.duration-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.date-input{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:13px;padding:4px 6px}.duration-input-container span{color:#555;font-size:13px}body.dark-mode .edit-duration-btn,body.dark-mode .event-range-container{color:#a0a0a0}body.dark-mode .edit-duration-btn:hover{background-color:#333;color:#e0e0e0}body.dark-mode .duration-input{background-color:#2c2c2c;border-color:#555;color:#e0e0e0}body.dark-mode .duration-input-container span{color:#a0a0a0}body.dark-mode .date-input{background-color:#2c2c2c;border-color:#555;color:#e0e0e0;color-scheme:dark}.date-header-row{align-items:center;color:#555;display:flex;font-weight:600;justify-content:space-between;margin-bottom:4px;margin-top:12px}.date-header-actions{display:flex;gap:6px}.date-header-actions button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;opacity:.8;padding:2px;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.date-header-actions button:hover:not(:disabled){background-color:#f0f0f0;color:#111;opacity:1}.date-header-actions button:disabled{cursor:not-allowed;opacity:.4}body.dark-mode .date-header-row{color:silver}body.dark-mode .date-header-actions button{color:#a0a0a0}body.dark-mode .date-header-actions button:hover:not(:disabled){background-color:#333;color:#fff}@media (max-width:768px){.planner-page-container{margin:0;padding:12px}.planner-header{gap:8px;margin-bottom:16px;padding-bottom:8px}.planner-header h2{font-size:20px}.planner-actions{gap:8px;justify-content:center;margin-bottom:16px}.planner-actions button{align-items:center;display:flex;font-size:13px;justify-content:center;padding:8px;position:relative;width:10%}.planner-actions button span{display:none}.planner-actions button svg{margin-right:0}.planner-actions button:hover:after{background-color:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;margin-bottom:5px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.context-input-section textarea{font-size:13px;min-height:60px}.event-list-item{padding:12px}.event-title-input{font-size:14px}.event-cell{padding:10px 12px}.time-cell{font-size:13px;width:60px}.event-range{font-size:11px}.date-header-row{align-items:flex-start;flex-direction:column;gap:10px}.date-header-row h3{margin-bottom:0}.date-header-actions{justify-content:space-between;width:100%}.date-header-actions button{padding:6px}.date-header-actions button span{display:none}.edit-duration-btn{padding:2px 4px}.duration-input-container{align-items:flex-start;flex-direction:column;gap:4px}.date-input,.duration-input{font-size:12px;width:100%}}.auth-page-container{align-items:center;background-color:#f4f7f9;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;max-width:450px;padding:40px;text-align:center;width:100%}.auth-logo{color:#333;cursor:pointer;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:700;margin-bottom:10px;text-decoration:none}.auth-subtitle{color:#6b7280;font-size:16px;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.form-group{text-align:left}.form-group label{color:#374151}.form-group input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#00a5a5;box-shadow:0 0 0 3px #00a5a526;outline:none}.auth-button{background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:background-color .2s}.auth-button:hover{background-color:#008484}.auth-link{color:#6b7280;font-size:14px;margin-top:20px}.auth-link a{color:#00a5a5;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.divider{color:#6b7280;font-size:14px;margin:15px 0;position:relative}.divider:after,.divider:before{background-color:#d1d5db;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.google-auth-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;padding:12px;transition:background-color .2s,border-color .2s;width:100%}.google-auth-button:hover{background-color:#f3f4f6;border-color:#cbd5e1}.error-message{border:1px solid #fca5a5;color:#b91c1c;margin-bottom:20px;padding:12px;text-align:left}body.dark-mode .auth-page-container{background-color:#121212}body.dark-mode .auth-card{background-color:#1f1f1f;box-shadow:0 4px 12px #0000004d}body.dark-mode .auth-logo{color:#f0f0f0}body.dark-mode .auth-subtitle{color:#9ca3af}body.dark-mode .form-group input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .form-group input:focus{border-color:#00bebe;box-shadow:0 0 0 3px #00bebe33}body.dark-mode .auth-button{background-color:#00bebe}body.dark-mode .auth-button:hover{background-color:#00a5a5}body.dark-mode .auth-link{color:#9ca3af}body.dark-mode .auth-link a{color:#00bebe}body.dark-mode .error-message{border-color:#b91c1c}.task-verifier{background-color:#fff;border-radius:10px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:100%;overflow:hidden;padding:20px;width:100%}body.dark-mode .task-verifier{background-color:#2a2a2a;color:#e5e7eb}.verifier-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}body.dark-mode .verifier-title{color:#e5e7eb}.verifier-instructions{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:20px}body.dark-mode .verifier-instructions{color:#9ca3af}.verifier-message{background-color:#f3f4f6;border-radius:8px;color:#4b5563;font-size:14px;margin:10px 0;padding:16px;text-align:center}body.dark-mode .verifier-message{background-color:#374151;color:#d1d5db}.verifier-error-box{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:6px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px}body.dark-mode .verifier-error-box{background-color:#7f1d1d;border-left-color:#ef4444;color:#fca5a5}.quiz-questions{gap:16px;margin-bottom:20px}.quiz-question,.quiz-questions{display:flex;flex-direction:column;width:100%}.quiz-question{gap:8px}.quiz-question label{color:#374151;font-size:14px;font-weight:500}body.dark-mode .quiz-question label{color:#d1d5db}.verifier-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.verifier-input:focus{border-color:#00a5a5;box-shadow:0 0 0 3px #00a5a526;outline:none}body.dark-mode .verifier-input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .verifier-input:focus{border-color:#00bebe;box-shadow:0 0 0 3px #00bebe33}.verifier-textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:16px;min-height:100px;padding:12px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.verifier-textarea:focus{border-color:#00a5a5;box-shadow:0 0 0 3px #00a5a526;outline:none}body.dark-mode .verifier-textarea{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .verifier-textarea:focus{border-color:#00bebe;box-shadow:0 0 0 3px #00bebe33}.file-input-wrapper{margin-bottom:16px;width:100%}.verifier-file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-input-label{align-items:center;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:background-color .2s,border-color .2s;white-space:nowrap}.file-input-label:hover{background-color:#e5e7eb;border-color:#9ca3af}.file-input-label:before{content:"📎";font-size:16px;margin-right:8px}body.dark-mode .file-input-label{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .file-input-label:hover{background-color:#4b5563;border-color:#6b7280}.verifier-actions{display:flex;gap:12px;justify-content:flex-end}.verifier-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background-color .2s,transform .2s}.submit-button{background-color:#00a5a5;color:#fff}.submit-button:hover{background-color:#008484;transform:translateY(-1px)}.submit-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none}.cancel-button{color:#374151}.cancel-button:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .submit-button{background-color:#00bebe}body.dark-mode .submit-button:hover{background-color:#00a5a5}body.dark-mode .submit-button:disabled{background-color:#4b5563;color:#9ca3af}.task-verifier-modal{box-sizing:border-box;max-width:500px;overflow:hidden;padding:24px;width:100%}.task-verifier-modal .task-verifier{background-color:initial;box-shadow:none;padding:0}@media (max-width:500px){.verifier-actions{flex-direction:column-reverse;gap:8px}.verifier-actions button{width:100%}}.task-verifier-inline{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000d;box-sizing:border-box;margin-top:16px;max-width:100%;padding:20px}body.dark-mode .task-verifier-inline{background-color:#2a2a2a;border-color:#4b5563;box-shadow:0 2px 6px #0003}.task-verifier-inline .task-verifier{background-color:initial;border-radius:0;padding:0}.task-verifier-inline .verifier-title{word-wrap:break-word;font-size:16px;margin-bottom:12px}.task-verifier-inline .verifier-instructions{word-wrap:break-word;margin-bottom:16px}.task-verifier-inline .quiz-questions{margin-bottom:16px}@keyframes fadeInVerifier{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-verifier-inline{animation:fadeInVerifier .3s ease-out forwards}.task-detail-modal{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:90vw;padding:24px;width:500px}.task-detail-title{color:#1f2937;font-size:22px;font-weight:600;line-height:1.3;margin-bottom:16px;margin-top:0}.task-detail-description{word-wrap:break-word;color:#4b5563;font-size:16px;line-height:1.6;max-height:60vh;overflow-y:auto;white-space:pre-wrap}body.dark-mode .task-detail-modal{background-color:#2a2a2a}body.dark-mode .task-detail-title{color:#e5e7eb}body.dark-mode .task-detail-description{color:#d1d5db}.weekly-review-container{margin:0 auto;max-width:1200px;padding:24px}.weekly-review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.weekly-review-header h2{color:#2a2a2a;font-size:24px;font-weight:700;margin:0}.weekly-review-summary-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.weekly-review-summary-box h3{color:#2a2a2a;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:0}.ai-summary{background-color:#f9f9f9;border:1px solid #e5e7eb;border-radius:8px;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;overflow-wrap:break-word;padding:16px;white-space:pre-wrap}.suggested-tasks-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.suggested-tasks-section h3{color:#2a2a2a;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:0}.suggested-tasks-list{list-style-type:none;margin:0;padding:0}.task-suggestion-item{background-color:#f9f9f9;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;margin-bottom:16px;padding:16px;transition:all .2s ease}.task-suggestion-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.task-suggestion-details{margin-bottom:12px}.task-title{color:#2a2a2a;font-size:16px;font-weight:600;margin-bottom:8px}.task-meta{gap:12px;margin-bottom:8px}.task-meta-item{align-items:center;background-color:#f0f0f0;border-radius:4px;color:#555;display:inline-flex;font-size:12px;padding:4px 8px}.task-difficulty{font-weight:500}.task-difficulty.easy{color:#4caf50}.task-difficulty.medium{color:#ff9800}.task-difficulty.hard{color:#f44336}.task-reward{align-items:center;display:flex;font-size:14px;gap:6px;margin-top:8px}.task-reward-value{color:#2a2a2a;font-weight:600}.task-action{display:flex;justify-content:flex-end;margin-top:8px}.add-task-button{background-color:#4f46e5;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.add-task-button:hover{background-color:#4338ca}.no-suggestions{align-items:center;color:#555;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.no-suggestions-icon{color:#4f46e5;font-size:48px;margin-bottom:16px}body.dark-mode .suggested-tasks-section,body.dark-mode .weekly-review-summary-box{background-color:#1f1f1f;border-color:#333}body.dark-mode .suggested-tasks-section h3,body.dark-mode .task-title,body.dark-mode .weekly-review-header h2,body.dark-mode .weekly-review-summary-box h3{color:#e0e0e0}body.dark-mode .ai-summary{color:#e0e0e0}body.dark-mode .ai-summary,body.dark-mode .task-suggestion-item{background-color:#2a2a2a;border-color:#444}body.dark-mode .task-meta-item{background-color:#333;color:#ccc}body.dark-mode .task-reward-value{color:#e0e0e0}body.dark-mode .no-suggestions{color:#aaa}.help-page-container{background-color:var(--background-color);border-radius:8px;margin:0 auto;max-width:900px;padding:20px}.help-header{align-items:center;border-bottom:2px solid var(--primary-color);color:var(--text-color-primary);display:flex;gap:12px;margin-bottom:24px;padding-bottom:12px}.help-header h1{font-size:24px;margin:0}.help-section{margin-bottom:32px}.help-section h2{font-size:20px}.help-section h2,.help-section h3{color:var(--text-color-primary);margin-bottom:16px}.help-section h3{border-left:3px solid var(--primary-color);font-size:18px;padding-left:8px}.help-section p{color:var(--text-color-secondary);font-size:15px;line-height:1.6}body.dark-mode .help-section h2,body.dark-mode .help-section h3{color:#e5e5e5}.faq-item{border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;overflow:visible;padding:0}.faq-question{align-items:center;background-color:#f9fafb;border:none;color:var(--text-color-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:16px 20px 16px 16px;text-align:left;width:100%}.faq-question:hover{background-color:#f5f5f5}.faq-answer{background-color:var(--background-color);border-top:1px solid var(--border-color);padding:16px}.faq-answer p{margin:0 0 12px}.faq-answer ul{margin:0;padding-left:20px}.faq-answer li{color:var(--text-color-secondary);margin-bottom:8px}.faq-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.feedback-section{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:8px;margin-top:48px;padding:24px}.feedback-section h3{color:var(--text-color-primary);font-size:18px;margin-bottom:12px;margin-top:0}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-form textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);font-size:15px;padding:12px;resize:vertical;width:100%}.feedback-form textarea:disabled{cursor:not-allowed;opacity:.6}.submit-feedback-button{align-self:flex-start;background-color:var(--primary-color);border:none;border-radius:6px;color:#222;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.submit-feedback-button:hover:not(:disabled){background-color:#0d6efd;background-color:var(--primary-color-dark,#0d6efd)}.submit-feedback-button:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .submit-feedback-button{color:#fff}body.dark-mode .help-page-container{background-color:#2a2a2a;background-color:var(--background-color-dark-mode,#2a2a2a)}body.dark-mode .faq-question{background-color:#333;color:#e0e0e0}body.dark-mode .faq-question:hover{background-color:#444}body.dark-mode .faq-answer{background-color:#2c2c2d;border-top-color:#444}.planner-settings-form{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:2rem}.planner-settings-form h3{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1.25rem;font-weight:600;margin-top:0;padding-bottom:1rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{color:#374151;font-size:.875rem;font-weight:500}.input-with-button{align-items:center;display:flex;gap:.5rem}.input-with-button input[type=time]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-with-button input[type=time]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.planner-settings-form textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;min-height:120px;padding:.75rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.planner-settings-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.clear-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:background-color .2s,border-color .2s;white-space:nowrap}.clear-button:hover{background-color:#e5e7eb}.checkbox-options{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:400;gap:.75rem}.checkbox-label input[type=checkbox]{border-color:#d1d5db;border-radius:4px;cursor:pointer;height:1.1rem;width:1.1rem}.form-actions{align-items:center;border-top:1px solid #e5e7eb;gap:1rem;padding-top:1.5rem}.save-button{background-color:#2563eb;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s}.save-button:hover{background-color:#1d4ed8}.save-button:disabled{background-color:#9ca3af}.form-message{background-color:#d1fae5;border-radius:6px;color:#065f46;font-size:.875rem;padding:.5rem}body.dark-mode .planner-settings-form{background-color:#2a2a2a;border-color:#444}body.dark-mode .planner-settings-form h3{border-bottom-color:#444;color:#e5e5e5}body.dark-mode .form-row label{color:#e0e0e0}body.dark-mode .input-with-button input[type=time]{background-color:#333;border-color:#555;color:#e0e0e0}body.dark-mode .input-with-button input[type=time]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}body.dark-mode .clear-button{background-color:#4a4a4a;border-color:#666;color:#e0e0e0}body.dark-mode .clear-button:hover{background-color:#5a5a5a}body.dark-mode .checkbox-label{color:#e0e0e0}body.dark-mode .checkbox-label input[type=checkbox]{background-color:#333;border-color:#666}body.dark-mode .form-actions{border-top-color:#444}body.dark-mode .form-message{background-color:#1e4635;color:#a7f3d0}body.dark-mode .planner-settings-form textarea{background-color:#333;border-color:#555;color:#e0e0e0}body.dark-mode .planner-settings-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.connect-google-btn,.disconnect-google-btn{margin-top:.5rem}.disconnect-google-btn{background-color:#dc2626;border:none;color:#fff}.disconnect-google-btn:hover,body.dark-mode .disconnect-google-btn{background-color:#b91c1c}.data-control-settings{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:24px;padding:24px}.data-control-settings h3{color:var(--text-color-primary);font-size:20px;font-weight:600;margin-bottom:12px;margin-top:0}.data-control-settings p{color:var(--text-color-secondary);font-size:14px;margin-bottom:16px;margin-top:0}.button-style-delete{background-color:#dc2626;cursor:pointer;transition:background-color .2s}.button-style-delete,.button-style-delete:disabled{border:none;border-radius:6px;color:#fff;font-weight:500;padding:10px 16px}.button-style-delete:disabled{background-color:#969696;cursor:not-allowed;pointer-events:none}.button-style-delete:active{background-color:#b91c1c}body.dark-mode .data-control-settings{border-color:#333}.data-option{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:24px;justify-content:space-between;padding:16px 0}.data-option:first-child{border-top:none}.option-title{color:var(--text-color-primary);font-size:16px;font-weight:600;margin:0 0 4px}.option-desc{color:var(--text-color-secondary);flex:1 1;font-size:14px;margin:0}.data-option button{flex-shrink:0}.profile-container{background-color:initial;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:1200px;padding:24px}.profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.profile-header h2{color:var(--text-color-primary);font-size:24px;font-weight:700;margin:0}.profile-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px}.profile-tab-button{align-items:center;background-color:initial;border:none;border-bottom:2px solid #0000;color:var(--text-color-secondary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease-in-out}.profile-tab-button:hover{background-color:var(--background-color-hover);color:var(--text-color-primary)}.profile-tab-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.profile-content{margin-top:20px}.profile-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.profile-edit-mode h2,.profile-view-mode h2{color:#2a2a2a;font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0}.profile-setup-intro{background-color:#f3f4f6;border-left:4px solid #4f46e5;border-radius:8px;color:var(--text-color-secondary);font-size:16px;line-height:1.5;margin-bottom:24px;padding:16px}.profile-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.profile-details p{border-bottom:1px solid #e5e7eb;color:var(--text-color-secondary);font-size:16px;line-height:1.5;margin:0;padding-bottom:16px}.profile-details p:last-child{border-bottom:none}.profile-details p strong{color:var(--text-color-primary);display:inline-block;font-weight:600;width:180px}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label,.form-input{color:var(--text-color-primary)}.form-input{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light);outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.button-primary{align-items:center;background-color:var(--primary-color);border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.button-primary:hover{background-color:var(--primary-color-dark)}.button-secondary{align-items:center;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.button-secondary:hover{background-color:var(--background-color-hover);border-color:var(--text-color-secondary)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.6}.form-error-message{background-color:#ff52521a;border:1px solid var(--accent-color-red);border-radius:6px;color:var(--accent-color-red);font-size:14px;margin-bottom:16px;padding:12px 16px}.profile-loading{align-items:center;color:var(--text-color-secondary);display:flex;font-size:16px;justify-content:center;min-height:200px}.profile-error-critical{background-color:#fee2e2;border-radius:8px;color:#b91c1c;padding:20px;text-align:center}.profile-error-critical button{margin-top:16px}.email-history-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.email-history-section h3{color:#2a2a2a;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.email-list{list-style-type:none;margin:0;padding:0}.email-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px}.email-item:last-child{border-bottom:none}.email-date{color:#4b5563;font-weight:500;min-width:180px}.email-type{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:12px;padding:4px 8px}.email-subject{color:#6b7280}.no-emails-message{background-color:var(--background-color-light);border-radius:8px;color:var(--text-color-secondary);padding:20px;text-align:center}@media (max-width:768px){.profile-container{padding:16px}.profile-header h2{font-size:20px}.profile-tabs{align-items:center;border-bottom:none;flex-direction:row;gap:2px;justify-content:center;margin-bottom:20px}.profile-tab-button{border-bottom:1px solid var(--border-color);border-radius:6px;justify-content:flex-start;margin-bottom:0;padding:10px 16px}.profile-tab-button span{display:none}.profile-tab-button:last-child{margin-bottom:0}.profile-tab-button.active,.profile-tab-button:hover{background-color:var(--secondary)}.profile-tab-button.active{border-bottom:1px solid var(--border-color);border-left:3px solid var(--primary-color)}.profile-content{margin-top:0}.profile-card{padding:16px}}body.dark-mode .profile-container{box-shadow:0 2px 10px #ffffff0d}body.dark-mode .profile-card{background-color:#2c2c2d;border-color:#444}body.dark-mode .email-history-section h3,body.dark-mode .profile-edit-mode h2,body.dark-mode .profile-header h2,body.dark-mode .profile-view-mode h2{color:#e0e0e0}body.dark-mode .profile-setup-intro{background-color:#2a2a2a;border-color:#6366f1;color:#d1d5db}body.dark-mode .profile-details p{border-color:#333;color:#9ca3af}body.dark-mode .profile-details p strong{color:#e0e0e0}body.dark-mode .form-input{background-color:#2a2a2a;border-color:#4b5563;color:#e0e0e0}body.dark-mode .form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}body.dark-mode .button-secondary{color:#e0e0e0}body.dark-mode .form-error-message{background-color:#7f1d1d;color:#fca5a5}body.dark-mode .profile-loading{color:#9ca3af}body.dark-mode .profile-error-critical{background-color:#5c2121;color:#ffabab}body.dark-mode .email-item{border-bottom-color:#444}body.dark-mode .email-date{color:#d1d5db}body.dark-mode .email-type{background-color:#374151;color:#e0e0e0}body.dark-mode .email-subject{color:#9ca3af}body.dark-mode .no-emails-message{background-color:#374151;color:#d1d5db}body.dark-mode .email-history-section{border-top-color:#444}.ai-companion-container{background-color:#f9f9f9;border-radius:16px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:32px;position:relative;transition:background-color .3s ease,color .3s ease}.ai-companion-header{margin-bottom:48px;text-align:center}.ai-companion-header h2{color:#222;font-size:28px;font-weight:700;letter-spacing:.5px;margin:0;transition:color .3s ease}.ai-companion-content{gap:48px}.ai-companion-content,.ai-voice-section{align-items:center;display:flex;flex-direction:column}.ai-voice-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #00000014;border-radius:24px;box-shadow:0 8px 32px #0000001a;max-width:700px;padding:40px;text-align:center;transition:all .3s ease;width:100%}.ai-voice-intro{margin-bottom:32px;max-width:500px}.ai-voice-intro h3{color:#333;font-size:24px;font-weight:600;margin-bottom:12px;transition:color .3s ease}.ai-voice-intro p{color:#666;font-size:16px;line-height:1.6;margin-bottom:0;transition:color .3s ease}.speech-visualizer{height:150px;margin-bottom:24px;position:relative;width:150px}.speech-indicator,.speech-visualizer{align-items:center;border-radius:50%;display:flex;justify-content:center}.speech-indicator{background:linear-gradient(135deg,#5f46e5,#7e57c2);box-shadow:0 0 15px #5f46e580;color:#fff;font-size:32px;font-weight:600;height:100px;transition:all .3s ease;width:100px;z-index:2}.speech-indicator.speaking{animation:gentle-pulse 2s infinite}@keyframes gentle-pulse{0%{box-shadow:0 0 15px #5f46e580,0 0 25px #7e57c24d;transform:scale(1)}50%{box-shadow:0 0 25px #5f46e5b3,0 0 45px #7e57c280;transform:scale(1.05)}to{box-shadow:0 0 15px #5f46e580,0 0 25px #7e57c24d;transform:scale(1)}}.speech-status{color:#555;font-size:16px;font-weight:500;margin:16px 0;min-height:24px;transition:color .3s ease}.voice-controls{display:flex;gap:20px;margin-top:16px}.voice-control-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.mic-button{background:linear-gradient(135deg,#4f46e5,#673ab7);box-shadow:0 4px 15px #0003;color:#fff}.mic-button:hover:not(:disabled){box-shadow:0 6px 20px #4f46e566;transform:translateY(-3px)}.mic-button.recording{background:linear-gradient(135deg,#dc2626,#c62828)}.mic-button:disabled{cursor:not-allowed;opacity:.6}.text-chat-button{border:1px solid #00000026;color:#333}.text-chat-button:hover{background-color:#0000000d;border-color:#0003;transform:translateY(-2px)}.error-message{background-color:#ff8a801a;border:1px solid #ff8a8033;border-radius:8px;color:#ff8a80;margin-top:24px;padding:10px 18px}.transcript-section{background:#ffffffb3;border:1px solid #00000014;border-radius:24px;box-shadow:0 8px 32px #0000001a;max-width:800px;padding:32px;transition:all .3s ease;width:100%}.transcript-header{border-bottom:1px solid #00000014;margin-bottom:24px;padding-bottom:16px;transition:border-color .3s ease}.transcript-header h3{color:#333;font-size:20px;font-weight:600;margin:0;text-align:center;transition:color .3s ease}.transcript-content{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:16px}.transcript-content::-webkit-scrollbar{width:8px}.transcript-content::-webkit-scrollbar-track{background:#0000}.transcript-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#0003;border:2px solid #0000;border-radius:10px}.transcript-content::-webkit-scrollbar-thumb:hover{background-color:#0006}@keyframes slide-in-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{word-wrap:break-word;animation:slide-in-fade .4s ease-out;border-radius:18px;box-shadow:0 2px 5px #0000001a;font-size:15px;line-height:1.6;max-width:85%;padding:14px 20px}.user-message{align-self:flex-end;background:linear-gradient(135deg,#4f46e5,#673ab7);border-bottom-right-radius:6px;color:#fff}.ai-message{align-self:flex-start;background-color:#eef2f9;border:1px solid #0000000d;border-bottom-left-radius:6px;color:#333;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.message-type-error,.system-message{align-self:center;border-radius:10px;font-size:13px;font-style:italic;padding:8px 12px;text-align:center;transition:background-color .3s ease,color .3s ease}.system-message{background-color:#f0f0f0;color:#666}.message-type-error{background-color:#ef535026;border:1px solid #ef53504d;color:#c62828}.sender-label{font-weight:600;margin-right:8px;opacity:.8}.empty-transcript{color:#999;font-size:15px;font-style:italic;padding:40px;text-align:center;transition:color .3s ease}body.dark-mode .ai-companion-container{background-color:#111;color:#f0f0f0}body.dark-mode .ai-companion-header h2{color:#fff}body.dark-mode .ai-voice-section{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0003}body.dark-mode .ai-voice-intro h3{color:#fff}body.dark-mode .ai-voice-intro p{color:#b0b0b0}body.dark-mode .speech-status{color:silver}body.dark-mode .text-chat-button{border:1px solid #fff3;color:#e0e0e0}body.dark-mode .text-chat-button:hover{background-color:#ffffff1a;border-color:#ffffff4d}body.dark-mode .transcript-section{background:#ffffff0d;border:1px solid #ffffff1a}body.dark-mode .transcript-header{border-bottom:1px solid #ffffff1a}body.dark-mode .transcript-header h3{color:#fff}body.dark-mode .transcript-content::-webkit-scrollbar-thumb{background-color:#fff3}body.dark-mode .transcript-content::-webkit-scrollbar-thumb:hover{background-color:#fff6}body.dark-mode .ai-message{background-color:#2c2c2e;border:1px solid #ffffff14;color:#e0e0e0}body.dark-mode .system-message{background-color:#ffffff14;color:#a0a0a0}body.dark-mode .message-type-error{background-color:#ef535026;border:1px solid #ef53504d;color:#ffcdd2}body.dark-mode .empty-transcript{color:#9ca3af}.button-text-mobile{display:none}@media (max-width:768px){.ai-companion-container{border-radius:12px;padding:16px}.ai-companion-header{margin-bottom:24px}.ai-companion-header h2{font-size:22px}.ai-companion-content{gap:24px}.ai-voice-section{max-width:100%;padding:20px;width:auto}.ai-voice-intro{margin-bottom:16px}.ai-voice-intro h3{font-size:20px;margin-bottom:8px}.ai-voice-intro p{font-size:14px}.speech-visualizer{height:120px;margin-bottom:16px;width:120px}.speech-indicator{font-size:24px;height:80px;width:80px}.speech-status{font-size:14px;margin:12px 0}.voice-controls{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.voice-control-button{font-size:14px;min-width:100px;padding:10px 16px}.button-text-desktop{display:none}.button-text-mobile{display:inline}.transcript-section{max-width:100%;padding:16px}.transcript-header{margin-bottom:16px;padding-bottom:12px}.transcript-header h3{font-size:18px}.transcript-content{max-height:300px}.message-bubble{font-size:14px;max-width:90%;padding:10px 16px}.empty-transcript{font-size:14px;padding:20px}}.voice-usage-banner{background-color:#fee2e2;border-radius:20px;box-shadow:0 2px 6px #0000001a;color:#c53030;font-size:14px;font-weight:600;padding:6px 12px;position:absolute;right:12px;top:12px;z-index:10}body.dark-mode .voice-usage-banner{background-color:#742a2a;color:#feb2b2}.goals-page-container{padding:20px;width:100%}.page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;width:95%}@media (max-width:768px){.page-header{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}}.goals-page-container h1{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:0;margin-top:0}.add-goal-button{align-items:center;background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px;transition:background-color .2s ease}.add-goal-button:hover{background-color:#008484}.loading-indicator{font-weight:500;height:150px}.empty-tasks-state{background-color:#f9fafb;border-radius:8px;color:#6b7280;padding:24px;text-align:center}.goals-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.goal-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:20px;transition:transform .2s,box-shadow .2s}.goal-card.expanded{border-left:4px solid #00a5a5;box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.goal-card.goal-completed{border-left-color:#10b981;opacity:.8}.goal-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:10px}.goal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.goal-indicators{align-items:center;display:flex;gap:12px}.goal-expand-indicator{color:#6b7280;font-size:14px}.goal-strikes-indicator{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.goal-details{margin:12px 0}.goal-description{color:#4b5563;font-size:14px;margin:8px 0 16px}.goal-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:8px}.goal-info-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.goal-info-item svg{color:#6b7280;flex-shrink:0}.low-strikes{background-color:#fff7ed;color:#f97316}.medium-strikes{background-color:#ffedd5;color:#ea580c}.high-strikes{background-color:#fee2e2;color:#dc2626}.goal-card p{color:#4b5563;font-size:14px;margin:8px 0}.progress-bar-container{background-color:#e5e7eb;border-radius:4px;height:8px;margin:12px 0;overflow:hidden;width:100%}.progress-bar{background-color:#00a5a5;border-radius:4px;height:100%;text-indent:-9999px;transition:width .4s ease}.goal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.add-manual-tasks-to-goal-button,.add-tasks-button,.ai-generate-tasks-button,.delete-goal-button,.tasks-page-button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:background-color .2s,transform .1s}.add-manual-tasks-to-goal-button,.add-tasks-button{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1d4ed8}.add-manual-tasks-to-goal-button:hover,.add-tasks-button:hover{background-color:#bfdbfe}.ai-generate-tasks-button{background-color:#ede9fe;border:1px solid #ddd6fe;color:#6d28d9}.ai-generate-tasks-button:hover{background-color:#ddd6fe}.delete-goal-button{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.delete-goal-button:hover{background-color:#fecaca}.tasks-page-button:hover{background-color:#e5e7eb}.tasks-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.tasks-section h4{color:#374151;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:0}.goal-tasks-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.goal-tasks-list .task-item-content{align-items:center;display:flex;gap:8px;overflow:hidden;position:relative}.task-item{align-items:center;background-color:#f9fafb;border-left:4px solid #6b7280;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.task-item-content{flex-grow:1}.task-item strong{color:#1f2937;font-size:14px;font-weight:600}.task-description-detail{color:#6b7280;font-size:13px;line-height:1.4;margin-top:8px}.task-category-chip{background-color:#e5e7eb;color:#4b5563}.task-category-chip,.task-stake-chip{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.task-stake-chip{background-color:#dbeafe;color:#1d4ed8}.complete-task-button{align-items:center;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;white-space:nowrap}.complete-task-button:hover{background-color:#bbf7d0}.task-status-completed{border-left-color:#10b981;opacity:.7}.task-status-pending{border-left-color:#f97316}.task-status-in-progress{border-left-color:#3b82f6}.tasks-pagination-controls{margin:20px 0}.goals-pagination-controls{align-items:center;display:flex;gap:16px;justify-content:center;margin:24px 0}.goals-page-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.goals-page-button:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.goals-page-button:disabled{cursor:not-allowed;opacity:.5}.goals-page-indicator{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;padding:6px 12px}.goal-specific-actions{display:flex;justify-content:flex-end;margin-top:16px}.goal-task-actions-container{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.modal-content h3{color:#1f2937}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px;width:100%}.form-group input[type=checkbox]{margin-right:8px;transform:scale(1.2)}.ai-options-group{align-items:center;display:flex;gap:12px}.ai-options-group label{margin-bottom:0}.cancel-button,.save-button{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.save-button{background-color:#00a5a5;border:none;color:#fff}.save-button:hover{background-color:#008484}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.cancel-button:hover{background-color:#e5e7eb}.error-message{background-color:#fee2e2;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:10px 12px}body.dark-mode .goals-page-container h2{color:#e5e7eb}body.dark-mode .add-goal-button{background-color:#00bebe}body.dark-mode .add-goal-button:hover{background-color:#00a5a5}body.dark-mode .goal-card{background-color:#2a2a2a;border-color:#4b5563;box-shadow:0 4px 12px #0000004d}body.dark-mode .goal-card.expanded{border-left-color:#00bebe;box-shadow:0 6px 16px #0006}body.dark-mode .goal-card.goal-completed{border-left-color:#10b981;opacity:.7}body.dark-mode .goal-header h3{color:#e5e7eb}body.dark-mode .goal-card p,body.dark-mode .goal-expand-indicator{color:#9ca3af}body.dark-mode .empty-tasks-state{background-color:#1f2937;color:#9ca3af}body.dark-mode .goal-info-item,body.dark-mode .goal-info-item svg{color:#9ca3af}body.dark-mode .progress-bar-container{background-color:#4b5563}body.dark-mode .progress-bar{background-color:#00bebe}body.dark-mode .add-manual-tasks-to-goal-button,body.dark-mode .add-tasks-button{background-color:#1e3a8a;border-color:#1e40af;color:#93c5fd}body.dark-mode .add-manual-tasks-to-goal-button:hover,body.dark-mode .add-tasks-button:hover{background-color:#1e40af}body.dark-mode .ai-generate-tasks-button{background-color:#4c1d95;border-color:#6d28d9;color:#ddd6fe}body.dark-mode .ai-generate-tasks-button:hover{background-color:#5b21b6}body.dark-mode .delete-goal-button{background-color:#7f1d1d;border-color:#991b1b;color:#fca5a5}body.dark-mode .delete-goal-button:hover{background-color:#991b1b}body.dark-mode .tasks-page-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .tasks-page-button:hover{background-color:#4b5563}body.dark-mode .tasks-section{border-top-color:#4b5563}body.dark-mode .tasks-section h4{color:#e5e7eb}body.dark-mode .task-item{background-color:#1f2937;border-color:#4b5563}body.dark-mode .task-item strong{color:#e5e7eb}body.dark-mode .task-description-detail{color:#9ca3af}body.dark-mode .task-category-chip{background-color:#4b5563;color:#e5e7eb}body.dark-mode .task-stake-chip{background-color:#1e3a8a;color:#93c5fd}body.dark-mode .complete-task-button{background-color:#065f46;border-color:#047857;color:#6ee7b7}body.dark-mode .complete-task-button:hover{background-color:#047857}body.dark-mode .task-status-completed{border-left-color:#10b981}body.dark-mode .task-status-pending{border-left-color:#f97316}body.dark-mode .task-status-in-progress{border-left-color:#3b82f6}body.dark-mode .form-group input[type=date],body.dark-mode .form-group input[type=text],body.dark-mode .form-group select,body.dark-mode .form-group textarea{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .save-button{background-color:#00bebe}body.dark-mode .save-button:hover{background-color:#00a5a5}body.dark-mode .save-button:disabled{background-color:#4b5563;color:#9ca3af}body.dark-mode .cancel-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .cancel-button:hover{background-color:#4b5563}body.dark-mode .error-message{background-color:#7f1d1d;color:#fca5a5}body.dark-mode .goals-pagination-controls .goals-page-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .goals-pagination-controls .goals-page-button:hover:not(:disabled){background-color:#4b5563}body.dark-mode .goals-pagination-controls .goals-page-indicator{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.task-difficulty-chip{background-color:#fde68a;color:#92400e;text-transform:capitalize}.task-difficulty-chip,.task-xp-chip{border-radius:4px;font-size:12px;font-weight:500;padding:2px 6px}.task-xp-chip{background-color:#d1fae5;color:#065f46}body.dark-mode .task-difficulty-chip{background-color:#facc15;color:#78350f}body.dark-mode .task-xp-chip{background-color:#10b981;color:#ecfdf5}.goals-filter-controls{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.filter-button{background-color:initial;border:1px solid #d1d5db;border-radius:20px;color:#4b5563;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-button:hover{background-color:#f3f4f6;border-color:#adb5bd}.filter-button.active{background-color:#00a5a5;border-color:#00a5a5;color:#fff}body.dark-mode .goals-filter-controls{border-bottom-color:#4b5563}body.dark-mode .filter-button{border-color:#4b5563;color:#d1d5db}body.dark-mode .filter-button:hover{background-color:#374151;border-color:#6b7280}body.dark-mode .filter-button.active{background-color:#00bebe;border-color:#00bebe;color:#111827}.add-to-list-button{background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:8px;margin-top:8px;padding:10px 20px;transition:background-color .2s}.add-to-list-button:hover:not(:disabled){background-color:#008484}.add-to-list-button:disabled{background-color:#ccc;color:#f3f4f6;cursor:not-allowed}.fill-remaining-button{background-color:#ede9fe;border:1px solid #ddd6fe;border-radius:8px;color:#6d28d9;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:background-color .2s}.fill-remaining-button:hover:not(:disabled){background-color:#ddd6fe}.fill-remaining-button:disabled{background-color:#f3f4f6;color:#bdbdbd;cursor:not-allowed}body.dark-mode .add-to-list-button{background-color:#00bebe;color:#111827}body.dark-mode .add-to-list-button:hover:not(:disabled){background-color:#00a5a5}body.dark-mode .add-to-list-button:disabled{background-color:#4b5563;color:#9ca3af}body.dark-mode .fill-remaining-button{background-color:#4c1d95;border-color:#6d28d9;color:#ddd6fe}body.dark-mode .fill-remaining-button:hover:not(:disabled){background-color:#5b21b6}body.dark-mode .fill-remaining-button:disabled{background-color:#374151;color:#6b7280}.remove-task-button{background:none;border:1px solid #fee2e2;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;margin-left:12px;padding:4px 12px;transition:background .2s,color .2s,border-color .2s}.remove-task-button:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#b91c1c}.remove-task-button:disabled{border-color:#f3f4f6;color:#bdbdbd;cursor:not-allowed}body.dark-mode .remove-task-button{background:none;border-color:#7f1d1d;color:#fca5a5}body.dark-mode .remove-task-button:hover:not(:disabled){background:#7f1d1d;border-color:#991b1b;color:#fff}body.dark-mode .remove-task-button:disabled{border-color:#374151;color:#6b7280}.task-item-actions .task-actions-mobile-container{position:relative}.task-item-actions .task-actions-menu-button{background:#0000;border:none;cursor:pointer;padding:4px}.task-item-actions .task-actions-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:4px;padding:4px;position:absolute;right:0;top:30px;z-index:10}.task-item-actions .task-actions-dropdown button{align-items:center;background-color:initial;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;width:100%}.task-item-actions .task-actions-dropdown button:hover{background-color:#f3f4f6}body.dark-mode .task-item-actions .task-actions-dropdown{background-color:#2d3748;border-color:#4a5568}body.dark-mode .task-item-actions .task-actions-dropdown button{color:#e2e8f0}body.dark-mode .task-item-actions .task-actions-dropdown button:hover{background-color:#4a5568}@media (max-width:768px){.goals-page-container,.page-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.goals-page-container{padding:12px 12px 12px 0}.goals-page-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.goals-page-header h1{font-size:20px;margin:0}.goals-filter-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.filter-group,.filter-group select{width:100%}.goals-grid{gap:12px;grid-template-columns:1fr}.goal-card{padding:16px}.goal-card-header{gap:8px}.goal-card-header h3{font-size:16px}.goal-progress-container{margin:12px 0}.goal-meta-row{flex-wrap:wrap;gap:8px}.goal-meta-item{font-size:12px}.goal-actions{gap:8px}.goal-action-button{font-size:12px;padding:6px 8px}.goal-action-button span{display:none}.goal-detail-modal-content{padding:16px;width:90%}.goal-detail-header h2{font-size:18px}.goal-detail-progress{margin:12px 0}.goal-detail-meta{align-items:flex-start;flex-direction:column;gap:10px}.goal-detail-meta-item{font-size:13px}.goal-detail-tasks-list{margin-top:16px}.goal-detail-task-item{padding:10px}.goal-detail-task-item h4{font-size:14px}.goal-detail-actions{flex-wrap:wrap;gap:8px}.goal-detail-action-button{flex:1 1;font-size:13px;min-width:calc(50% - 8px);padding:8px}.goal-tasks-list .task-item-content strong{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.goal-tasks-list .task-item-content strong.overflow-text:hover{animation:scroll-text-anim 8s linear infinite;overflow:visible;text-overflow:clip}.goal-tasks-list .task-item-content span:not(.category-badge){display:none}.tasks-section .goal-specific-actions{justify-content:center;margin-top:8px;width:100%}.tasks-section .goal-specific-actions .ai-generate-tasks-button{justify-content:center;width:100%}.tasks-section .add-manual-tasks-to-goal-button{justify-content:center;margin-top:8px;width:100%}.goal-task-actions-container{align-items:stretch;flex-direction:column;gap:8px}.goal-task-actions-container .add-manual-tasks-to-goal-button,.goal-task-actions-container .ai-generate-tasks-button{justify-content:center;width:100%}.task-meta-badge.category-badge{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.task-meta-badge.category-badge .category-badge-text{display:none;margin-left:6px;opacity:0;transition:opacity .2s;white-space:nowrap}.task-meta-badge.category-badge:focus .category-badge-text,.task-meta-badge.category-badge:hover .category-badge-text{display:inline;opacity:1}}body.dark-mode .manual-task-modal input[type=date]{color-scheme:dark}body.dark-mode .manual-task-modal input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.tasks-page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}body.dark-mode .tasks-page-header{border-bottom-color:#374151}.tasks-page-header h1{color:#111827;font-size:24px;font-weight:700;margin:0}body.dark-mode .tasks-page-header h1{color:#e5e7eb}.add-task-button{align-items:center;background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px;transition:background-color .2s ease}.add-task-button:hover{background-color:#008484}body.dark-mode .add-task-button{background-color:#00bebe}body.dark-mode .add-task-button:hover{background-color:#00a5a5}.tasks-filter-bar{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:10px 16px}body.dark-mode .tasks-filter-bar{background-color:#1f2937;border-color:#374151}.tasks-filter-bar .lucide-filter{color:#6b7280}body.dark-mode .tasks-filter-bar .lucide-filter{color:#9ca3af}.task-search-input{font-size:14px;width:60%}body.dark-mode .task-search-input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .task-search-input::placeholder{color:#9ca3af}.tasks-list-container{display:flex;flex-direction:column;gap:16px}.task-item-full{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-left:4px solid #6b7280;border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px;transition:box-shadow .2s}.task-item-full:hover{box-shadow:0 2px 8px #0000000f}body.dark-mode .task-item-full{background-color:#2a2a2a;border-color:#4b5563 #4b5563 #4b5563 #9ca3af}.task-item-main{flex-grow:1}.task-item-main h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}body.dark-mode .task-item-main h4{color:#e5e7eb}.task-item-main p{color:#6b7280;font-size:14px;margin:0 0 12px;max-width:90%}body.dark-mode .task-item-main p{color:#9ca3af}.task-meta{color:#4b5563;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.task-meta-badge{border-radius:12px;font-weight:500;padding:3px 10px}.category-badge{background-color:#e5e7eb;color:#374151}body.dark-mode .category-badge{background-color:#4b5563;color:#e5e7eb}.due-date-badge{background-color:#ffedd5;color:#9a3412}body.dark-mode .due-date-badge{background-color:#7c2d12;color:#fdba74}.priority-badge.priority-easy{background-color:#dcfce7;color:#22c55e}.priority-badge.priority-medium{background-color:#ffedd5;color:#f97316}.priority-badge.priority-hard{background-color:#fee2e2;color:#dc2626}.priority-badge.priority-normal{background-color:#e5e7eb;color:#4b5563}body.dark-mode .priority-badge.priority-easy{background-color:#154626;color:#a7f3d0}body.dark-mode .priority-badge.priority-medium{background-color:#6b3d00;color:#ffd8a7}body.dark-mode .priority-badge.priority-hard{background-color:#5c2121;color:#ffabab}body.dark-mode .priority-badge.priority-normal{background-color:#374151;color:#d1d5db}.task-item-actions{display:flex;gap:8px}.task-item-actions button{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s,color .2s}.task-item-actions button:hover{background-color:#f3f4f6;color:#111827}body.dark-mode .task-item-actions button{background-color:#374151;border-color:#4b5563;color:#d1d5db}body.dark-mode .task-item-actions button:hover{background-color:#4b5563;color:#fff}.task-actions-mobile-container{position:relative}.task-actions-menu-button{background:#0000;border:none;cursor:pointer;padding:4px}.task-actions-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:4px;padding:4px;position:absolute;right:0;top:30px;z-index:10}.task-actions-dropdown button{align-items:center;background-color:initial;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;width:100%}.task-actions-dropdown button:hover{background-color:#f3f4f6}.dark-mode .task-actions-dropdown{background-color:#2d3748;border-color:#4a5568}.dark-mode .task-actions-dropdown button{color:#e2e8f0}.dark-mode .task-actions-dropdown button:hover{background-color:#4a5568}.task-search-input-mobile{background-color:initial;border:none;border-radius:6px;font-size:14px;padding:0 12px;width:100%}.dark-mode .task-search-input-mobile{color:#e5e7eb}.mobile-filter-item.search-item .mobile-filter-options{display:flex;justify-content:center;left:50%;padding:8px;right:auto;transform:translateX(-50%);width:200px}.task-item-full.status-completed{border-left-color:#22c55e}.task-item-full.status-completed h4{opacity:.7;text-decoration:line-through}.task-item-full.status-pending{border-left-color:#f97316}.task-item-full.status-in_progress{border-left-color:#3b82f6}.task-item-full.status-cancelled{background-color:#fef2f2;border-left-color:#ef4444;opacity:.8}body.dark-mode .task-item-full.status-completed{border-left-color:#4ade80}body.dark-mode .task-item-full.status-pending{border-left-color:#fb923c}body.dark-mode .task-item-full.status-in_progress{border-left-color:#60a5fa}body.dark-mode .task-item-full.status-cancelled{background-color:#3f2222;border-left-color:#f87171}.no-tasks-message{background-color:#f9fafb;border-radius:8px;color:#6b7280;padding:40px;text-align:center}body.dark-mode .no-tasks-message{background-color:#1f2937;color:#9ca3af}.loading-indicator{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;padding:40px}body.dark-mode .loading-indicator{color:#9ca3af}.tasks-pagination-controls{align-items:center;display:flex;gap:16px;justify-content:center;margin:24px 0}.tasks-page-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.tasks-page-button:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.tasks-page-button:disabled{cursor:not-allowed;opacity:.5}.tasks-page-indicator{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;padding:6px 12px}body.dark-mode .tasks-pagination-controls .tasks-page-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .tasks-pagination-controls .tasks-page-button:hover:not(:disabled){background-color:#4b5563}body.dark-mode .tasks-pagination-controls .tasks-page-indicator{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}#task-token-stake{box-sizing:border-box;width:100%}.action-button-delete:hover:not(:disabled){background-color:#fee2e2;color:#b91c1c}.action-button-missed{background-color:#fecaca;border:1px solid #0000;color:#dc2626}.action-button-missed:disabled{background-color:#fee2e2;color:#ef4444;cursor:not-allowed;opacity:.7}.task-item.status-completed .task-item-main h4{color:#9ca3af;text-decoration:line-through}@media (max-width:768px){.tasks-page-container{padding:12px}.tasks-page-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.tasks-page-header h1{font-size:20px;margin:0}.add-task-button{justify-content:center;width:100%}.tasks-filter-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.filter-group,.filter-group select{width:100%}.task-item-full{border-width:1px 1px 1px 4px;padding:12px}.task-item-main{min-width:0;overflow:hidden;width:100%}.task-item-main h4{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@keyframes scroll-text-anim{0%,10%{transform:translateX(0)}45%,55%{transform:translateX(var(--scroll-distance))}90%,to{transform:translateX(0)}}.task-item-main h4.overflow-text:hover{animation:scroll-text-anim 8s linear infinite;overflow:visible;text-overflow:clip}.task-meta{flex-wrap:wrap;gap:6px}.task-meta-badge{font-size:11px;padding:2px 8px}.task-meta-badge span{display:none}.task-meta-badge.category-badge span{display:inline}.task-item-actions button{padding:6px}.task-item-actions button span{display:none}.tasks-pagination-controls{gap:8px}.tasks-page-button{font-size:13px;padding:8px 12px}.tasks-page-button span{display:none}.tasks-page-indicator{font-size:13px;padding:4px 8px}.task-meta-badge.category-badge .category-badge-text{display:none;margin-left:6px;opacity:0;transition:opacity .2s;white-space:nowrap}.task-meta-badge.category-badge:focus .category-badge-text,.task-meta-badge.category-badge:hover .category-badge-text{display:inline;opacity:1}.task-meta-badge.category-badge{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}}.task-meta-badge.category-badge .icon-bg-blue,.task-meta-badge.category-badge .icon-bg-default,.task-meta-badge.category-badge .icon-bg-gray,.task-meta-badge.category-badge .icon-bg-green,.task-meta-badge.category-badge .icon-bg-indigo,.task-meta-badge.category-badge .icon-bg-orange,.task-meta-badge.category-badge .icon-bg-purple,.task-meta-badge.category-badge .icon-bg-red,.task-meta-badge.category-badge .icon-bg-teal{background:#0000!important}body.dark-mode .task-meta-badge{color:#d1d5db}.finance-page-container{padding:20px;width:100%}.finance-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.finance-header h2{color:#2a2a2a;font-size:24px;font-weight:700;margin:0}.add-account-button{align-items:center;background-color:#00a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px;transition:background-color .2s ease}.add-account-button:hover{background-color:#008484}.net-worth-summary-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px}.net-worth-summary-box h3{color:#2a2a2a;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:0}.net-worth-summary-box p{color:#4b5563;font-size:16px;margin:8px 0}.net-worth-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.summary-item{background-color:#f9fafb;border-radius:8px;display:flex;flex-direction:column;padding:16px}.summary-item .label{color:#6b7280;font-size:14px;margin-bottom:4px}.summary-item .value{color:#2a2a2a;font-size:18px;font-weight:600}.summary-item.assets .value{color:#059669}.summary-item.liabilities .value{color:#dc2626}.financial-accounts-section{margin-top:32px}.financial-accounts-section h3{color:#2a2a2a;font-size:20px;font-weight:600;margin-bottom:16px}.financial-accounts-list{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0}.account-item{align-items:center;background-color:#fff;border-left:4px solid #6b7280;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s}.account-item:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.account-item.account-type-bank_account,.account-item.account-type-cash,.account-item.account-type-investment_crypto,.account-item.account-type-investment_stocks,.account-item.account-type-other_asset,.account-item.account-type-property{border-left-color:#059669}.account-item.account-type-credit_card,.account-item.account-type-loan,.account-item.account-type-other_liability{border-left-color:#dc2626}.account-info{flex:1 1}.account-info h4{color:#2a2a2a;font-size:18px;font-weight:600;margin:0 0 8px}.account-info p{color:#4b5563;margin:8px 0}.account-info small{color:#6b7280;font-size:14px}.account-type-badge{background-color:#e5e7eb;border-radius:12px;color:#4b5563;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.account-actions{display:flex;flex-direction:column;gap:8px}.account-actions button{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background-color .2s ease;white-space:nowrap}.button-small-primary{background-color:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.button-small-primary:hover{background-color:#bfdbfe}.button-small-danger{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.button-small-danger:hover{background-color:#fecaca}.empty-state{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;padding:48px 0}.empty-state svg{color:#9ca3af;margin-bottom:16px}.empty-state p{color:#6b7280;font-size:16px;margin:0}.notification-popup{border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.notification-popup.success{background-color:#059669}.notification-popup.error{background-color:#dc2626}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility 0s linear .3s;visibility:hidden;width:100%;z-index:1100}.modal-overlay.open{opacity:1;transition:opacity .3s ease,visibility 0s linear 0s;visibility:visible}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-height:90vh;max-width:95vw;opacity:0;overflow-y:auto;padding:24px;position:relative;transform:scale(.95) translateY(10px);transition:transform .3s ease,opacity .3s ease;width:500px}.modal-overlay.open .modal-content{opacity:1;transform:scale(1) translateY(0)}.modal-content h3{color:#2a2a2a;font-size:22px;font-weight:600;margin-bottom:24px;margin-top:0;text-align:center}.form-group{margin-bottom:18px}.form-group label{color:#4b5563;display:block;font-size:14px;margin-bottom:8px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px;width:100%}.form-group input[type=number]#balance{box-sizing:border-box;max-width:100%;width:100%}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.button-primary,.button-secondary{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.button-primary{background-color:#00a5a5;border:none;color:#fff}.button-primary:hover{background-color:#008484}.button-primary:disabled{background-color:#ccc;cursor:not-allowed}.button-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.button-secondary:hover{background-color:#e5e7eb}.accounts-filter-bar{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#374151;font-size:14px;font-weight:500}.filter-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px}body.dark-mode .finance-page-container{color:#e5e7eb}body.dark-mode .finance-header{border-bottom-color:#374151}body.dark-mode .finance-header h2{color:#e5e7eb}body.dark-mode .add-account-button{background-color:#00bebe}body.dark-mode .add-account-button:hover{background-color:#00a5a5}body.dark-mode .net-worth-summary-box{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .net-worth-summary-box h3{color:#e5e7eb}body.dark-mode .net-worth-summary-box p{color:#9ca3af}body.dark-mode .summary-item{background-color:var(--primary)}body.dark-mode .summary-item .label{color:#9ca3af}body.dark-mode .summary-item .value{color:#e5e7eb}body.dark-mode .summary-item.assets .value{color:#34d399}body.dark-mode .summary-item.liabilities .value{color:#f87171}body.dark-mode .financial-accounts-section h3{color:#e5e7eb}body.dark-mode .account-item{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .account-item:hover{box-shadow:0 6px 16px #0006}body.dark-mode .account-info h4{color:#e5e7eb}body.dark-mode .account-info p,body.dark-mode .account-info small{color:#9ca3af}body.dark-mode .account-type-badge{background-color:#4b5563;color:#e5e7eb}body.dark-mode .button-small-primary{background-color:#1e3a8a;border-color:#1e40af;color:#93c5fd}body.dark-mode .button-small-primary:hover{background-color:#1e40af}body.dark-mode .button-small-danger{background-color:#7f1d1d;border-color:#991b1b;color:#fca5a5}body.dark-mode .button-small-danger:hover{background-color:#991b1b}body.dark-mode .empty-state{background-color:#2a2a2a}body.dark-mode .empty-state svg{color:#6b7280}body.dark-mode .empty-state p{color:#9ca3af}body.dark-mode .modal-content{background-color:#2a2a2a;color:#e5e7eb}body.dark-mode .modal-content h3{color:#e5e7eb}body.dark-mode .form-group label{color:#d1d5db}body.dark-mode .form-group input[type=date],body.dark-mode .form-group input[type=number],body.dark-mode .form-group input[type=text],body.dark-mode .form-group select{background-color:#374151;border-color:#4b5563;color:#e5e7eb;svg{color:#e5e7eb}}body.dark-mode .button-primary{background-color:#00bebe}body.dark-mode .button-primary:hover{background-color:#00a5a5}body.dark-mode .button-primary:disabled{background-color:#4b5563;color:#9ca3af}body.dark-mode .button-secondary{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .button-secondary:hover{background-color:#4b5563}body.dark-mode .accounts-filter-bar{background-color:#1f2937;border-color:#374151}body.dark-mode .filter-group label{color:#d1d5db}body.dark-mode .filter-group select{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.accounts-pagination-controls{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:8px 0}.accounts-page-button{align-items:center;background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.accounts-page-button:hover:not(:disabled){background-color:#e9e9e9}.accounts-page-button:disabled{cursor:not-allowed;opacity:.5}.accounts-page-indicator{background-color:#f9f9f9;border-radius:4px;color:#555;font-size:14px;font-weight:500;min-width:80px;padding:4px 12px;text-align:center}body.dark-mode .accounts-page-button{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .accounts-page-button:hover:not(:disabled){background-color:#3a3a3a}body.dark-mode .accounts-page-indicator{background-color:#2a2a2a;color:#e0e0e0}.budgeting-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:24px;padding:24px}.quick-categories{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-category-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s ease}.quick-category-btn:hover{background-color:#e5e7eb}.add-budget-form,.add-goal-form{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.add-budget-form input,.add-goal-form input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.budgets-table,.goals-table{border-collapse:collapse;margin-top:12px;width:100%}.budgets-table td,.budgets-table th,.goals-table td,.goals-table th{border:1px solid #e5e5e5;padding:8px 12px;text-align:left}.budgets-table th,.goals-table th{background-color:#f3f4f6;font-weight:600}.goal-preview{color:#4b5563;font-size:14px;margin-bottom:8px}.quick-category-select,.section-selector select.section-select{appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.24a.75.75 0 0 1-1.06 0L5.23 8.29a.75.75 0 0 1 .02-1.08z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border:none;border-radius:8px;font-size:16px;padding:8px 32px 12px 12px}.quick-category-select:focus,.section-selector select.section-select:focus{outline:none}body.dark-mode .quick-category-select,body.dark-mode .section-selector select.section-select{background-color:initial;border:none;color:#e5e7eb}body.dark-mode .section-select option{background-color:var(--primary);color:#e5e7eb}.edit-pencil-btn{background:none;border:none;color:#6b7280;cursor:pointer;margin-left:4px;padding:2px 4px;transition:color .2s;vertical-align:middle}.edit-pencil-btn:focus,.edit-pencil-btn:hover{color:#00a5a5}.delete-btn{background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:4px 8px;transition:background .2s,color .2s}.delete-btn:focus,.delete-btn:hover{background:#fee2e2;color:#b91c1c}.budgets-table input,.goals-table input{background:#0000;border:none;border-bottom:1.5px solid #d1d5db;font-size:14px;padding:4px 6px;transition:border-color .2s;width:100%}.budgets-table input:focus,.goals-table input:focus{background:#f0fdfa;border-bottom:2px solid #00a5a5;outline:none}body.dark-mode .budgets-table input,body.dark-mode .goals-table input{background:#0000;border-bottom:1.5px solid #4b5563;color:#e5e7eb}body.dark-mode .budgets-table input:focus,body.dark-mode .goals-table input:focus{background:#1e293b;border-bottom:2px solid #00bebe}body.dark-mode .edit-pencil-btn{color:#9ca3af}body.dark-mode .edit-pencil-btn:focus,body.dark-mode .edit-pencil-btn:hover{color:#00bebe}body.dark-mode .delete-btn{color:#f87171}body.dark-mode .delete-btn:focus,body.dark-mode .delete-btn:hover{background:#7f1d1d;color:#fecaca}body.dark-mode .budgeting-section{background-color:#23272f;color:#e5e7eb}body.dark-mode .budgets-table,body.dark-mode .goals-table{border:1px solid #374151;border-collapse:collapse}body.dark-mode .budgets-table th,body.dark-mode .goals-table th{background-color:#1f2937;border:1px solid #374151;color:#e5e7eb}body.dark-mode .budgets-table td,body.dark-mode .goals-table td{background-color:#23272f;border:1px solid #374151;color:#e5e7eb}body.dark-mode .budgets-table tfoot td,body.dark-mode .goals-table tfoot td{background-color:#1f2937;font-weight:700}body.dark-mode .add-budget-form input,body.dark-mode .add-goal-form input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.see-more-btn{background:none;border:none;color:#00a5a5;cursor:pointer;font-weight:600;margin-top:8px;padding:8px 0}.see-more-btn:hover{text-decoration:underline}body.dark-mode .see-more-btn{color:#00bebe}.table-header-select{background-color:initial;border:none;color:inherit;cursor:pointer;font-size:inherit;font-weight:inherit;padding:4px}.table-header-select:focus{border-radius:4px;outline:1px solid #00a5a5}.month-navigator{align-items:center;display:flex;gap:16px;justify-content:center;margin:16px 0}.month-navigator span{color:#2a2a2a;font-size:18px;font-weight:600;min-width:150px;text-align:center}.month-navigator button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding-bottom:2px;transition:background-color .2s;width:32px}.month-navigator button:hover{background-color:#374151}body.dark-mode .month-navigator span{color:#e5e7eb}body.dark-mode .month-navigator button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}body.dark-mode .month-navigator button:hover{background-color:#4b5563}@media (max-width:768px){.finance-page-container{padding:12px 12px 12px 0}.finance-page-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.finance-page-header h1{font-size:20px;margin:0}.add-transaction-button{justify-content:center;width:100%}.finance-tabs{flex-wrap:wrap;gap:8px}.finance-tab{flex:1 1 auto;font-size:13px;min-width:calc(50% - 8px);padding:8px 12px}.finance-tab-content{padding:12px}.transaction-list-header{display:none}.transaction-item{flex-direction:column;gap:8px;padding:12px}.transaction-item-main{width:100%}.transaction-item-amount,.transaction-item-date{text-align:left;width:100%}.transaction-item-date{color:#666;font-size:12px}.transaction-item-actions{justify-content:flex-start;margin-top:8px;width:100%}.transaction-item-actions button{padding:6px}.transaction-item-actions button span{display:none}.budget-card{padding:16px}.budget-card-header{align-items:flex-start;flex-direction:column;gap:8px}.budget-card-amount{font-size:16px}.budget-progress-bar{height:8px}.budget-card-actions{flex-wrap:wrap;gap:8px}.budget-card-actions button{flex:1 1;font-size:12px;min-width:calc(50% - 8px);padding:6px 8px}.budget-card-actions button span{display:none}.net-worth-card{padding:16px}.net-worth-value{font-size:20px}.net-worth-breakdown{flex-direction:column;gap:12px}.net-worth-item{width:100%}.add-transaction-form{padding:16px}.form-row{flex-direction:column;gap:12px}.form-group{width:100%}.modal-form-actions{flex-wrap:wrap;gap:8px}.modal-form-actions button{flex:1 1;min-width:calc(50% - 8px)}.table-container{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;scrollbar-color:#a0aec0 #e2e8f0;scrollbar-width:thin}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:#718096}.budgets-table{min-width:600px;width:100%}body.dark-mode .table-container{border-color:#374151;scrollbar-color:#4a5568 #2d3748}body.dark-mode .table-container::-webkit-scrollbar-track{background:#2d3748}body.dark-mode .table-container::-webkit-scrollbar-thumb{background:#4a5568}body.dark-mode .table-container::-webkit-scrollbar-thumb:hover{background:#718096}}@media (max-width:768px){.finance-header,.net-worth-summary-grid{align-items:flex-start;flex-direction:column;gap:16px}.finance-header h2{font-size:20px}.add-account-button{justify-content:center;width:100%}.accounts-filter-bar{align-items:stretch;flex-direction:column;gap:12px}.accounts-filter-bar .xp-controls-mobile{justify-content:center}.filter-group{align-items:flex-start;display:flex;flex-direction:column}.filter-group label{font-size:13px;margin-bottom:4px}.filter-group select{padding:10px 8px;width:100%}.account-item{align-items:flex-start;flex-direction:column;gap:12px}.account-actions{flex-direction:row;justify-content:flex-end;width:100%}.account-actions button{flex-grow:1;justify-content:center}}.category-manager-modal-content{background:#fcfcfc;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:680px;overflow:hidden;padding:0;width:100%}.category-manager-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.category-manager-header h3{font-size:20px;font-weight:600;margin:0}.add-new-button{align-items:center;display:inline-flex;gap:8px;padding:8px 16px}.category-manager-body{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:8px 32px 32px}.loading-text{color:#666;font-size:14px;padding:40px;text-align:center}.add-category-form-wrapper{margin-bottom:8px;padding:24px 0}.category-form{animation:fadeIn .3s ease-out;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.category-form.editing{animation:none;background-color:initial;border-color:#0000;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-form-input-group,.category-form-row{align-items:center;display:flex;gap:12px}.category-form-input-group{flex-grow:1}.category-form input[type=text]{background-color:#fff;border:1px solid #ced4da;border-radius:8px;flex-grow:1;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.category-form input[type=text]:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef533;outline:none}.category-form-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.category-list-wrapper{flex-grow:1}.category-list{display:flex;flex-direction:column;gap:8px}.category-list-item{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s,border-color .2s,box-shadow .2s}.category-list-item:hover{background-color:#f8f9fa;border-color:#e9ecef}.category-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:12px}.category-list-icon{align-items:center;border-radius:50%;display:inline-flex;height:28px;justify-content:center;width:28px}.category-list-icon .lucide{height:16px;width:16px}.category-item-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .2s}.category-list-item:hover .category-item-actions{opacity:1}.button-style-icon{align-items:center;background:none;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s,color .2s}.button-style-icon:hover{background-color:#e9ecef;color:#000}.button-style-icon.button-style-delete:hover{background-color:#ffe3e3;color:#c92a2a}.button-style-icon:disabled{background-color:initial!important;cursor:not-allowed;opacity:.5}.icon-picker-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:row;gap:24px;margin-top:4px;padding:12px}.picker-section{display:flex;flex-direction:column;gap:8px}.picker-section#color-picker{flex:0 0 120px}.picker-section#icon-picker{flex:1 1}.picker-section label{color:#343a40;font-size:13px;font-weight:600;margin:0}.color-palette,.icon-grid{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .2s,border-color .2s;width:24px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#4c6ef5;box-shadow:0 0 0 2px #fff}.icon-preview-container{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s,border-color .2s}.icon-preview-container:hover{background-color:#f1f3f5}.icon-preview-container.selected{background-color:#e7f5ff;border-color:#4dabf7;color:#1c7ed6}.icon-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));max-height:150px;overflow-y:auto;padding-right:8px}body.dark-mode .category-manager-modal-content{background:#25262b;border-color:#373a40;box-shadow:0 8px 32px #0006;color:#c1c2c5}body.dark-mode .category-manager-header{border-bottom-color:#373a40}body.dark-mode .category-manager-header h3{color:#e9ecef}body.dark-mode .loading-text{color:#868e96}body.dark-mode .category-form{background-color:#1a1b1e;border-color:#373a40}body.dark-mode .category-form input[type=text]{background-color:#2c2e33;border-color:#495057;color:#e9ecef}body.dark-mode .category-form input[type=text]:focus{border-color:#748ffc;box-shadow:0 0 0 3px #748ffc33}body.dark-mode .category-list-item{background-color:#25262b}body.dark-mode .category-list-item:hover{background-color:#2c2e33;border-color:#373a40}body.dark-mode .category-name{color:#e9ecef}body.dark-mode .button-style-icon{color:#a6a7ab}body.dark-mode .button-style-icon:hover{background-color:#373a40;color:#fff}body.dark-mode .button-style-icon.button-style-delete:hover{background-color:#5c2121;color:#ffabab}body.dark-mode .icon-picker-container{background-color:#2c2e33;border-color:#373a40}body.dark-mode .picker-section label{color:#e9ecef}body.dark-mode .color-swatch.selected{border-color:#748ffc}body.dark-mode .icon-preview-container:hover{background-color:#373a40}body.dark-mode .icon-preview-container.selected{background-color:#364fc7;border-color:#748ffc;color:#e9ecef}@media (max-width:768px){.category-manager-modal-content{border-radius:12px;max-height:90vh;max-width:95vw}.category-manager-header{padding:16px 20px}.category-manager-header h3{font-size:18px}.category-manager-body{padding:8px 20px 20px}.category-form-row{align-items:stretch;flex-direction:column}.icon-picker-container{flex-direction:column;gap:16px}.picker-section#color-picker{flex-basis:auto}}.notifications-panel-overlay{background-color:#0006;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1050}.notifications-panel{animation:slideIn .3s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 15px #0000001a;color:#111827;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:20px;top:60px;width:380px;z-index:1051}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notifications-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.notifications-panel-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.notifications-panel-header .close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.notifications-panel-header .close-button:hover{color:#111827}.notifications-panel-body{max-height:400px;overflow-y:auto;padding:8px}.notifications-list{list-style:none;margin:0;padding:0}.notification-item{border-radius:6px;display:flex;padding:12px;transition:background-color .2s ease}.notification-item:hover{background-color:#f3f4f6}.notification-item.unread{background-color:#eef2ff}.notification-icon-container{color:#4f46e5;flex-shrink:0;margin-right:12px;margin-top:2px}.notification-content p{color:#111827;font-size:14px;line-height:1.4;margin:0 0 4px}.notification-content small{color:#6b7280;font-size:12px}.no-notifications{color:#6b7280;padding:20px;text-align:center}.error-message{color:#ef4444;padding:20px}.dark-mode .notifications-panel{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}.dark-mode .notifications-panel-header{border-bottom-color:#4b5563}.dark-mode .notifications-panel-header h3{color:#f9fafb}.dark-mode .notifications-panel-header .close-button{color:#9ca3af}.dark-mode .notifications-panel-header .close-button:hover{color:#f9fafb}.dark-mode .notification-item:hover{background-color:#374151}.dark-mode .notification-item.unread{background-color:#312e81}.dark-mode .notification-icon-container{color:#818cf8}.dark-mode .notification-content p{color:#f9fafb}.dark-mode .no-notifications,.dark-mode .notification-content small{color:#9ca3af}@media (max-width:768px){.notifications-panel{border-radius:0;height:100%;max-width:100%;right:0;top:0;transform:translateX(100%);width:100%}.notifications-panel.open{transform:translateX(0)}.notifications-header{padding:12px 16px}.notifications-header h3{font-size:18px}.notifications-list{padding:12px}.notification-item{margin-bottom:8px;padding:12px}.notification-item-content h4{font-size:14px}.notification-item-content p{font-size:13px}.notification-item-timestamp{font-size:11px}.notification-item-actions{padding:8px 0 0}.notification-item-actions button{font-size:12px;padding:4px 8px}.notification-item-actions button span{display:none}.notification-item-actions button svg{margin-right:0}.no-notifications-message{font-size:14px;padding:16px}}.onboarding-container{background-color:#f5f5f5;background-color:var(--background,#f5f5f5);display:grid;height:100vh;padding:1rem;place-items:center}.onboarding-card{background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:80%;max-width:80%;padding:2rem;width:500px}.onboarding-content{flex-grow:1;margin-bottom:1rem;overflow-y:auto}.dark-mode .onboarding-card{background-color:#181818;background-color:var(--primary-dark,#181818);color:#e0e0e0;color:var(--text-light,#e0e0e0)}.step-header{margin-bottom:1rem;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.25rem}.form-group input,.form-group select{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:4px;font-size:1rem;padding:.5rem}body.dark-mode .form-group input::placeholder{color:#e0e0e0;color:var(--text-light,#e0e0e0)}.error-message{color:#e74c3c;color:var(--error-color,#e74c3c);margin-bottom:1rem;text-align:center}.category-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:1rem 0}.category-item{align-items:center;background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:50px;padding:.75rem;text-align:center;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none;word-break:break-word}.category-item.selected{background-color:#4caf50;background-color:var(--primary,#4caf50);border-color:#4caf50;border-color:var(--primary,#4caf50);color:#fff}body.dark-mode .category-item{background-color:#181818;background-color:var(--primary,#181818);border-color:#181818;border-color:var(--primary,#181818);color:#e0e0e0;color:var(--text-light,#e0e0e0)}body.dark-mode .category-item.selected{background-color:#00a5a5;background-color:var(--secondary,#00a5a5);border-color:#00a5a5;border-color:var(--secondary,#00a5a5);color:#e0e0e0;color:var(--text-light,#e0e0e0)}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}.info-item{align-items:center;display:flex;flex-direction:column;padding:.5rem;text-align:center}.info-icon{color:#4caf50;color:var(--primary,#4caf50);margin-bottom:.5rem}.step-buttons{display:flex;justify-content:space-between;margin-top:1rem}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.btn-primary{background-color:#4caf50;background-color:var(--primary,#4caf50);color:#fff}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background-color:initial;border:1px solid #4caf50;border:1px solid var(--primary,#4caf50);color:#4caf50;color:var(--primary,#4caf50)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.dark-mode .onboarding-container,body.dark-mode .btn-secondary{background-color:#333;background-color:var(--primary,#333)}body.dark-mode .btn-secondary{border-color:#333;border-color:var(--primary,#333);color:#e0e0e0;color:var(--text-light,#e0e0e0)}body.dark-mode .info-icon{color:#00a5a5;color:var(--secondary,#00a5a5)}.onboarding-card.step-three{max-width:90%;width:650px}.onboarding-card.step-three .info-grid{gap:.75rem;grid-template-columns:repeat(4,1fr)}.onboarding-card.step-three .info-item{padding:.25rem}@media (max-width:992px){.onboarding-card.step-three{width:90%}.onboarding-card.step-three .info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.onboarding-card.step-three .info-grid{grid-template-columns:1fr}.onboarding-card.step-three .info-item{align-items:center;flex-direction:row;padding:.5rem .25rem}.onboarding-card.step-three .info-icon{margin-bottom:0;margin-right:.5rem}}@media (max-width:768px){.onboarding-container{padding:.5rem}.onboarding-card{max-width:70%;padding:1.5rem}.step-header{font-size:1.25rem}.category-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.category-item{font-size:.9rem;min-height:40px;padding:.5rem}.info-grid{gap:.75rem;grid-template-columns:1fr}.info-item{align-items:center;background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #eee;border:1px solid var(--border-color,#eee);border-radius:8px;flex-direction:row;padding:.75rem;text-align:left}.info-icon{margin-bottom:0;margin-right:1rem}.info-item h4{margin:0 0 .25rem}.info-item p{font-size:.85rem;margin:0}.step-buttons{margin-top:1.5rem}.btn{font-size:.9rem;padding:.5rem 1rem}body.dark-mode .info-item{background-color:#333;background-color:var(--card-bg-dark,#333);border-color:#444;border-color:var(--border-color-dark,#444)}.onboarding-card.step-three .info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.onboarding-card{max-width:100%;padding:1rem;width:100%}.step-header{font-size:1.1rem}.onboarding-content{margin-bottom:.75rem}.category-grid{gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.category-item{font-size:.8rem;min-height:36px;padding:.4rem}.onboarding-card.step-three .info-grid{grid-template-columns:1fr}.info-item{flex-direction:row;gap:.5rem;justify-content:flex-start}.info-item h4,.info-item p{margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-buttons{flex-direction:column;gap:.5rem}.step-buttons .btn{width:100%}}.legal-page-container{font-size:16px;line-height:1.6;margin:40px auto;max-width:800px;padding:0 20px 80px}.legal-page-container h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.legal-page-container h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-top:2rem}.legal-page-container ul{padding-left:1.25rem}.legal-page-container li{margin-bottom:.5rem}.legal-page-container a{color:var(--secondary);text-decoration:underline}@media (max-width:768px){.page-content-wrapper{margin-bottom:16px;padding:16px}.page-content-wrapper h1{font-size:20px;margin-bottom:16px}.modal-content{max-width:90vw!important;padding:16px!important;width:90%!important}.modal-content h2,.modal-content h3{font-size:18px;margin-bottom:16px}.form-group{margin-bottom:12px}.form-group label{font-size:14px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:8px}button.icon-only{padding:8px}.add-tasks-button span,.button-with-icon span,.complete-task-button span,.delete-goal-button span,.goal-action-button span,.goals-page-button span,.planner-actions button span,.redo-btn span,.tasks-page-button span,.undo-btn span,button.icon-only span{display:none}.add-tasks-button svg,.button-with-icon svg,.complete-task-button svg,.delete-goal-button svg,.goal-action-button svg,.goals-page-button svg,.planner-actions button svg,.redo-btn svg,.tasks-page-button svg,.undo-btn svg{margin-right:0}.planner-page-container{padding:12px}.planner-header{align-items:flex-start;flex-direction:column;gap:12px}.date-selector-container{width:100%}.event-list-item,.task-detail-modal{padding:12px}.task-detail-modal-header{align-items:flex-start;flex-direction:column;gap:8px}.task-detail-modal-header h2{font-size:18px}.task-detail-section{margin-bottom:12px;padding:12px}.task-detail-section h3{font-size:16px;margin-bottom:8px}.task-detail-meta{flex-wrap:wrap;gap:8px}.task-detail-actions{flex-direction:column;gap:8px}.task-detail-actions button{width:100%}.chat-panel-component{border-radius:12px 12px 0 0;bottom:80px!important;height:70%;left:auto!important;max-width:360px;right:12px!important;top:auto!important;width:88%}.chat-panel-component .chat-messages-area,.chat-panel-component .chat-panel-header{padding:12px}.chat-panel-component .chat-input-area{padding:8px}.notification-popup-component{left:5%;max-width:90%;right:5%}.chat-button-component{bottom:75px;height:48px;right:16px;width:48px}.token-display-component{box-shadow:none;font-size:13px;padding:6px 10px}.pagination-controls{gap:8px}.page-button{font-size:13px;padding:6px 10px}.page-button span{display:none}.page-indicator{font-size:13px;padding:4px 8px}.action-button{font-size:14px;padding:8px 12px}.filter-control,.filter-group,.filter-group select{width:100%}.card-grid{grid-template-columns:1fr}.xp-category-select{font-size:12px;max-width:120px;padding:4px 6px}.xp-progress-timeframe-controls{height:32px;padding:2px}.timeframe-button{font-size:12px;padding:4px 8px}.xp-compare-control{font-size:12px}.xp-chart-area{height:220px;margin-top:8px}.xp-progress-footer{align-items:flex-start;flex-direction:column;gap:8px;padding-top:8px}.bottom-nav-item.chat-launch{position:relative}.bottom-nav-item.chat-launch span{font-size:20px;font-weight:700;line-height:1}.bottom-nav-item.chat-launch:before{background-color:#1f2937;border-radius:50%;content:"";height:46px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:46px;z-index:-1}body.dark-mode .bottom-nav-item.chat-launch:before{background-color:#374151}.bottom-nav-item{position:relative}.dashboard-container .header-center-logo,.dashboard-container .header-center-logo-text{display:none}.header-left{display:flex;width:110px}.header-left .header-center-logo{margin:0 12%}.weekly-review-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.weekly-review-header{gap:4px;scale:1}.weekly-review-header h2{font-size:18px;margin-right:10px}.weekly-review-header h3{font-size:16px}.suggested-tasks-section,.weekly-review-summary-box{align-items:center;justify-content:center;width:100%}}.return-page-container{align-items:center;background-color:#f4f7f9;display:flex;justify-content:center;min-height:100vh;padding:20px}.return-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;max-width:450px;padding:40px;text-align:center;width:100%}.return-title{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.return-title.success{color:#2e7d32}.return-title.error{color:#d32f2f}.return-message{color:#6b7280;font-size:16px;margin-bottom:30px}.return-button{background-color:#00a5a5;border:none;margin-top:10px}.return-button:hover{background-color:teal}body.dark-mode .return-page-container{background-color:#121212}body.dark-mode .return-card{background-color:#1f1f1f;box-shadow:0 4px 12px #0000004d}body.dark-mode .return-title.success{color:#8bc34a}body.dark-mode .return-title.error{color:#ef5350}body.dark-mode .return-message{color:#9ca3af}
/*# sourceMappingURL=main.f27aa457.css.map*/