@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg-main: #f7f4ee;--bg-sidebar: #18181b;--bg-card: #ffffff;--text-main: #1c1917;--text-muted: #78716c;--border: rgba(0,0,0,.07);--border-muted: #e7e3dc;--accent: #0f766e;--accent-hover: #0d6560;--input-bg: #ffffff;--shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03)}[data-theme=dark]{--bg-main: #09090b;--bg-sidebar: #000000;--bg-card: #18181b;--text-main: #f4f4f5;--text-muted: #a1a1aa;--border: rgba(255,255,255,.1);--border-muted: #27272a;--accent: #14b8a6;--accent-hover: #0d9488;--input-bg: #18181b;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .5)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box}body{margin:0;color:var(--text-main);background:var(--bg-main);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}main{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:var(--bg-sidebar);color:#fff;padding:20px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}h1{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#71717a;margin:0 0 28px;padding:2px 10px}aside button,.tabs button,button{border:0;border-radius:8px;min-height:38px;cursor:pointer}aside button{width:100%;display:flex;align-items:center;gap:9px;color:#a1a1aa;background:transparent;padding:9px 10px;text-align:left;font-size:13.5px;font-weight:500;border-radius:8px;letter-spacing:0;transition:color .15s,background .15s}aside button:hover{background:#ffffff12;color:#e4e4e7}aside button.selected{background:var(--accent);color:#fff;font-weight:600}.content{padding:32px 36px;max-width:min(1440px,calc(100vw - 240px));width:100%;min-width:0}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}header h2{font-size:26px;font-weight:700;margin:0 0 4px;color:var(--text-main);letter-spacing:-.03em}header p{margin:0;color:var(--text-muted);font-size:13px}.stack{display:grid;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:18px 20px;min-height:90px;display:grid;align-content:space-between}.metric span{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.metric strong{font-size:clamp(17px,1.6vw,23px);font-weight:600;font-family:DM Mono,ui-monospace,monospace;color:var(--text-main);overflow-wrap:anywhere;margin-top:10px;display:block}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:20px;min-width:0}.card h2{font-size:11px;font-weight:600;margin:0 0 16px;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase}.card p{overflow-wrap:anywhere;line-height:1.5;color:var(--text-main);font-size:14px}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.table{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;min-width:600px}th{text-align:left;padding:0 8px 10px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;border-bottom:1.5px solid var(--border-muted)}td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-size:13px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-main);opacity:.8}th.actions-col{width:82px}.form{display:grid;gap:10px;max-width:720px}.planner{grid-template-columns:repeat(2,minmax(180px,1fr))}input,select{min-height:38px;border:1.5px solid var(--border-muted);border-radius:8px;padding:8px 12px;background:var(--input-bg);color:var(--text-main);font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1a}button{background:var(--accent);color:#fff;padding:9px 16px;font-weight:600;font-family:inherit;font-size:13.5px;border:0;border-radius:8px;min-height:38px;cursor:pointer;transition:background .15s,opacity .15s}button:hover:not(:disabled){background:var(--accent-hover)}.inline-select{min-height:28px;padding:2px 6px;font-size:12px;border-radius:4px;border-color:var(--border);background:transparent;color:var(--text-muted);cursor:pointer}.inline-select:focus{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#3f3f46}button.secondary:hover:not(:disabled){background:#52525b}button.danger{background:#b45309}button.danger:hover:not(:disabled){background:#92400e}.actions{display:flex;gap:6px;align-items:center;width:82px;min-width:82px}.actions button{flex:0 0 auto}.icon-button{width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{pointer-events:none}.mapper{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;padding:12px;border:1px solid #e7e3dc;border-radius:10px;background:#faf8f5}.mapper label{display:grid;gap:6px;color:#78716c;font-size:13px;text-transform:capitalize}.compact-form{margin-top:12px;padding-top:12px;border-top:1px solid #e7e3dc}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.status-grid div{border:1px solid #e7e3dc;border-radius:10px;padding:12px;min-width:0;background:#faf8f5}.status-grid span{display:block;color:#78716c;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.status-grid strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:600}.notice{border-left:3px solid #0f766e;background:#f0fdf9;color:#134e4a;padding:11px 14px;border-radius:6px;font-size:13.5px;overflow-wrap:anywhere}.empty-state{display:grid;gap:6px;margin-top:14px;padding:20px;border:1.5px dashed #e7e3dc;border-radius:10px;background:#faf8f5;color:#78716c;text-align:center}.empty-state strong{color:#1c1917;display:block;margin-bottom:4px}.result-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.result-panel div{min-width:0;border:1px solid #e7e3dc;border-radius:10px;padding:12px;background:#faf8f5}.result-panel span,.compact td span{display:block;color:#78716c;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:4px}.result-panel strong,.compact td strong{display:block;overflow-wrap:anywhere;white-space:normal;font-size:14px}.result-panel .notice{grid-column:1 / -1;margin:0}.compact table{table-layout:auto}.compact td{white-space:normal;vertical-align:top}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tabs button{color:#44403c;background:#f0ece5;font-weight:500;font-size:13px;padding:7px 14px;min-height:34px}.tabs button:hover:not(:disabled){background:#e7e3dc}.tabs .active{color:#fff;background:#0f766e}.tabs .active:hover:not(:disabled){background:#0d6560}pre{overflow:auto;background:#18181b;color:#f8fafc;padding:14px;border-radius:10px;font-size:12px;font-family:DM Mono,ui-monospace,monospace}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:#202124;display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,rgba(15,118,110,.25) 0%,transparent 60%);pointer-events:none}.auth-brand-inner{position:relative;z-index:1;max-width:380px}.auth-logo-mark{width:48px;height:48px;border:2px solid #0f766e;border-radius:10px;margin-bottom:32px;position:relative}.auth-logo-mark:after{content:"";position:absolute;inset:10px;background:#0f766e;border-radius:4px}.auth-wordmark{font-size:clamp(32px,4vw,48px);font-weight:300;color:#fff;margin:0 0 20px;line-height:1.1;letter-spacing:-.02em}.auth-tagline{color:#9aa0a6;font-size:16px;line-height:1.6;margin:0 0 32px}.auth-pillars{display:flex;gap:8px;flex-wrap:wrap}.auth-pillars span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0f766e;border:1px solid rgba(15,118,110,.4);border-radius:4px;padding:4px 10px}.auth-form-side{background:#f7f4ee;display:flex;align-items:center;justify-content:center;padding:48px}.auth-form{width:100%;max-width:360px;display:grid;gap:16px}.auth-form-header{margin-bottom:8px}.auth-form-header h2{font-size:26px;font-weight:700;margin:0 0 6px;color:#202124;letter-spacing:-.02em}.auth-form-header p{margin:0;color:#5f6368;font-size:14px}.auth-setup-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0f766e;background:#0f766e1a;border-radius:4px;padding:4px 10px;margin-bottom:12px}.auth-field{display:grid;gap:6px}.auth-field label{font-size:13px;font-weight:600;color:#374151}.auth-field input{min-height:44px;border:1.5px solid #d7d0c4;border-radius:8px;padding:10px 14px;font-size:15px;background:#fff;color:#202124;transition:border-color .15s}.auth-field input:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.auth-submit{min-height:46px;background:#202124;color:#fff;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s;margin-top:4px}.auth-submit:hover:not(:disabled){background:#0f766e}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;border-radius:6px;padding:10px 14px;font-size:13px;margin:0}.auth-note{font-size:12px;color:#9aa0a6;margin:0;text-align:center;line-height:1.5}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f4ee}@media (max-width: 700px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:36px 24px 28px}.auth-wordmark{font-size:28px}.auth-form-side{padding:32px 24px}}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-username{font-size:13px;color:#9aa0a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:transparent;color:#9aa0a6;width:32px;height:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.logout-btn:hover{background:#ffffff14;color:#eef2f7}aside{display:flex;flex-direction:column}.loading-state{display:flex;align-items:center;gap:10px;padding:24px 0;color:#5f6368}.loading-spinner{width:20px;height:20px;border:2px solid #d7d0c4;border-top-color:#0f766e;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:80px;background:linear-gradient(90deg,#eee8df 25%,#f7f4ee,#eee8df 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.error-boundary{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:16px;color:#991b1b;display:grid;gap:8px}.error-boundary button{background:#b45309;width:-moz-fit-content;width:fit-content}.pagination{display:flex;align-items:center;gap:10px;margin-top:10px}.pagination span{color:#5f6368;font-size:13px}.row-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.row-form label{display:grid;gap:4px;font-size:13px;color:#5f6368}.row-form input,.row-form select{min-width:160px}.example-list{padding-left:18px;margin:8px 0 0;display:grid;gap:4px;color:#374151;font-size:13px}@media (max-width: 980px){main{grid-template-columns:1fr}aside{display:none}.content{max-width:100vw;padding:20px 18px 100px}.metrics,.two,.three,.planner,.metrics-grid{grid-template-columns:1fr!important}.result-panel,.status-grid,.mapper{grid-template-columns:1fr}.dash-hero{margin:-20px -18px 24px;padding:32px 18px 28px;border-radius:0 0 24px 24px;text-align:center}.dash-hero-value{font-size:38px}.dash-period-tabs{justify-content:center;overflow-x:auto;padding-bottom:4px}.mobile-nav{display:flex;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border-top:1px solid var(--border)}}@media (max-width: 600px){.metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;grid-template-columns:unset}.metric{min-width:200px;flex-shrink:0;scroll-snap-align:start}.metrics-grid{gap:12px}.metric-card-value{font-size:20px}}@media print{aside,.mobile-nav,.dash-period-tabs,.no-print,header button,.actions{display:none!important}body{background:#fff!important;color:#000!important}main{display:block!important}.content{padding:0!important;max-width:100%!important}.card,.metric,.metric-card{box-shadow:none!important;border:1px solid #eee!important;page-break-inside:avoid}.dash-hero{background:#fff!important;color:#000!important;padding:20px 0!important;margin:0 0 20px!important;border-bottom:2px solid #eee!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}.dash-hero-value{color:#000!important;font-size:32pt!important}.dash-hero-eyebrow,.dash-hero-sub{color:#666!important}table{min-width:100%!important;font-size:10pt!important}th{border-bottom:2px solid #eee!important}td{border-bottom:1px solid #eee!important}.stack{gap:32px!important}h2{font-size:18pt!important}.chart-container{height:250px!important}body:after{content:"Generated by MoneyDesk Local-First Planner";position:fixed;bottom:0;right:0;font-size:8pt;color:#999}}.accounts-breakdown{display:grid;gap:2px;margin-bottom:14px}.account-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #f0ece5;gap:12px}.account-row:last-child{border-bottom:none}.account-row-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.account-type-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#78716c;background:#f0ece5;border-radius:4px;padding:3px 7px;white-space:nowrap;flex-shrink:0}.account-name{font-size:13.5px;font-weight:500;color:#1c1917;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-institution{font-size:12px;color:#a8a29e;white-space:nowrap}.account-balance{font-family:DM Mono,ui-monospace,monospace;font-size:14px;white-space:nowrap;flex-shrink:0}.accounts-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;border-top:1.5px solid #e7e3dc}.accounts-totals div{display:flex;flex-direction:column;gap:4px}.accounts-totals span{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#78716c}.accounts-totals strong{font-family:DM Mono,ui-monospace,monospace;font-size:16px;font-weight:600}.metrics-loading{opacity:.55;pointer-events:none}.dash-snapshot{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.dash-snap-item{padding:18px 22px;border-right:1px solid #f0ece5;display:flex;flex-direction:column;gap:7px}.dash-snap-item:last-child{border-right:none}.dash-snap-item span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a8a29e}.dash-snap-item strong{font-family:DM Mono,monospace;font-size:clamp(16px,1.8vw,20px);font-weight:600;color:#1c1917}.dash-tx-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0ece5;gap:12px}.dash-tx-row:last-child{border-bottom:none}.dash-tx-left{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-tx-merchant{font-size:13.5px;font-weight:500;color:#1c1917;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-tx-meta{font-size:11px;color:#a8a29e}.dash-tx-amount{font-family:DM Mono,monospace;font-size:13.5px;font-weight:500;white-space:nowrap;flex-shrink:0}.dash-hero{background:var(--bg-sidebar);margin:-32px -36px 32px;padding:48px 36px 36px;position:relative;overflow:hidden;border-radius:0 0 32px 32px;box-shadow:0 4px 20px #0000001a}.dash-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 65%,rgba(20,184,166,.15) 0%,transparent 60%);pointer-events:none}.dash-hero-eyebrow{position:relative;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;opacity:.6}.dash-hero-value{position:relative;font-family:DM Mono,ui-monospace,monospace;font-size:clamp(38px,6vw,56px);font-weight:600;color:#f8fafc;letter-spacing:-.03em;line-height:1;margin-bottom:8px;transition:opacity .25s}.dash-hero-value.dash-hero-loading{opacity:.35}.dash-hero-sub{position:relative;font-family:DM Mono,monospace;font-size:14px;color:var(--text-muted);margin-bottom:32px}.dash-period-tabs{position:relative;display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:10px;width:-moz-fit-content;width:fit-content}.dash-period-tab{font-size:12px;font-weight:600;color:#ffffff80;background:transparent;border:none;border-radius:7px;padding:7px 16px;cursor:pointer;transition:all .2s}.dash-period-tab:hover:not(.active){color:#fff;background:#ffffff0d}.dash-period-tab.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #0003}.dash-export-btn{position:absolute;top:48px;right:36px;display:flex;align-items:center;gap:8px;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dash-export-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -4px 12px #0000000d}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;background:transparent;color:var(--text-muted);border:none;border-radius:0;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.02em;min-height:64px;transition:color .15s;line-height:1}.mobile-nav-btn.selected{color:var(--accent)}.mobile-nav-btn svg{flex-shrink:0;transition:transform .2s}.mobile-nav-btn.selected svg{transform:translateY(-2px)}.auth-steps{display:flex;gap:6px;margin-bottom:20px}.auth-step-dot{width:8px;height:8px;border-radius:50%;background:#3f3f46;transition:background .2s}.auth-step-dot.active{background:#0f766e}.auth-step-dot.done{background:#14b8a6}.totp-input{font-size:2rem!important;letter-spacing:.5rem!important;text-align:center!important;font-family:monospace!important;padding:12px!important;text-indent:.5rem!important}.totp-input::-webkit-outer-spin-button,.totp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.totp-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.mfa-qr-wrapper{display:flex;justify-content:center;background:#fff;border-radius:12px;padding:12px;margin:16px 0}.mfa-secret-row{display:flex;align-items:center;gap:10px;background:#18181b;border:1px solid #3f3f46;border-radius:8px;padding:10px 14px;margin-bottom:20px;flex-wrap:wrap}.mfa-secret-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#71717a;white-space:nowrap}.mfa-secret-key{font-family:monospace;font-size:.85rem;color:#e4e4e7;word-break:break-all;flex:1}.recovery-codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.recovery-code-item{font-family:monospace;font-size:.8rem;color:#a1a1aa;background:#18181b;border:1px solid #3f3f46;border-radius:6px;padding:8px 10px;text-align:center;letter-spacing:.05em}.auth-copy-btn{width:100%;padding:10px;border:1px solid #3f3f46;border-radius:8px;background:transparent;color:#a1a1aa;font-size:.85rem;cursor:pointer;margin-bottom:16px;transition:all .15s}.auth-copy-btn:hover{border-color:#0f766e;color:#14b8a6}.auth-ack-label{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#a1a1aa;font-size:.85rem;cursor:pointer}.auth-ack-label input[type=checkbox]{width:16px;height:16px;accent-color:#0f766e;cursor:pointer;flex-shrink:0}.auth-link-btn{width:100%;padding:10px;border:none;background:transparent;color:#0f766e;font-size:.85rem;cursor:pointer;margin-top:8px;text-align:center}.auth-link-btn:hover{text-decoration:underline}.auth-link-btn.muted{color:#71717a}.auth-link-btn.muted:hover{color:#a1a1aa}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#fff;border:1px solid #e7e3dc;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.metric-card-header{display:flex;align-items:center;justify-content:space-between;color:#78716c;z-index:1}.metric-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a8a29e}.metric-card-icon{color:#0f766e;opacity:.7}.metric-card-value{font-size:24px;font-weight:700;color:#1c1917;letter-spacing:-.01em;z-index:1}.metric-card-sub{font-size:11px;color:#a8a29e;z-index:1}.metric-card-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.metric-card-trend.up{color:#0f766e}.metric-card-trend.down{color:#b45309}.metric-card-bg-icon{position:absolute;right:-10px;bottom:-10px;font-size:80px;opacity:.03;color:#0f766e;pointer-events:none}
