*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Instrument Serif", serif;--font-mono: "JetBrains Mono", monospace;--text-xl: 72px;--text-lg: 32px;--text-md: 18px;--text-sm: 14px;--text-xs: 12px;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--primary: #161718;--secondary: #E6E0D4;--border: #161718;--text-primary: #161718;--text-secondary: #525252;--text-tertiary: #A3A3A3;--danger: #DC2626;--warning: #F59E0B;--success: #059669;--complete: #047857;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background:var(--secondary);color:var(--text-primary);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:0}#root{width:100%;max-width:100%}@media(min-width:600px){body{align-items:flex-start;padding:32px}#root{max-width:680px}}@media(min-width:1024px){body{padding:50px;align-items:flex-start;justify-content:flex-start}#root{max-width:100%;min-height:100vh}}:root{--bg: #E6E0D4;--fg: #161718;--fg2: #525252;--fg3: #A3A3A3;--border: #161718;--success: #047857;--ok: #059669;--warn: #F59E0B;--danger: #DC2626}.dashboard[data-theme=dark]{--bg: #222222;--fg: #E6E0D4;--fg2: #A3A3A3;--fg3: #525252;--border: rgba(230,224,212,.2)}.dashboard{border:2px solid var(--border);background:var(--bg);overflow:hidden;transition:background .2s,border-color .2s}.inactivity-alert{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--danger);color:#fff;padding:8px 24px;text-align:center}.dashboard-header{display:flex;flex-direction:column;padding:16px 24px 12px;background:var(--bg);border-bottom:2px solid var(--border);gap:12px}.dashboard-header-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-nav{display:flex;justify-content:center}.dashboard-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.dashboard-brand{display:flex;align-items:center;flex-shrink:0}.dashboard-logo{height:26px;width:auto;display:block}.month-nav{display:flex;align-items:center;gap:12px}.month-label{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--fg);min-width:160px;text-align:center}.nav-btn{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;background:transparent;border:none;color:var(--fg);cursor:pointer;padding:4px 8px;line-height:1;transition:opacity .1s}.nav-btn:disabled{opacity:.2;cursor:default}.pace-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:2px solid var(--border);border-left:4px solid transparent;background:var(--bg);gap:12px}.pace-left{display:flex;align-items:center;gap:10px}.pace-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg2)}.pace-status{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pace-detail{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;color:var(--fg2);text-align:right}.entries-count{font-weight:400;color:var(--fg3);margin-left:6px}.btn-toggle{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;padding:6px 12px;background:transparent;color:var(--fg2);border:1px solid var(--fg2);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background .1s,color .1s,border-color .1s}.btn-toggle--active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-secondary{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;padding:10px 20px;background:transparent;color:var(--fg);border:2px solid var(--fg);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .1s,color .1s}.btn-secondary:hover{background:var(--fg);color:var(--bg)}.cat-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cat-pick-btn{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;padding:5px 10px;background:transparent;color:var(--fg2);border:1px solid var(--fg2);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:border-color .1s,color .1s}.cat-pick-btn--active{font-weight:700}.cat-pick-btn[data-tooltip]{position:relative}.cat-pick-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.5px;white-space:nowrap;padding:4px 8px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.cat-pick-btn[data-tooltip]:hover:after{opacity:1}.cat-tag{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;padding:2px 6px;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.cat-tag--sm{font-size:9px;padding:1px 5px}.cat-breakdown{border-top:1px solid rgba(22,23,24,.15);border-bottom:2px solid var(--border);background:var(--bg)}.cat-row{display:flex;align-items:center;gap:12px;padding:10px 24px;border-bottom:1px solid rgba(22,23,24,.1)}.cat-row:last-child{border-bottom:none}.cat-total{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--fg);margin-left:auto}.cat-pct{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400;color:var(--fg2);min-width:36px;text-align:right}.insights-block{border-bottom:2px solid var(--border);background:var(--bg)}.insights-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg2);padding:12px 24px;border-bottom:1px solid var(--border)}.insight-item{padding:12px 24px;border-left:3px solid transparent;border-bottom:1px solid rgba(22,23,24,.1)}.insight-item:last-child{border-bottom:none}.insight-item--warning{border-left-color:var(--danger)}.insight-item--info{border-left-color:var(--warn)}.insight-item--success{border-left-color:var(--ok)}.insight-text{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;line-height:1.6;color:var(--fg2);display:block}.annual-view{border-top:none}.annual-chart{padding:20px 24px 8px;border-bottom:2px solid var(--border);background:var(--bg)}.annual-chart-legend{display:flex;gap:16px;margin-bottom:12px}.chart-legend-item{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding-left:14px;position:relative}.chart-legend-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:2px}.chart-legend-item--real{color:var(--fg)}.chart-legend-item--real:before{background:var(--fg)}.chart-legend-item--meta{color:var(--fg3)}.chart-legend-item--meta:before{background:none;border-top:1px dashed var(--fg3)}.annual-summary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--border);gap:2px;border-bottom:2px solid var(--border)}.annual-summary-card{padding:20px 16px;background:var(--bg);text-align:center}.annual-sub{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;color:var(--fg2);margin-top:4px}.annual-months{display:flex;flex-direction:column}.month-row{display:grid;grid-template-columns:90px 1fr 110px 42px;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid rgba(22,23,24,.12);background:var(--bg);border:none;cursor:pointer;text-align:left;transition:background .1s;width:100%}.month-row:last-child{border-bottom:none}.month-row:hover:not(:disabled){background:#1617180d}.month-row--current{background:#1617180a}.month-row--future{opacity:.35;cursor:default}.month-row-name{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--fg)}.month-row-bar-wrap{height:6px;background:#1617181a;overflow:hidden}.month-row-bar{height:100%;transition:width .3s ease}.month-row-value{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--fg);text-align:right}.month-row-pct{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-align:right}.donut-section{padding:32px 24px 24px;display:flex;justify-content:center;border-bottom:2px solid var(--border)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--border);gap:2px;border-bottom:2px solid var(--border)}.metric-card{padding:20px 16px;background:var(--bg);text-align:center}.metric-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg2);margin-bottom:8px}.metric-value{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--fg);word-break:break-all}.dashboard-footer{padding:20px 24px}.footer-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.footer-row:last-of-type{border-bottom:none}.footer-label{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--fg2)}.footer-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--fg)}.btn-primary{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;padding:10px 20px;background:var(--fg);color:var(--bg);border:2px solid var(--fg);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .1s,color .1s,transform .1s}.btn-primary:hover{background:var(--bg);color:var(--fg);transform:translate(2px,2px)}.btn-primary:active{transform:translate(0)}.btn-block{display:block;width:100%}.goal-input{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:500;padding:14px 16px;background:var(--bg);border:2px solid var(--fg);color:var(--fg);width:100%;margin-bottom:12px}.goal-input:focus{outline:none;box-shadow:4px 4px 0 var(--fg)}.goal-input::placeholder{color:var(--fg3)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--bg);border:2px solid var(--fg);padding:28px;width:100%;max-width:400px}.modal-label{display:block;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg2);margin-bottom:16px}.entries-section{border-top:2px solid var(--border)}.entries-header{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg2);padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.entry-row{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid rgba(22,23,24,.15);gap:12px;background:var(--bg)}.entry-row:last-child{border-bottom:none}.entry-left{display:flex;flex-direction:column;gap:3px;min-width:0}.entry-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--fg)}.entry-desc{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-date{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;color:var(--fg3)}.btn-edit{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;padding:6px 12px;background:transparent;color:var(--fg);border:1px solid var(--fg);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;transition:background .1s,color .1s}.btn-edit:hover{background:var(--fg);color:var(--bg)}.btn-danger{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;padding:10px 20px;background:transparent;color:var(--danger);border:2px solid var(--danger);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .1s,color .1s}.btn-danger:hover{background:var(--danger);color:#fff}.export-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.btn-export{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;padding:8px 12px;background:transparent;color:var(--fg2);border:1px solid var(--fg2);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background .1s,color .1s,border-color .1s}.btn-export:hover:not(:disabled){background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-export:disabled{opacity:.3;cursor:default}.settings-tag-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-tag-row{display:flex;align-items:center;gap:8px}.settings-tag-name{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--fg);text-transform:uppercase;letter-spacing:1px;flex:1}.settings-tag-input{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;padding:10px 12px;background:var(--bg);border:2px solid var(--fg);color:var(--fg);width:100%;margin-bottom:8px;text-transform:uppercase}.settings-tag-input:focus{outline:none;box-shadow:3px 3px 0 var(--fg)}.settings-tag-input::placeholder{color:var(--fg3);text-transform:none}.btn-icon{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;padding:4px 10px;background:transparent;color:var(--danger);border:1px solid var(--danger);cursor:pointer;line-height:1;flex-shrink:0;transition:background .1s,color .1s}.btn-icon:hover{background:var(--danger);color:#fff}.auth-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px;gap:32px}.auth-logo{height:40px;width:auto}.auth-box{background:var(--bg);border:2px solid var(--fg);padding:32px 28px;width:100%;max-width:360px}@media(max-width:599px){.dashboard{border-left:none;border-right:none;border-top:none}.dashboard-header{padding:14px 16px 10px;gap:10px}.dashboard-logo{height:20px}.btn-toggle{font-size:10px;padding:5px 8px}.month-label{font-size:13px;min-width:120px}.nav-btn{font-size:14px;padding:4px 6px}.pace-bar{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}.pace-detail{text-align:left;font-size:10px}.donut-section{padding:20px 32px 16px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.metric-card{padding:14px 8px}.metric-value{font-size:14px}.metric-label{font-size:9px;letter-spacing:.8px;margin-bottom:6px}.cat-row{padding:10px 16px;gap:8px}.insights-label,.insight-item{padding:10px 16px}.dashboard-footer{padding:16px}.footer-label{font-size:10px;letter-spacing:.5px}.footer-value,.entries-section{font-size:13px}.entries-header{padding:10px 16px}.entry-row{padding:12px 16px;gap:8px}.entry-value{font-size:14px}.annual-view .annual-summary{gap:1px}.annual-summary-card{padding:14px 8px}.annual-chart{padding:16px 16px 8px}.month-row{grid-template-columns:70px 1fr 90px 36px;gap:8px;padding:10px 16px}.month-row-value{font-size:11px}.modal{padding:20px 16px}}@media(min-width:600px)and (max-width:1023px){.metric-value{font-size:18px}.dashboard-header{padding:18px 28px 14px}}@media(min-width:1024px){.dashboard{box-shadow:none;min-height:100vh}.dashboard-header{flex-direction:row;align-items:center;padding:20px 32px;gap:0}.dashboard-header-top{flex:1}.dashboard-nav{flex:1;justify-content:center}.dashboard-controls{flex:1;justify-content:flex-end}.donut-section{padding:40px 32px 28px}.metrics-grid{gap:3px}.metric-card{padding:24px 20px}.metric-value{font-size:22px}.cat-row,.insights-label,.insight-item{padding:12px 32px}.dashboard-footer{padding:24px 32px}.entries-header{padding:14px 32px}.entry-row{padding:16px 32px}.pace-bar{padding:14px 32px}.annual-summary-card{padding:24px 20px}.annual-chart{padding:24px 32px 8px}.month-row{grid-template-columns:110px 1fr 130px 48px;padding:14px 32px}}