*{margin:0;padding:0;box-sizing:border-box}:root{--surface-primary:#1a1a1a;--surface-secondary:#242424;--surface-hover:#2a2a2a;--label-primary:#fff;--label-secondary:#d0d0d0;--label-tertiary:#a0a0a0;--accent-primary:#00d9ff;--accent-secondary:#ff6b9d;--accent-success:#0f8;--accent-warning:#fa0;--accent-danger:#f33;--border:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.05);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 32px rgba(0,0,0,.5);--shadow-lg:0 12px 48px rgba(0,0,0,.6);--blur:blur(10px);--radius:14px;--radius-sm:8px}body,html{background-color:var(--surface-primary);color:var(--label-primary);min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:row}.sidebar-desktop{display:flex;position:fixed;left:0;top:0;width:250px;height:100vh;background:var(--surface-secondary);border-right:1px solid var(--border);flex-direction:column;padding:24px 16px;overflow-y:auto;z-index:900}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.sidebar-logo-badge{width:40px;height:40px;border-radius:8px;background:rgba(0,217,255,.1);border:1px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-primary);font-size:14px;flex-shrink:0}.sidebar-logo-text{font-size:14px;font-weight:600;color:var(--label-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1 1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:none;border:none;border-left:3px solid transparent;cursor:pointer;color:var(--label-secondary);font-size:14px;font-weight:500;transition:all .2s ease;text-align:left}.sidebar-nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--label-primary)}.sidebar-nav-item.active{background:rgba(0,217,255,.1);border-left-color:var(--accent-primary);color:var(--accent-primary)}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav-label{font-size:14px}.mobile-header,.mobile-menu,.mobile-menu-button,.mobile-menu-overlay{display:none}main.main-content{margin-left:250px;flex:1 1;min-height:100vh;display:flex;flex-direction:column;padding:24px 0;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.header{padding:0;margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start}.header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--label-primary)}.header-stats{display:flex;gap:16px}.header p,.header-stats{font-size:12px;color:var(--label-secondary)}.header p{margin-top:4px}.card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{background:var(--surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-primary);border-radius:var(--radius);margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.task-card.completed{opacity:.35;border-left-color:var(--accent-success);background:hsla(0,0%,100%,.02)}.task-card.completed .task-title{text-decoration:line-through;color:var(--label-tertiary)}.task-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.task-card input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.task-content{flex:1 1;min-width:0}.task-title{font-weight:600;font-size:14px;margin-bottom:4px}.task-meta{font-size:12px;color:var(--label-tertiary);display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;background:hsla(0,0%,100%,.08);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--label-secondary);text-transform:uppercase;letter-spacing:.3px}.badge.category{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(0,217,255,.1)}.badge.frequency{border-color:var(--accent-secondary);color:var(--accent-secondary);background:rgba(255,107,157,.1)}.task-duration{font-size:12px;color:var(--label-tertiary);white-space:nowrap}.task-actions{display:flex;gap:6px;margin-left:12px;opacity:0;transition:opacity .2s ease}.task-card:hover .task-actions{opacity:1}.task-action-btn{background:none;border:none;color:var(--label-tertiary);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.task-action-btn:hover{background:hsla(0,0%,100%,.08);color:var(--label-primary)}.task-edit-btn:hover{color:var(--accent-primary)}.task-delete-btn:hover{color:var(--accent-danger)}.task-action-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar{width:100%;height:8px;background-color:hsla(0,0%,100%,.08);border-radius:4px;overflow:hidden;margin:12px 0;border:1px solid var(--border-light)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .5s ease;position:relative}.progress-label{font-size:12px;color:var(--label-secondary);margin-bottom:8px;display:flex;justify-content:space-between}.xp-section{background:var(--surface-secondary);border:1px solid var(--border);color:var(--label-primary);padding:24px;border-radius:var(--radius);margin-bottom:24px;box-shadow:var(--shadow-sm)}.xp-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--label-secondary);margin-bottom:12px}.xp-value{font-size:40px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-progress{font-size:12px;color:var(--label-secondary)}.streak-section{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--surface-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-success);border-radius:var(--radius);margin-bottom:24px;box-shadow:var(--shadow-sm)}.streak-info{flex:1 1}.streak-label{font-size:11px;color:var(--label-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.3px;margin-bottom:6px}.streak-days{font-size:18px;font-weight:700;color:var(--label-primary)}.streak-shields{display:flex;background:rgba(0,255,136,.1);border:1px solid var(--accent-success);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;color:var(--accent-success)}.btn,.streak-shields{align-items:center;gap:8px;font-weight:600}.btn{padding:12px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;justify-content:center}.btn-primary{background-color:var(--accent-primary);color:var(--surface-primary);border:1px solid var(--accent-primary)}.btn-primary:hover{background-color:transparent;color:var(--accent-primary)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-secondary:hover{background-color:rgba(0,217,255,.1)}.btn-secondary:active{transform:scale(.98)}.btn-block{width:100%;margin-bottom:12px}.bottom-nav,.nav-icon,.nav-item{display:none}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--surface-primary);border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px rgba(0,217,255,.3);display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:500}.fab:hover{box-shadow:0 6px 20px rgba(0,217,255,.4);transform:translateY(-2px)}.fab:active{transform:scale(.95);box-shadow:0 2px 8px rgba(0,217,255,.2)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-header{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--label-secondary);letter-spacing:.5px;margin:24px 0 12px;padding-left:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--label-secondary)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--label-primary)}.empty-subtitle{font-size:13px;line-height:1.5;color:var(--label-secondary)}.coming-soon{text-align:center;padding:60px 20px;color:var(--label-secondary)}.coming-soon-icon{font-size:40px;margin-bottom:16px;opacity:.3}.coming-soon-title{font-weight:600;margin-bottom:8px;color:var(--label-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:var(--surface-secondary);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:24px 16px;width:100%;max-width:600px;margin:0 auto;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content h2{font-size:20px;font-weight:700;color:var(--label-primary);margin-bottom:20px}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--label-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:10px 12px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--label-primary);font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input::placeholder{color:var(--label-tertiary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(0,217,255,.1)}.form-error{background:rgba(255,51,51,.1);border:1px solid var(--accent-danger);border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;color:var(--accent-danger);margin-bottom:12px}.form-actions{display:flex;gap:12px;margin-top:20px}.form-actions .btn{flex:1 1;padding:12px 16px}@media (max-width:1024px){.sidebar-desktop{width:200px;padding:20px 12px}.sidebar-logo{margin-bottom:24px}.sidebar-logo-badge{width:36px;height:36px}main.main-content{margin-left:200px}.container{max-width:900px;padding:0 16px}.header h1{font-size:28px}.xp-value{font-size:36px}.card,.streak-section,.task-card,.xp-section{padding:16px}}@media (max-width:640px){body{flex-direction:column}.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface-secondary);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 12px;z-index:800}.mobile-menu-button{display:flex;background:none;border:none;cursor:pointer;color:var(--label-primary);padding:8px}.mobile-menu-icon{width:24px;height:24px}.mobile-header-title{font-size:16px;font-weight:600;color:var(--label-primary)}.mobile-menu-overlay{display:block;right:0;background:rgba(0,0,0,.4);z-index:750}.mobile-menu,.mobile-menu-overlay{position:fixed;top:56px;left:0;bottom:0}.mobile-menu{display:flex;flex-direction:column;width:100%;max-width:280px;background:var(--surface-secondary);border-right:1px solid var(--border);padding:12px 0;z-index:800;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;color:var(--label-secondary);font-size:14px;font-weight:500;transition:all .2s ease;text-align:left}.mobile-menu-item:hover{background:hsla(0,0%,100%,.05);color:var(--label-primary)}.mobile-menu-item.active{background:rgba(0,217,255,.1);border-left-color:var(--accent-primary);color:var(--accent-primary)}.sidebar-desktop{display:none}main.main-content{margin-left:0;padding-top:56px;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:hsla(0,0%,6%,.95);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--border);justify-content:space-around;z-index:1000;box-shadow:0 -4px 24px rgba(0,0,0,.6)}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;justify-content:center;gap:6px;cursor:pointer;flex:1 1;height:100%;text-decoration:none;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:10px;font-weight:500;transition:all .2s ease;position:relative;padding:0}.nav-item.active{color:var(--accent-primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:32px;height:3px;background:var(--accent-primary);border-radius:1.5px}.nav-item:hover{color:var(--accent-primary)}.nav-icon{display:block;font-size:20px}.fab{bottom:76px;right:16px}.container{max-width:100%;padding:0 12px}.header h1{font-size:24px}.xp-value{font-size:28px}.card,.streak-section,.task-card,.xp-section{padding:12px;margin-bottom:8px}.modal-content{max-height:85vh}}.goals-page{padding:0}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0}.goals-header h2{font-size:28px;font-weight:700;color:var(--label-primary)}.goals-form-container{background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.goal-form{display:flex;flex-direction:column;gap:16px}.goal-form textarea{padding:10px 12px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--label-primary);font-size:14px;font-family:inherit;resize:vertical;transition:all .2s ease}.goal-form textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(0,217,255,.1)}.form-hint{font-size:12px;color:var(--label-tertiary);text-align:center;padding-top:8px;border-top:1px solid var(--border-light)}.modal-subtitle{font-size:14px;color:var(--label-secondary);margin-bottom:16px}.tasks-list{gap:12px;margin-bottom:20px;max-height:400px;overflow-y:auto}.task-suggestion,.tasks-list{display:flex;flex-direction:column}.task-suggestion{background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;gap:8px}.task-suggestion-header{display:flex;gap:8px;align-items:center}.task-suggestion-title{flex:1 1;padding:8px 10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--label-primary);font-size:14px;font-weight:500}.task-suggestion-title:focus{outline:none;border-color:var(--accent-primary)}.btn-small{padding:4px 8px;font-size:18px;background:transparent;color:var(--label-secondary)}.btn-small:hover{color:var(--accent-danger)}.task-suggestion-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px}.goals-section{margin-bottom:24px}.goals-section-completed{opacity:.7}.goals-list{display:flex;flex-direction:column;gap:12px}.goal-card{background:var(--surface-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-primary);border-radius:var(--radius);padding:16px;transition:all .2s ease}.goal-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.goal-card-completed{border-left-color:var(--accent-success);opacity:.8}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.goal-info{flex:1 1}.goal-title{font-size:16px;font-weight:600;color:var(--label-primary);margin-bottom:8px}.goal-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.goal-type-badge{display:inline-block;padding:4px 10px;border:1px solid;border-radius:var(--radius-sm);color:var(--label-secondary);text-transform:capitalize;font-weight:500}.goal-type-completed{border-color:var(--accent-success);color:var(--accent-success)}.goal-tasks{padding:4px 10px;background:hsla(0,0%,100%,.05);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--label-secondary)}.goal-date{padding:4px 10px;background:rgba(0,217,255,.05);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:11px}.goal-expand-btn{background:none;border:none;color:var(--label-secondary);cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s ease}.goal-expand-btn:hover{color:var(--label-primary)}.goal-description{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);font-size:13px;color:var(--label-secondary);line-height:1.5;white-space:pre-wrap}.heatmap-container{padding:20px}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;font-size:12px;color:var(--label-secondary)}.heatmap-scale{display:flex;gap:4px}.heatmap-scale-cell{width:12px;height:12px;border-radius:2px;border:1px solid var(--border)}.heatmap-label{font-size:11px;color:var(--label-tertiary)}.heatmap-grid-wrapper{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto}.heatmap-days{display:flex;flex-direction:column;gap:2px;padding-top:4px}.heatmap-day-label{width:30px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--label-secondary);font-weight:500}.heatmap-grid,.heatmap-week{display:flex;gap:2px}.heatmap-week{flex-direction:column}.heatmap-day{width:16px;height:16px;border-radius:2px;border:1px solid var(--border);cursor:pointer;position:relative;transition:all .2s ease}.heatmap-day:hover{box-shadow:0 0 0 2px var(--accent-primary)}.heatmap-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;white-space:nowrap;z-index:1000;margin-bottom:8px;font-size:11px;box-shadow:var(--shadow-md);pointer-events:none}.tooltip-date{color:var(--label-primary);font-weight:600;margin-bottom:2px}.tooltip-tasks{color:var(--label-secondary);font-size:10px}.tooltip-xp{color:var(--accent-primary);font-size:10px;font-weight:500}.heatmap-info{padding:16px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;color:var(--label-secondary);line-height:1.6}.heatmap-info p{margin:0}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:20px;margin-bottom:20px}.kanban-column{background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-height:400px}.column-header{background:var(--surface-primary);border-bottom:2px solid var(--accent-primary);padding:12px;font-weight:600;font-size:14px;color:var(--label-primary);text-align:center;flex-shrink:0}.column-tasks{flex:1 1;padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.empty-column{display:flex;align-items:center;justify-content:center;height:100%;color:var(--label-tertiary);font-size:12px;text-align:center}@media (max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr);gap:12px}.kanban-column{min-height:350px}}@media (max-width:640px){.kanban-board{grid-template-columns:1fr;gap:8px}.kanban-column{min-height:280px}.column-tasks{min-height:240px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}