*{margin:0;padding:0;box-sizing:border-box}:focus{outline:2px solid var(--primary, #4A90E2);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary, #4A90E2);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary, #4A90E2);outline-offset:2px;border-radius:2px}:root{--primary: #4A90E2;--primary-hover: #357ABD;--secondary: #666;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--info: #17a2b8;--gray-50: #f9f9f9;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #ddd;--gray-400: #999;--gray-500: #757575;--gray-600: #666;--gray-700: #444;--gray-800: #333;--gray-900: #222;--nav-height: 60px;--max-width: 1200px;--border-radius: 8px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}html{overflow-x:clip}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-800);background:var(--gray-50);line-height:1.6;overflow-x:hidden;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0);-webkit-text-size-adjust:100%}html,body{max-width:100vw!important;overflow-x:clip!important;box-sizing:border-box}.import-main,main{max-width:100vw!important;overflow-x:hidden;box-sizing:border-box}@media (max-width: 1300px){html,body{max-width:1280px!important;overflow-x:clip!important}.activity-layout{max-width:1040px!important;overflow-x:hidden!important}.import-main,main{max-width:1280px!important;overflow-x:hidden!important}body>*{max-width:1280px!important}}.main-nav{background:#fff;border-bottom:1px solid var(--gray-300);height:var(--nav-height);position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:.4rem}.logo-icon{width:22px;height:22px;color:var(--primary);flex-shrink:0}.logo h1,.logo .logo-text{font-size:1.375rem;font-weight:700;color:var(--primary);margin:0}.logo .version{font-size:.75rem;color:var(--gray-500);font-weight:400}.nav-menu{display:flex;list-style:none;gap:.25rem;flex:1;margin:0}.nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;color:var(--gray-700);border-radius:8px;transition:all .2s ease;font-weight:500}.nav-icon{flex-shrink:0;transition:all .2s ease}.nav-text{font-size:.8125rem;text-align:center;line-height:1.2}.nav-link[data-section=blue]{color:#173a58}.nav-link[data-section=blue]:hover{color:#0d2842;background:#173a580d}.nav-link[data-section=blue] .nav-icon{color:#173a58}.nav-link[data-section=green]{color:#2ca167}.nav-link[data-section=green]:hover{color:#1e7e4e;background:#2ca1670d}.nav-link[data-section=green] .nav-icon{color:#2ca167}.nav-link[data-section=grey]{color:#6b7280}.nav-link[data-section=grey]:hover{color:#4b5563;background:#6b72800d}.nav-link[data-section=grey] .nav-icon{color:#6b7280}.nav-link[data-section=blue].active{background:#173a581a;color:#173a58;border-left:3px solid #173A58}.nav-link[data-section=green].active{background:#2ca1671a;color:#2ca167;border-left:3px solid #2CA167}.nav-link[data-section=grey].active{background:#6b72801a;color:#6b7280;border-left:3px solid #6b7280}.nav-link.active .nav-icon{color:inherit}.nav-link:not([data-section]):hover{background:#4a90e21a;color:var(--primary)}.nav-link:not([data-section]).active{background:#4a90e21a;color:var(--primary);border-left:3px solid var(--primary)}.nav-summary{display:flex;gap:1rem;padding-left:1.5rem;margin-left:auto;border-left:1px solid #e0e0e0;align-items:center}.summary-item{text-align:right}.summary-item .label{font-size:.7rem;color:#64748b;margin-bottom:.1rem;letter-spacing:.5px;font-weight:600}.summary-item .value{font-size:1.125rem;font-weight:700}.summary-item.income .value,.summary-item.expense .value,.summary-item.net .value{color:#1e293b}.status-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 10px;background:#22c55e1a;border-radius:10px;border:1px solid rgba(34,197,94,.2);min-width:110px;height:48px}.status-main{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:11px;color:#22c55e;font-weight:600}.status-timestamp{font-size:10px;color:#22c55e;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button{border:none;cursor:pointer;font-family:inherit;font-size:1rem;transition:all .2s}.btn-primary,.btn-secondary,.btn-import,.btn-settings{padding:.5rem 1rem;border-radius:6px;font-weight:500}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.btn-secondary{background:var(--gray-500);color:#fff}.btn-secondary:hover{background:var(--gray-600)}.btn-import{background:var(--primary);color:#fff}.btn-settings{background:var(--gray-200);color:var(--gray-800)}.btn-settings:hover{background:var(--gray-300)}#main-content{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}.content-section{display:none}.content-section.active{display:block}.empty-state{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--nav-height) - 4rem);padding:2rem}.welcome-container{max-width:900px;text-align:center}.welcome-container h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--gray-900)}.subtitle{font-size:1.25rem;color:var(--gray-600);margin-bottom:3rem}.import-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.import-cards .card{border:2px solid var(--gray-300);border-radius:var(--border-radius);padding:1.5rem;text-align:left;background:#fff;transition:all .3s}.import-cards .card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.import-cards .card.primary{border-color:var(--primary);background:#f0f7ff}.import-cards .card.secondary{border-color:var(--secondary);background:var(--gray-50)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.card.primary .badge{background:var(--primary);color:#fff}.card.secondary .badge.optional{background:var(--secondary);color:#fff}.import-cards .card h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--gray-900)}.import-cards .card>p{color:var(--gray-600);margin-bottom:1rem}.requirements{list-style:none;padding:0;margin:1rem 0;font-size:.9rem;color:var(--gray-700)}.requirements li{padding:.25rem 0 .25rem 1.5rem;position:relative}.requirements li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.import-cards button{width:100%;margin-top:1rem;padding:.75rem}.help-section{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.help-section a{text-decoration:none;color:var(--primary);font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s}.help-section a:hover{color:var(--primary-hover);transform:translateY(-2px)}.help-section .icon{font-size:1.25rem}.privacy-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--primary);font-weight:600;margin-top:2rem;padding:1rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.privacy-badge .icon{font-size:1.5rem}.empty-state-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-section h2{font-size:1.75rem;margin-bottom:.75rem;color:var(--gray-800)}.empty-state-section p{font-size:1.125rem;color:var(--gray-600);margin-bottom:1.5rem;max-width:500px}.empty-state-section button{padding:.75rem 2rem;font-size:1.05rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-300)}.modal-header h3{font-size:1.5rem;color:var(--gray-900)}.modal-close{background:none;font-size:2rem;color:var(--gray-600);line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body{padding:1.5rem}.toast{background:#fffffff2;padding:.375rem .75rem;border-radius:4px;box-shadow:0 2px 6px #0000001a;display:flex;align-items:center;gap:.375rem;font-size:.75rem;white-space:nowrap;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left:4px solid var(--success)}.toast.warning{border-left:4px solid var(--warning)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--info)}@media (max-width: 768px){.nav-container{flex-wrap:wrap;height:auto;padding:1rem}.nav-menu{order:3;width:100%;justify-content:center;margin-top:1rem}.welcome-container h1{font-size:2rem}.subtitle{font-size:1.125rem}.import-cards{grid-template-columns:1fr;gap:1rem}.help-section{flex-direction:column;gap:1rem}}.hidden{display:none!important}.text-center{text-align:center}input::placeholder,textarea::placeholder,select::placeholder{color:var(--gray-600);opacity:1}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (max-width: 768px){body{overflow-x:clip}.ap-page-wrapper,.tp-page-wrapper,.sp-page-wrapper,.pl-page-wrapper,.bu-page-wrapper,.ov-page-wrapper,.import-container{max-width:100vw;overflow-x:hidden;box-sizing:border-box}}.context-bar{padding:7px 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb}.context-left{display:flex;align-items:baseline;gap:12px}.context-left h2{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.context-left p{font-size:11px;color:#9ca3af;margin:0}.ctx-stat{text-align:right}.ctx-stat-value{font-size:12px;font-weight:600;color:#374151}.ctx-stat-label{font-size:8px;color:#9ca3af;letter-spacing:.4px;font-weight:500}.period-row{padding:8px 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.chips{display:flex;gap:5px;align-items:center}.period-meta{font-size:11px;color:#1a1a1a;font-weight:500}.hero-panels{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;padding:14px 24px;background:#f0f1f3;min-height:320px}.story-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;min-height:400px}.story-card-body{padding:18px 22px 0;flex:1}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px}.story-label{font-size:10px;letter-spacing:.5px;color:#9ca3af;font-weight:600}.story-badge{font-size:9px;font-weight:600;padding:2px 8px;border-radius:8px;letter-spacing:.3px;display:inline-block}.story-badge.good{background:#e1f5ee;color:#085041}.story-badge.warn{background:#faeeda;color:#633806}.story-badge.hidden{display:none}.story-value{font-size:34px;font-weight:700;color:#1a1a1a;line-height:1.1;transition:opacity .2s}.story-delta{font-size:12px;color:#6b7280;margin-top:2px;margin-bottom:10px}.story-delta strong{color:#374151}.story-chart{height:64px;margin:0 -22px;padding:0 22px}.story-chart:empty{display:none}.story-chart svg{width:100%;height:100%}.story-narrative{font-size:12px;color:#6b7280;line-height:1.5;margin-top:10px;padding-top:10px;border-top:1px solid #f0f1f3}.story-narrative strong{color:#374151}.story-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid #f0f1f3;margin-top:14px}.story-stat{padding:10px 14px;border-right:1px solid #f5f5f5}.story-stat:last-child{border-right:none}.story-stat-label{font-size:10px;letter-spacing:.4px;color:#1a1a1a;font-weight:600}.story-stat-value{font-size:17px;font-weight:700;color:#1a1a1a;margin-top:2px}.story-stat-sub{font-size:11px;color:#374151}.story-stat-pill{display:inline-block;padding:2px 10px;border-radius:6px;font-size:17px}.hero-trajectory-wrap{position:relative;height:160px;margin:14px 22px 4px}.right-panel{display:flex;gap:10px;align-items:stretch}.insights-col{display:flex;flex-direction:column;gap:6px;flex:0 1 52%;min-width:0}.insights-col:has(>.insight-card:only-child){justify-content:center}.donut-col{flex:0 1 48%;background:#fff;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;overflow:hidden}.donut-wrap{position:relative;width:148px;height:148px;margin:0 auto;flex-shrink:0}.donut-wrap canvas{display:block}.donut-center{display:none}.donut-legend{margin-top:10px;width:100%}.donut-callout{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;width:100%}.donut-callout:empty{display:none}.donut-tiles{display:grid;grid-template-columns:1fr;gap:10px}.donut-tile{border-radius:10px;padding:12px 12px 13px;text-align:left}.donut-tile--amber{background:#faeeda}.donut-tile--blue{background:#e6f1fb}.donut-tile--green{background:#e1f5ee}.donut-tile-icon{width:26px;height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.donut-tile-icon svg{width:15px;height:15px}.donut-tile--amber .donut-tile-icon{color:#854f0b}.donut-tile--blue .donut-tile-icon{color:#0c447c}.donut-tile--green .donut-tile-icon{color:#085041}.donut-tile-label{font-size:10.5px;font-weight:600;line-height:1.3}.donut-tile--amber .donut-tile-label{color:#854f0b}.donut-tile--blue .donut-tile-label{color:#0c447c}.donut-tile--green .donut-tile-label{color:#085041}.donut-tile-value{font-size:14px;font-weight:700;margin-top:5px;line-height:1.25}.donut-tile--amber .donut-tile-value{color:#412402}.donut-tile--blue .donut-tile-value{color:#042c53}.donut-tile--green .donut-tile-value{color:#04342c}.donut-tile-sub{font-size:10px;margin-top:3px}.donut-tile--amber .donut-tile-sub{color:#ba7517}.donut-tile--blue .donut-tile-sub{color:#185fa5}.donut-tile--green .donut-tile-sub{color:#0f6e56}@media (max-width: 400px){.donut-tiles{grid-template-columns:1fr}}.donut-header{margin-bottom:6px}.donut-header-value{font-size:22px;font-weight:600;color:#1a1a1a;line-height:1.1}.donut-header-label{font-size:10px;color:#9ca3af;font-weight:500;letter-spacing:.04em;margin-top:2px}.donut-table{width:100%;border-collapse:collapse}.donut-table tr{border-bottom:1px solid #f0f1f3}.donut-table-row--clickable{cursor:pointer}.donut-table-row--clickable:hover{background:var(--color-background-secondary, #f5f5f5)}.donut-table-row--clickable:hover .donut-table-name{color:#be123c}.donut-table tr:last-child{border-bottom:none}.donut-table td{padding:5px 0;font-size:11px;vertical-align:middle}.donut-table-name{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;margin-right:6px;vertical-align:middle}.donut-table-val{text-align:right;font-weight:500;color:#1a1a1a;white-space:nowrap;padding-left:12px}.donut-table-pct{text-align:right;color:#9ca3af;font-size:10px;font-weight:400;white-space:nowrap;width:44px;padding-left:12px}.insight-card{background:#2d3340;border-radius:10px;padding:12px 16px;border:none;color:#fff;box-shadow:0 2px 6px #00000026}.insight-card-clickable{cursor:pointer}.insight-cta{font-size:10px;font-weight:600;color:#7db8f5;margin-top:6px}.insight-badge{display:inline-flex;align-items:center;gap:3px;background:#fbbf2433;padding:2px 8px;border-radius:4px;font-size:8px;font-weight:700;color:#fbbf24;letter-spacing:.4px;margin-bottom:4px}.insight-content{font-size:13px;font-weight:500;color:#fff;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.insight-action{border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin-top:3px}.insight-action-icon{font-size:16px;flex-shrink:0;line-height:1}.insight-action-body{flex:1;min-width:0}.insight-action-hl{font-size:13px;font-weight:500;color:#1a1a1a}.insight-action-sub{font-size:11px;color:#6b7280;margin-top:1px}.insight-action-red{background:#e24b4a1a;border:1px solid rgba(226,75,74,.25)}.insight-action-red .insight-action-icon{color:#e24b4a}.insight-action-amber{background:#ba75171a;border:1px solid rgba(186,117,23,.25)}.insight-action-amber .insight-action-icon{color:#ba7517}.insight-action-green{background:#2ca16714;border:1px solid rgba(44,161,103,.2)}.insight-action-green .insight-action-icon{color:#2ca167}.story-progress-wrap{height:180px;display:flex;flex-direction:column;justify-content:center}.story-progress-track{margin:12px 0 4px;height:8px;background:#f0f1f3;border-radius:4px;overflow:hidden}.story-progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.story-progress-labels{display:flex;justify-content:space-between;font-size:10px;color:#b0b0b0;margin-bottom:6px}.hero-flash{animation:hero-flash-anim .3s ease}@keyframes hero-flash-anim{0%{opacity:.4}to{opacity:1}}@media (max-width: 1024px){.hero-panels{grid-template-columns:1fr}.context-right{flex-wrap:wrap}}@media (max-width: 768px){.hero-panels{padding:10px 16px;gap:10px}.story-value{font-size:28px}.story-chart{height:52px}.story-stats{grid-template-columns:1fr 1fr}.right-panel{flex-direction:column}.insights-col{flex:1 1 100%;order:2}.donut-col{flex:1 1 100%;order:1;max-height:none;overflow:visible;align-items:center;padding-top:20px}.donut-wrap{width:180px;height:180px;margin-top:0}.donut-table td{padding:8px 0;font-size:13px}.donut-table-val{text-align:center;padding-left:12px;padding-right:12px}.donut-table-pct{font-size:11px}.context-right{display:none}.context-bar{padding:7px 16px}.period-row{padding:8px 16px}.insight-card{padding:7px 10px}.insight-content{font-size:12px}.chips{overflow-x:auto;-webkit-overflow-scrolling:touch}}:root{--di-card:#ffffff;--di-hair: color-mix(in srgb, var(--di-accent) 7%, #e8e9e8);--di-ink: color-mix(in srgb, var(--di-accent) 8%, #0d0f0e);--di-ink-2: color-mix(in srgb, var(--di-accent) 12%, #555a57);--di-muted: color-mix(in srgb, var(--di-accent) 10%, #8e938f);--di-pos:#15803d;--di-pos-soft:#edf7f0;--di-neg:#dc2626;--di-neg-soft:#fdf1f0;--di-warn:#b45309;--di-warn-soft:#fbeed7;--di-accent:#16a34a;--di-accent-deep:#15803d;--di-accent-soft:#edf7f0;--di-page-base:#f6f7f6;--di-page: color-mix(in srgb, var(--di-accent) 6%, var(--di-page-base));--di-tint: color-mix(in srgb, var(--di-accent) 9%, transparent);--di-t-hero:44px;--di-t-value:19px;--di-t-title:15px;--di-t-body:13px;--di-t-meta:12px;--di-t-label:11px;--di-s1:8px;--di-s2:16px;--di-s3:24px;--di-s4:32px;--di-radius:14px;--di-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.05);--di-shadow-hover:0 2px 4px rgba(16,24,40,.05),0 10px 24px rgba(16,24,40,.07);--di-maxw:1480px;--di-gutter:64px;--di-ease:cubic-bezier(.22,.61,.36,1);--di-dur:.5s}.di-overview{--di-accent:#2563eb;--di-accent-deep:#1d4ed8;--di-accent-soft:#e8f0fe}.di-analyzing{--di-accent:#6b52c0;--di-accent-deep:#534ab7;--di-accent-soft:#efedfe}.di-tracking{--di-accent:#16a34a;--di-accent-deep:#15803d;--di-accent-soft:#edf7f0}.di-budgeting{--di-accent:#d97706;--di-accent-deep:#b45309;--di-accent-soft:#fbeed7}.di-spending{--di-accent:#e11d48;--di-accent-deep:#be123c;--di-accent-soft:#ffe4e9}.di-planning{--di-accent:#0d9488;--di-accent-deep:#0f766e;--di-accent-soft:#e6f6f3}.di-data{--di-accent:#475569;--di-accent-deep:#334155;--di-accent-soft:#eef1f5}.di-overview,.di-analyzing,.di-tracking,.di-budgeting,.di-spending,.di-planning,.di-data{--di-hair: color-mix(in srgb, var(--di-accent) 7%, #e8e9e8);--di-ink: color-mix(in srgb, var(--di-accent) 8%, #0d0f0e);--di-ink-2: color-mix(in srgb, var(--di-accent) 12%, #555a57);--di-muted: color-mix(in srgb, var(--di-accent) 10%, #8e938f);--di-page: color-mix(in srgb, var(--di-accent) 6%, var(--di-page-base));--di-tint: color-mix(in srgb, var(--di-accent) 9%, transparent)}.di-overview,.di-analyzing,.di-tracking,.di-budgeting,.di-spending,.di-planning,.di-data{background-color:var(--di-page-base);background-color:var(--di-page);background-image:none}.di-wrap{width:min(var(--di-maxw),calc(100% - var(--di-gutter)));margin-inline:auto;background:transparent}.di-money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.di-card{background:var(--di-card);border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow);padding:20px 22px}.di-lbl{font-size:var(--di-t-label);font-weight:600;letter-spacing:.04em;color:var(--di-muted)}.di-insight{background:var(--di-card);border:1px solid var(--di-hair);border-left:3px solid var(--di-accent);border-radius:0 12px 12px 0;box-shadow:var(--di-shadow);padding:14px 16px}.di-insight__tag{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--di-muted);display:inline-flex;align-items:center;gap:6px;margin-bottom:7px}.di-insight p{font-size:var(--di-t-body);line-height:1.5;color:var(--di-ink);margin:0}.di-insight p b{font-weight:600}.di-insight--ok{background:var(--di-accent-soft);border-left-color:var(--di-accent);box-shadow:none}.di-stat__v{font-size:var(--di-t-value);font-weight:700;letter-spacing:-.01em;margin-top:6px}.di-stat__v--neg{color:var(--di-neg)}.di-stat__v--pos{color:var(--di-pos)}.di-pill{font-size:var(--di-t-meta);font-weight:500;color:var(--di-ink-2);border:1px solid var(--di-hair);background:var(--di-card);border-radius:9px;padding:7px 14px;cursor:pointer}.di-pill.is-on{background:var(--di-accent-deep);color:#fff;border-color:var(--di-accent-deep);font-weight:600}.di-badge{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--di-accent-deep);background:var(--di-accent-soft);padding:4px 9px;border-radius:7px}.di-rise{opacity:0;transform:translateY(9px);animation:di-rise var(--di-dur) var(--di-ease) forwards}@keyframes di-rise{to{opacity:1;transform:none}}.di-hoverlift{transition:transform .15s var(--di-ease),box-shadow .15s var(--di-ease)}.di-hoverlift:hover{transform:translateY(-1px);box-shadow:var(--di-shadow-hover)}@media (prefers-reduced-motion:reduce){.di-rise{animation:none;opacity:1;transform:none}.di-hoverlift{transition:none}}.di-skinned .insight-card{background:var(--di-card);border:1px solid var(--di-hair);border-left:3px solid var(--di-accent);border-radius:0 12px 12px 0;box-shadow:var(--di-shadow)}.di-skinned .insight-content{color:var(--di-ink)}.di-skinned .insight-badge{background:var(--di-accent-soft);color:var(--di-accent-deep)}.di-skinned .insight-cta{color:var(--di-accent-deep)}.di-skinned .insight-card.insight-card-clickable:hover{background:color-mix(in srgb,var(--di-accent) 6%,var(--di-card))}.di-skinned .insight-action{background:var(--di-accent-soft);border-left:3px solid var(--di-accent);border-radius:0 12px 12px 0}.di-skinned .insight-action-hl{color:var(--di-accent-deep)}.di-skinned .insight-action-sub{color:var(--di-accent-deep);opacity:.8}.di-skinned .story-card{border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-skinned .story-label{color:var(--di-muted)}.di-skinned .story-chart{height:150px}.di-skinned .donut-table-name{color:var(--di-ink-2)}.di-skinned{--di-page-ctx-bg: var(--di-page)}.di-skinned .hero-panels,.di-skinned .right-panel{background:transparent}.di-skinned .story-card{background:var(--di-card)}.di-skinned .di-period-bar{background:transparent;border-bottom:none;box-shadow:none}.di-skinned .di-period-chip.active,.di-skinned .di-period-chip[aria-pressed=true]{background:var(--di-accent-deep);border-color:var(--di-accent-deep);color:#fff;font-weight:600}.di-skinned .ap-year-view-btn.active{background:var(--di-accent-deep);border-color:var(--di-accent-deep);color:#fff}.di-tracking .tp-time-filter-bar{background:transparent;border-bottom:none;box-shadow:none}.di-skinned .fb-trigger{color:var(--di-accent-deep)}.di-skinned .fb-trigger:hover{color:var(--di-accent)}.di-skinned .fb-header{background:var(--di-accent-deep)}.di-skinned .fb-type:hover{border-color:var(--di-accent-deep)}.di-skinned .fb-type.active{background:var(--di-accent-deep);border-color:var(--di-accent-deep);color:#fff}.di-skinned .fb-textarea:focus{border-color:var(--di-accent-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--di-accent) 15%,transparent)}.di-skinned .fb-submit{background:var(--di-accent-deep)}.di-skinned .fb-submit:hover{background:color-mix(in srgb,var(--di-accent-deep) 85%,#000)}.di-tracking .tp-type-tile{background:var(--di-card);border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-tracking .tp-type-tile--liability{background:var(--di-neg-soft);border-color:#f7dcda}.di-tracking .tp-account-card,.di-tracking .tp-group-hdr{background:var(--di-card);border:1px solid var(--di-hair);border-radius:12px;box-shadow:var(--di-shadow)}.di-tracking .tp-group-hdr--credit,.di-tracking .tp-group-hdr--mortgage{background:var(--di-neg-soft);border-color:#f7dcda}.di-tracking .bh-stat-card{border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-tracking .bh-milestone{background:var(--di-card);border:1px solid var(--di-hair);border-radius:12px;box-shadow:var(--di-shadow)}.di-tracking .tp-tab-bar{background:transparent}.di-tracking .bh-chip{background:var(--di-card);border:1px solid #dde1e6;border-radius:14px;color:#6b7280;font-weight:500;padding:4px 12px}.di-tracking .bh-chip.active{background:var(--di-accent-deep);border-color:var(--di-accent-deep);color:#fff;font-weight:600}.di-overview .ov-hero-card{border:1px solid var(--di-hair);border-top-width:3px;border-radius:12px;box-shadow:var(--di-shadow)}.di-overview #ov-hero-cashflow,.di-overview #ov-hero-budget,.di-overview #ov-hero-topseg,.di-overview #ov-hero-investments,.di-overview #ov-hero-savings,.di-overview #ov-hero-transactions{border-top-color:var(--di-accent)}.di-overview .ov-hero-progress-fill{background:var(--di-accent)}.di-overview .ov-nlb-bar{border-color:var(--di-hair);border-radius:12px;box-shadow:var(--di-shadow)}.di-overview .ov-nlb-icon{stroke:var(--di-accent)}.di-overview .ov-nlb-result strong{color:var(--di-accent-deep)}.di-overview .ov-nlb-followup{background:var(--di-accent-soft);border-color:color-mix(in srgb,var(--di-accent) 22%,#fff);color:var(--di-accent-deep)}.di-overview .ov-activity-card,.di-overview .ov-catstats-panel,.di-overview .ov-chart-card,.di-overview .ov-budget-card,.di-overview .ov-accounts-card{border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-overview .ov-insight-card{background:var(--di-card);color:var(--di-ink);border:1px solid var(--di-hair);border-left:3px solid var(--di-accent);border-radius:0 12px 12px 0;box-shadow:var(--di-shadow)}.di-overview .ov-insight-card.ov-insight-clickable:hover{background:color-mix(in srgb,var(--di-accent) 6%,var(--di-card))}.di-overview .ov-insight-spark{color:var(--di-accent)}.di-overview .ov-insight-lbl{color:var(--di-muted)}.di-overview .ov-insight-hl{color:var(--di-ink)}.di-overview .ov-insight-bd{color:var(--di-ink-2)}.di-overview .ov-pill.active{background:var(--di-accent-deep);border-color:var(--di-accent-deep);color:#fff}.di-overview .ov-chart-link,.di-overview .ov-activity-viewall,.di-overview .ov-hero-cta{color:var(--di-accent-deep)}tl-* markup (not the shared components),so like Overview it needs full page-unique bridging. Accent = purple (--di-accent via .di-analyzing). All rules derive from --di-accent,and every selector is scoped to .di-analyzing so no other section is touched. Semantic income/expense colours (green/red) are intentionally left alone. ============================================================ */ .di-analyzing .ap-tab-bar{background:transparent;border-bottom:1px solid var(--di-hair)}.di-analyzing .ap-tab.active{color:var(--di-accent-deep);border-bottom-color:var(--di-accent)}.di-analyzing .ap-tab.active .ap-tab-dot{background:var(--di-accent)}.di-analyzing .ap-summary-card,.di-analyzing .ap-year-widget,.di-analyzing .ap-cat-panel{border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-analyzing .ap-summary-income.ap-summary-card{background:var(--di-pos-soft);border-color:#d6ebdd}.di-analyzing .ap-summary-expense.ap-summary-card{background:var(--di-neg-soft);border-color:#f6dcda}.di-analyzing .ap-cat-expand{color:var(--di-accent-deep)}.di-analyzing .ap-cat-search:focus{outline-color:var(--di-accent)}.di-analyzing .ap-year-leg-prior{background:#cdd3da}.di-analyzing .tl-pill.active,.di-analyzing .tl-pill-filters.active,.di-analyzing .tl-page-btn.active{background:var(--di-accent-deep);border-color:var(--di-accent-deep);color:#fff}.di-analyzing .tl-search-input:focus,.di-analyzing .tl-drawer-input:focus{border-color:var(--di-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--di-accent) 35%,transparent)}.di-analyzing .tl-active-filter-chip{background:var(--di-accent-soft);color:var(--di-accent-deep)}.di-analyzing .tl-active-filter-chip .tl-afc-clear{background:color-mix(in srgb,var(--di-accent) 14%,transparent);color:var(--di-accent-deep)}.di-analyzing .tl-context-banner{background:var(--di-accent-soft);border-color:color-mix(in srgb,var(--di-accent) 22%,#fff);color:var(--di-accent-deep)}.di-analyzing .tl-context-back,.di-analyzing .tl-context-label strong{color:var(--di-accent-deep)}.di-analyzing .tl-table-wrap{background:var(--di-card);border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow);padding:8px 6px}.di-spending .sp-tab.active{color:var(--di-accent-deep);border-bottom-color:var(--di-accent)}.di-spending .sp-tab.active .sp-tab-dot{background:var(--di-accent)}.di-spending .sp-group-search:focus{border-color:var(--di-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--di-accent) 35%,transparent)}.di-spending .sp-show-chip--active{background:var(--di-accent-soft);border-color:var(--di-accent);color:var(--di-accent-deep)}.di-spending .sp-cat-chip.active{background:var(--di-accent-soft);color:var(--di-accent-deep);border-color:color-mix(in srgb,var(--di-accent) 30%,transparent)}.di-spending .sp-stat-card:nth-child(1):before{background:var(--di-accent)}.di-spending .tags-search:focus{border-color:var(--di-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--di-accent) 35%,transparent)}.di-spending .sp-chart-panel,.di-spending .sp-cat-table-wrap{border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-budgeting .sp-time-filter-bar{background:transparent;border-bottom:none}.di-budgeting .bu-tab.active{color:var(--di-accent-deep);border-bottom-color:var(--di-accent)}.di-budgeting .bu-tab.active .bu-tab-dot{background:var(--di-accent)}.di-budgeting .bp2-budget-input:focus,.di-budgeting .brs-cat-search-input:focus{border-color:var(--di-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--di-accent) 35%,transparent)}.di-budgeting .brs-topdays-limit-select:focus{outline-color:var(--di-accent)}.di-budgeting .org-freq-why,.di-budgeting .org-hero-cta-link,.di-budgeting .org-review-clear{color:var(--di-accent-deep)}.di-budgeting .org-pat-cell:hover{outline-color:var(--di-accent)}.di-budgeting .org-pat-cell.on{background:var(--di-accent);border-color:var(--di-accent)}.di-budgeting .bp-panel-card{border:1px solid var(--di-hair);border-radius:var(--di-radius);box-shadow:var(--di-shadow)}.di-planning .pl-tab--active{color:var(--di-accent-deep);border-bottom-color:var(--di-accent)}.di-planning .period-btn.active,.di-planning .growth-btn.active,.di-planning .investments-table-count strong,.di-planning .investments-table th:hover,.di-planning .investments-table th.sorted{color:var(--di-accent-deep)}.di-planning .investments-loading-spinner{border-top-color:var(--di-accent)}.di-planning .ret-slider-input{accent-color:var(--di-accent-deep)}.di-planning .ret-basis-btn--active{background:var(--di-accent-deep)}.di-planning .ret-period-btn--active{color:var(--di-accent-deep)}.di-planning .ret-contribution-row input:focus,.di-planning .ret-custom-input:focus,.di-planning .ret-is-name:focus,.di-planning .ret-is-amount:focus{border-color:var(--di-accent)}.di-data .import-container{background:transparent}.di-data .dp-tab.active{color:var(--di-accent-deep);border-bottom-color:var(--di-accent)}.di-data .dp-tab.active .dp-tab-dot{background:var(--di-accent)}.di-data .dp-tx-preview-link,.di-data .dp-side-hdr-link{color:var(--di-accent-deep)}.di-data .about-fact-val.pill-blue{background:var(--di-accent-soft);color:var(--di-accent-deep)}.di-data .about-footer-link{color:var(--di-accent-deep)}.di-data .dp-empty-btn,.di-data .dp-conn-bar-btn--primary,.di-data .di-keyword-btn{background:var(--di-accent-deep);border-color:var(--di-accent-deep)}.di-data .di-keyword-input:focus{border-color:var(--di-accent)}.di-data .di-keyword-tag--active{background:var(--di-accent-soft);border-color:color-mix(in srgb,var(--di-accent) 40%,#fff)}.di-data .di-keyword-tag--active:hover{border-color:var(--di-accent)}.di-data .gs-step-circle.active,.di-data .gs-progress-bar{background:var(--di-accent-deep)}.di-data .gs-inline-spinner{border-top-color:var(--di-accent)}.di-data .gs-inline-status{color:var(--di-accent-deep)}.di-data .di-sync-bar{background:var(--di-accent-deep)}.di-data .di-sync-pct{color:var(--di-accent-deep)}