:root{--x-darker: #000000;--x-dark: #15202B;--x-card: #192734;--x-border: #2F3336;--x-hover: #1C2732;--x-text-primary: #E7E9EA;--x-text-secondary: #71767B;--x-text-muted: #536471;--x-blue: #1D9BF0;--x-blue-hover: #1A8CD8;--x-blue-light: rgba(29, 155, 240, .1);--x-green: #00BA7C;--x-red: #F4212E;--x-yellow: #FFD400;--bg-dark: var(--x-dark);--bg-mid: var(--x-card);--bg-light: var(--x-hover);--text-primary: var(--x-text-primary);--text-secondary: var(--x-text-secondary);--border-subtle: var(--x-border);--flow-primary: var(--x-blue);--flow-secondary: var(--x-green);--stress-primary: var(--x-red)}body.dashboard-page,.dashboard-page{background:var(--x-dark)!important;color:var(--x-text-primary)!important}.glass-panel,.stat-card,.chart-panel{background:var(--x-card)!important;border:1px solid var(--x-border)!important;border-radius:16px!important;box-shadow:none!important;backdrop-filter:none!important}.glass-panel:hover,.stat-card:hover{background:var(--x-hover)!important;border-color:var(--x-border)!important;transform:none!important}h1,h2,h3,h4{color:var(--x-text-primary)!important;font-weight:700!important}.stat-label{color:var(--x-text-secondary)!important;font-size:.875rem!important;font-weight:600!important}.stat-value{color:var(--x-text-primary)!important;font-size:2rem!important;font-weight:700!important;background:none!important;-webkit-text-fill-color:var(--x-text-primary)!important;transform:none!important}.stat-unit{color:var(--x-text-secondary)!important}.stat-card:nth-child(1) .stat-value{color:var(--x-blue)!important}.stat-card:nth-child(2) .stat-value{color:var(--x-red)!important}.stat-card:nth-child(3) .stat-value{color:var(--x-green)!important}.stat-card:nth-child(4) .stat-value{color:var(--x-yellow)!important}.primary-btn,.filter-btn.active,.add-note-btn{background:var(--x-blue)!important;color:#fff!important;border:none!important;border-radius:9999px!important;font-weight:700!important;transition:background .2s!important}.primary-btn:hover,.filter-btn.active:hover,.add-note-btn:hover{background:var(--x-blue-hover)!important;transform:none!important;box-shadow:none!important}.filter-btn{background:transparent!important;border:1px solid var(--x-border)!important;color:var(--x-text-primary)!important;border-radius:9999px!important}.filter-btn:hover:not(.active){background:var(--x-hover)!important;border-color:var(--x-border)!important}input[type=text],input[type=date],textarea,.add-note-input,.commentary-textarea,.timeline-note-input{background:var(--x-darker)!important;border:1px solid var(--x-border)!important;color:var(--x-text-primary)!important;border-radius:8px!important}input:focus,textarea:focus{outline:none!important;border-color:var(--x-blue)!important;box-shadow:0 0 0 1px var(--x-blue)!important}.session-item,.journal-entry,.activity-item,.note-item{background:var(--x-card)!important;border:1px solid var(--x-border)!important;border-left-width:3px!important;border-left-color:var(--x-blue)!important;box-shadow:none!important;transition:background .2s!important}.session-item:hover,.journal-entry:hover{background:var(--x-hover)!important}.journal-quadrant.flow,.timeline-quadrant.flow{background:#1d9bf033!important;color:var(--x-blue)!important}.journal-quadrant.stress,.timeline-quadrant.stress{background:#f4212e33!important;color:var(--x-red)!important}.journal-quadrant.daydream{background:#ffd40033!important;color:var(--x-yellow)!important}.journal-quadrant.rumination{background:#71767b33!important;color:var(--x-text-secondary)!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--x-dark)}::-webkit-scrollbar-thumb{background:var(--x-border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--x-text-muted)}*{animation:none!important}.stat-card,.session-item,.journal-entry{box-shadow:none!important}.stat-card:before,.stat-card:after,.paint-splatter:before{display:none!important}.chart-panel{background:var(--x-card)!important}canvas{background:transparent!important}body.dashboard-page{overflow-y:auto!important;overflow-x:hidden!important;height:100vh!important}.dashboard-page{background:linear-gradient(135deg,#0a0e27,#1a1f3a);min-height:100vh;padding:var(--space-xl) var(--space-lg);overflow:auto!important;height:auto!important}.dashboard-header{margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl)}.header-content{display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-family:var(--font-display);font-size:2rem;background:linear-gradient(135deg,var(--flow-primary),var(--daydream-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link{color:var(--text-secondary);text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--flow-primary)}.date-filter{padding:var(--space-lg);margin-bottom:var(--space-xl)}.filter-controls{display:flex;gap:var(--space-md);flex-wrap:wrap}.filter-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s var(--ease-fluid)}.filter-btn.active{background:var(--flow-primary);color:#fff;border-color:var(--flow-primary)}.filter-btn:hover:not(.active){border-color:var(--flow-primary);color:var(--flow-primary)}.custom-range{margin-top:var(--space-md);display:flex;gap:var(--space-md);align-items:center}.custom-range.hidden{display:none}.custom-range input[type=date]{padding:var(--space-sm);border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text-primary);border-radius:6px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{padding:var(--space-xl);display:flex;gap:var(--space-lg);align-items:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--flow-primary),var(--flow-secondary));opacity:.7}.flow-gradient:before{background:linear-gradient(180deg,var(--flow-primary),var(--flow-secondary))}.stat-icon{font-size:2.5rem}.stat-content h3{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.stat-value{font-size:2.5rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,var(--text-primary),var(--flow-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-trend{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs)}.stat-trend.up{color:var(--flow-primary)}.stat-trend.down{color:var(--rumination-primary)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.chart-panel{padding:var(--space-xl)}.chart-panel h3{font-family:var(--font-display);margin-bottom:var(--space-lg);color:var(--text-primary)}.chart-container{position:relative;height:300px}.heatmap-panel{padding:var(--space-xl);margin-bottom:var(--space-xl)}.heatmap-panel h3{margin-bottom:var(--space-lg);font-family:var(--font-display)}.heatmap-grid{display:grid;grid-template-columns:auto repeat(24,1fr);gap:2px;font-size:var(--text-xs)}.heatmap-cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.heatmap-cell:hover{transform:scale(1.1);z-index:10;box-shadow:0 0 20px #4682b480}.heatmap-label{padding:var(--space-xs);color:var(--text-secondary);font-size:var(--text-xs)}.insights-panel{padding:var(--space-xl);margin-bottom:var(--space-xl)}.insights-panel h3{font-family:var(--font-display);margin-bottom:var(--space-lg)}.insights-content{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-xl);margin-bottom:var(--space-lg);min-height:200px}.loading-insights{display:flex;align-items:center;gap:var(--space-md);color:var(--text-secondary);font-style:italic}.spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--flow-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.insight-item{margin-bottom:var(--space-lg);padding-left:var(--space-lg);border-left:3px solid var(--flow-primary)}.insight-item h4{color:var(--flow-secondary);margin-bottom:var(--space-sm)}.insight-item p{color:var(--text-secondary);line-height:1.6}.timeline-panel{padding:var(--space-xl)}.timeline-panel h3{font-family:var(--font-display);margin-bottom:var(--space-lg)}.timeline-scroll{max-height:600px;overflow-y:auto}.timeline-item{display:flex;gap:var(--space-lg);padding:var(--space-lg);margin-bottom:var(--space-md);background:#ffffff05;border-left:4px solid var(--border-subtle);border-radius:8px;transition:all .3s}.timeline-item:hover{background:#ffffff0d;border-left-color:var(--flow-primary)}.timeline-time{font-size:var(--text-sm);color:var(--text-secondary);min-width:80px}.timeline-quadrant{display:inline-block;padding:2px var(--space-sm);border-radius:4px;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-xs)}.timeline-quadrant.flow{background:var(--flow-primary);color:#fff}.timeline-quadrant.stress{background:var(--stress-primary);color:#fff}.timeline-quadrant.daydream{background:var(--daydream-primary);color:#fff}.timeline-quadrant.rumination{background:var(--rumination-primary);color:#fff}.timeline-reflection{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-sm)}.timeline-metaphor{font-style:italic;color:var(--flow-secondary);font-size:var(--text-xs)}.sessions-panel{padding:var(--space-xl);margin-bottom:var(--space-xl)}.sessions-panel h3{font-family:var(--font-display);margin-bottom:var(--space-lg)}.sessions-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);padding:var(--space-lg);background:#667eea1a;border-radius:12px;margin-bottom:var(--space-xl)}.sessions-list{max-height:400px;overflow-y:auto}.session-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);background:#ffffff05;border-radius:8px;border-left:3px solid #667eea;transition:all .2s}.session-item:hover{background:#ffffff0d;border-left-color:var(--flow-secondary)}.session-icon{font-size:1.5rem;width:40px;text-align:center}.session-details{flex:1}.session-date{font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:var(--text-sm)}.session-time-range{font-size:var(--text-xs);color:var(--text-secondary)}.session-duration{font-size:var(--text-base);font-weight:600;color:#667eea;padding:var(--space-xs) var(--space-md);background:#667eea26;border-radius:4px}.session-stats{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary)}.session-stat{display:flex;align-items:center;gap:4px}.session-item.expandable{cursor:pointer}.session-item.expanded{background:#ffffff0a}.session-expand-icon{font-size:.8rem;color:var(--text-secondary);transition:transform .3s;margin-left:auto}.session-item.expanded .session-expand-icon{transform:rotate(180deg)}.session-details-expanded{display:none;grid-column:1 / -1;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);margin-top:var(--space-md)}.session-item.expanded .session-details-expanded{display:block}.distraction-timeline{margin-bottom:var(--space-lg)}.distraction-timeline h4{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.timeline-event{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;border-left:2px solid var(--border-subtle);padding-left:var(--space-md);position:relative}.timeline-event:before{content:"";position:absolute;left:-5px;top:12px;width:8px;height:8px;border-radius:50%;background:#667eea}.timeline-event.distraction:before{background:#ff6b6b}.timeline-time{font-size:var(--text-xs);color:var(--text-secondary);min-width:60px}.timeline-content{flex:1}.timeline-label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.timeline-interval{font-size:var(--text-xs);color:var(--flow-secondary);font-style:italic}.timeline-note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px;font-style:italic}.timeline-note-input{width:100%;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:4px;padding:var(--space-xs);font-size:var(--text-xs);color:var(--text-primary);margin-top:4px}.session-commentary{margin-top:var(--space-lg)}.session-commentary h4{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.commentary-textarea{width:100%;min-height:80px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-md);font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-primary);resize:vertical}.commentary-textarea:focus{outline:none;border-color:#667eea;background:#ffffff14}.commentary-empty{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.activity-log-panel{padding:var(--space-xl);margin-bottom:var(--space-xl)}.activity-log-panel h3{font-family:var(--font-display);margin-bottom:var(--space-lg)}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);padding:var(--space-lg);background:#4682b41a;border-radius:12px;margin-bottom:var(--space-xl)}.summary-stat{text-align:center}.summary-label{display:block;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.summary-value{font-size:var(--text-xl);font-weight:700;color:var(--flow-secondary)}.activity-list{max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);background:#ffffff05;border-radius:8px;border-left:3px solid var(--flow-primary);transition:all .2s}.activity-item:hover{background:#ffffff0d}.activity-icon{font-size:1.5rem;width:40px;text-align:center}.activity-details{flex:1}.activity-title{font-weight:600;color:var(--text-primary);margin-bottom:2px}.activity-time{font-size:var(--text-xs);color:var(--text-secondary)}.activity-duration{font-size:var(--text-sm);font-weight:600;color:var(--flow-primary);padding:var(--space-xs) var(--space-sm);background:#4682b426;border-radius:4px}.reflection-journal-panel{padding:var(--space-xl)}.reflection-journal-panel h3{font-family:var(--font-display);margin-bottom:var(--space-lg)}.journal-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.journal-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:var(--text-sm);transition:all .2s}.journal-btn:hover{border-color:var(--flow-primary);color:var(--flow-primary)}.journal-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:var(--text-sm)}.journal-list{max-height:800px;overflow-y:auto}.journal-entry{background:#ffffff05;border-radius:12px;margin-bottom:var(--space-md);overflow:hidden;border:1px solid var(--border-subtle);transition:all .3s}.journal-entry:hover{border-color:#4682b44d}.journal-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;background:#ffffff05}.journal-header:hover{background:#ffffff0a}.journal-date{min-width:120px}.journal-date-day{font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.journal-date-time{font-size:var(--text-xs);color:var(--text-secondary)}.journal-quadrant{padding:4px 12px;border-radius:20px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.journal-quadrant.flow{background:var(--flow-primary);color:#fff}.journal-quadrant.stress{background:var(--stress-primary);color:#fff}.journal-quadrant.daydream{background:var(--daydream-primary);color:#fff}.journal-quadrant.rumination{background:var(--rumination-primary);color:#fff}.journal-preview{flex:1;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-expand-icon{font-size:1.2rem;color:var(--text-secondary);transition:transform .3s}.journal-entry.expanded .journal-expand-icon{transform:rotate(180deg)}.journal-body{display:none;padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.journal-entry.expanded .journal-body{display:block}.journal-full-text{font-size:var(--text-base);color:var(--text-primary);line-height:1.8;margin-bottom:var(--space-lg);white-space:pre-wrap}.journal-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.journal-meta-item{font-size:var(--text-xs);color:var(--text-secondary)}.journal-meta-item strong{color:var(--flow-secondary)}.reflection-notes{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.notes-header{margin-bottom:var(--space-sm)}.notes-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.notes-empty{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;padding:var(--space-md);background:#ffffff05;border-radius:6px;margin-bottom:var(--space-sm)}.notes-list{max-height:200px;overflow-y:auto;margin-bottom:var(--space-sm)}.note-item{padding:var(--space-sm);background:#ffffff08;border-left:3px solid #667eea;border-radius:4px;margin-bottom:var(--space-sm)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.note-number{font-size:var(--text-xs);font-weight:600;color:var(--flow-secondary)}.note-timestamp{font-size:var(--text-xs);color:var(--text-secondary)}.note-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.add-note-section{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.add-note-input{flex:1;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:6px;padding:var(--space-sm);font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-primary)}.add-note-input:focus{outline:none;border-color:var(--flow-primary);background:#ffffff14}.add-note-btn{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s}.add-note-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.stats-grid,.charts-row{grid-template-columns:1fr}.filter-controls{flex-direction:column}.filter-btn{width:100%}.activity-summary{grid-template-columns:repeat(2,1fr)}.journal-header{flex-wrap:wrap}.journal-preview{width:100%;order:3;margin-top:var(--space-sm)}}