@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.gap-8{gap:calc(var(--spacing) * 8)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/50{background-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/50{background-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.bg-white{background-color:var(--color-white)}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.lowercase{text-transform:lowercase}.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, )}@media (prefers-color-scheme:dark){.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-white{color:var(--color-white)}}}:root{color:#e9eef7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101829;--panel:#172238;--panel-soft:#1a2740;--line:#b0c1da1a;--muted:#8996ac;--text:#eaf0f8;--mint:#78e0cb;--mint-deep:#3cae9e;--coral:#f49a91;--serif:"Manrope",sans-serif;background:#101829;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:3;background:#131e32;flex-direction:column;width:244px;padding:32px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-family:var(--serif);letter-spacing:-1px;align-items:center;gap:11px;margin:0 8px 61px;font-size:21px;font-weight:800;display:flex}.brand>span:last-child>span{color:var(--mint)}.brand-mark{background:#20354c;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{fill:none;width:23px;stroke:var(--mint);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.workspace-label,.section-kicker,.eyebrow{letter-spacing:1.45px;color:#74839a;font-size:9px;font-weight:700}.workspace-label{margin-bottom:12px;padding:0 13px}.main-nav{gap:5px;display:grid}.nav-link{color:#a3afc1;border-radius:9px;align-items:center;gap:12px;height:45px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:flex}.nav-link:hover,.nav-link.active{color:#dff8f2;background:#202e45}.nav-link.active{box-shadow:inset 2px 0 var(--mint)}.nav-icon{text-align:center;color:#889bb1;width:18px;font-size:18px}.active .nav-icon{color:var(--mint)}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(140deg,#1b3142,#1a2740 70%);border:1px solid #78e0cb21;border-radius:12px;margin:0 2px 20px;padding:18px 15px 16px;position:relative;overflow:hidden}.help-orbit{color:var(--mint);opacity:.8;font-size:17px;position:absolute;top:11px;right:15px}.help-card strong{max-width:155px;font-family:var(--serif);font-size:12px;line-height:1.5;display:block}.help-card p{color:#9daabd;margin:9px 0 15px;font-size:10px;line-height:1.65}.help-card>span{color:#9caec1;font-size:9px}.help-card>span span{color:var(--mint);margin-left:4px}.profile-button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 7px 0;display:flex}.avatar,.top-avatar{border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.avatar{color:#abf1e4;background:#385469;width:33px;height:33px}.profile-copy{flex:1;gap:3px;display:grid}.profile-copy strong{font-size:11px}.profile-copy small{color:var(--muted);font-size:9px}.profile-more{color:#8591a4;letter-spacing:2px}.main-content{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);background:#131e328c;justify-content:space-between;align-items:center;height:69px;padding:0 42px;display:flex}.breadcrumb{color:#77859a;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb strong{color:#d3dbe7;font-weight:600}.crumb-slash{color:#45536b}.topbar-actions{align-items:center;gap:22px;display:flex}.today-date{color:#9aa7bb;font-size:10px}.calendar-icon{color:#8dcfbe;margin-right:8px}.icon-button{color:#9cabc0;cursor:pointer;background:0 0;border:0;font-size:17px;position:relative}.icon-button i{background:#f2a292;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:2px}.top-avatar{color:#cbd7e8;background:#273650;width:29px;height:29px}.page-wrap{max-width:1370px;margin:0 auto;padding:43px 43px 18px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:31px;display:flex}.eyebrow{color:#8da0b6;letter-spacing:1.55px;align-items:center;gap:8px;font-size:9px;display:flex}.eyebrow-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #78e0cb85}.welcome-row h1{font-family:var(--serif);letter-spacing:-1.2px;color:#eef3fa;margin:13px 0 7px;font-size:31px;font-weight:600;line-height:1.19}.welcome-row h1 em{color:var(--mint);font-style:normal}.welcome-copy{color:#8795aa;margin:0;font-size:11px}.mobile-break{display:none}.primary-button{background:var(--mint);color:#142c38;cursor:pointer;border:1px solid #8ce5d4;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:41px;padding:0 17px;font-size:11px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 5px 17px #47bdad20}.primary-button:hover{background:#9aefdf;transform:translateY(-1px)}.plus{font-size:18px;font-weight:400;line-height:1}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-height:153px;padding:18px 19px 15px;position:relative;overflow:hidden}.card-top{justify-content:space-between;align-items:center;display:flex}.card-label{color:#a8b4c6;font-size:10px;font-weight:500}.info-dot{color:#8998ab;border:1px solid #718098;border-radius:50%;place-items:center;width:12px;height:12px;margin-left:3px;font-size:8px;display:inline-grid}.metric-icon{border-radius:9px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.mint-icon{color:var(--mint);background:#214340}.coral-icon{color:var(--coral);background:#46313b}.pale-icon{color:#aec5e5;background:#303d59}.metric-value{font-family:var(--serif);letter-spacing:-.8px;color:#eff4fa;margin-top:12px;font-size:25px;font-weight:700;display:block}.metric-foot{z-index:1;color:#8290a5;align-items:center;gap:7px;margin-top:7px;font-size:9px;display:flex;position:relative}.trend{font-size:9px;font-weight:700}.trend-up{color:var(--mint)}.trend-down{color:#e2a69a}.balance-note{color:#9fc9bd;align-items:center;gap:5px;display:flex}.balance-note span{background:var(--mint);border-radius:50%;width:5px;height:5px}.sparkline{opacity:.48;width:53%;height:49px;position:absolute;bottom:0;right:0}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:var(--mint);stroke-width:2px}.expense-spark path{stroke:#e8a091}.balance-decoration{opacity:.54;align-items:end;gap:5px;height:34px;display:flex;position:absolute;bottom:9px;right:16px}.balance-decoration span{background:#81d9c7;border-radius:3px 3px 0 0;width:8px}.balance-decoration span:first-child{opacity:.36;height:12px}.balance-decoration span:nth-child(2){opacity:.46;height:18px}.balance-decoration span:nth-child(3){opacity:.52;height:14px}.balance-decoration span:nth-child(4){opacity:.66;height:25px}.balance-decoration span:nth-child(5){opacity:.74;height:19px}.balance-decoration span:nth-child(6){opacity:.86;height:29px}.balance-decoration span:nth-child(7){height:34px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(285px,.9fr);gap:17px;margin-top:20px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:11px}.activity-panel{min-height:384px;padding:21px 20px 0}.panel-heading{justify-content:space-between;align-items:flex-end;display:flex}.section-kicker{letter-spacing:1.35px;color:#74849b;font-size:8px}.panel-heading h2,.modal-heading h2{font-family:var(--serif);letter-spacing:-.3px;color:#e8eef7;margin:5px 0 0;font-size:17px;font-weight:650}.text-link{color:var(--mint);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px;font-weight:600}.text-link span{padding-left:3px;font-size:14px}.activity-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-bottom:12px;display:flex}.filter-tabs{gap:3px;display:flex}.filter-tabs button{color:#8693a8;cursor:pointer;background:0 0;border:0;border-radius:6px;height:27px;padding:0 10px;font-size:9px}.filter-tabs button.selected{color:#d9e7e9;background:#26364b}.search-box{color:#8b9bb0;border:1px solid #29374d;border-radius:6px;align-items:center;gap:5px;width:136px;height:28px;padding:0 7px;display:flex}.search-box>span{font-size:16px}.search-box input{color:#d9e2ed;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:9px}.search-box input::placeholder{color:#75839a}.transaction-list{min-height:220px}.transaction-row{border-bottom:1px solid #b0c1da13;align-items:center;gap:11px;min-height:61px;display:flex}.transaction-avatar{border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.sale-avatar{color:#8ddac9;background:#263b44}.expense-avatar{color:#e0a397;background:#3b3340}.transaction-main{flex:1;gap:4px;min-width:80px;display:grid}.transaction-main strong{color:#dce5f0;font-size:10px;font-weight:600}.transaction-main small{color:#8492a7;font-size:8px}.transaction-main small span{color:#58667a;padding:0 3px}.transaction-date{color:#8491a4;text-align:right;width:43px;font-size:8px}.transaction-amount{text-align:right;white-space:nowrap;width:91px;font-size:10px;font-weight:600}.amount-in{color:var(--mint)}.amount-out{color:#e7a092}.activity-footer{color:#74839a;justify-content:space-between;align-items:center;height:39px;font-size:8px;display:flex}.activity-footer span:first-child{align-items:center;gap:6px;display:flex}.activity-footer i{background:var(--mint);border-radius:50%;width:5px;height:5px}.activity-footer span:last-child{color:#97a4b8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:246px;display:flex}.empty-icon{width:38px;height:38px;color:var(--mint);border:1px solid #304158;border-radius:12px;place-items:center;font-size:20px;display:grid}.empty-state strong{font-family:var(--serif);margin-top:11px;font-size:12px}.empty-state p{color:#8c99ad;margin:6px 0 11px;font-size:9px}.empty-state button{color:var(--mint);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:600}.empty-state button span{margin-left:4px;font-size:13px}.side-panels{align-content:start;gap:13px;display:grid}.period-panel{padding:19px 17px 14px}.period-heading{align-items:flex-start}.period-heading h2{font-size:15px}.select-button{color:#bac5d5;cursor:pointer;background:#1d2b42;border:1px solid #304058;border-radius:6px;height:27px;padding:0 8px;font-size:8px}.select-button span{color:#90a1b5;margin-left:7px}.flow-legend{color:#8e9db1;justify-content:flex-end;gap:13px;margin-top:13px;font-size:8px;display:flex}.flow-legend span{align-items:center;gap:5px;display:flex}.flow-legend i{border-radius:2px;width:6px;height:6px}.legend-in{background:var(--mint)}.legend-out{background:#7886ab}.chart-area{height:124px;margin-top:5px;padding-left:24px;position:relative}.chart-y-labels{color:#738198;flex-direction:column;justify-content:space-between;font-size:7px;display:flex;position:absolute;inset:0 auto 15px 0}.chart-plot{justify-content:space-around;align-items:end;display:flex;position:absolute;inset:3px 0 17px 25px}.chart-gridline{background:#b0c1da14;height:1px;position:absolute;left:0;right:0}.line-one{top:0}.line-two{top:33%}.line-three{top:66%}.line-four{bottom:0}.bar-pair{z-index:1;align-items:end;gap:3px;width:20px;height:100%;display:flex;position:relative}.bar-pair i,.bar-pair b{width:8px;height:var(--bar-height);border-radius:3px 3px 0 0}.bar-pair i{background:linear-gradient(#83dfce,#4e9d99)}.bar-pair b{background:linear-gradient(#7583a9,#505f82)}.chart-x-labels{color:#75839a;justify-content:space-around;font-size:7px;display:flex;position:absolute;bottom:0;left:25px;right:0}.flow-totals{border-top:1px solid var(--line);justify-content:space-between;margin-top:3px;padding-top:12px;display:flex}.flow-totals div{gap:5px;display:grid}.flow-totals div:last-child{text-align:right}.flow-totals span{color:#8290a5;font-size:8px}.flow-totals strong{font-family:var(--serif);font-size:12px;font-weight:650}.tip-panel{background:linear-gradient(110deg,#183236,#1a2940);border:1px solid #7bd3c221;border-radius:10px;align-items:flex-start;gap:11px;padding:14px 15px;display:flex;position:relative;overflow:hidden}.tip-icon{height:26px;color:var(--mint);background:#2d514c;border-radius:8px;flex:0 0 26px;place-items:center;font-size:15px;display:grid}.tip-content span{letter-spacing:1.2px;color:#a3d8ca;font-size:7px;font-weight:700}.tip-content p{color:#c3d1d9;max-width:225px;margin:6px 0 0;font-size:9px;line-height:1.6}.tip-decoration{color:#5cb6a4;opacity:.1;font-size:54px;position:absolute;bottom:-16px;right:-4px}.page-footer{border-top:1px solid var(--line);color:#66758b;justify-content:space-between;margin-top:22px;padding:14px 1px 0;font-size:8px;display:flex}.page-footer b{color:var(--mint);margin-left:3px;font-size:11px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070d17b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.transaction-modal{background:#19263b;border:1px solid #33425a;border-radius:15px;width:min(100%,440px);padding:25px;box-shadow:0 22px 80px #0008}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:21px;display:flex}.modal-heading h2{font-size:20px}.modal-close{color:#aab7c9;cursor:pointer;background:#202e43;border:1px solid #33425a;border-radius:8px;width:30px;height:30px;font-size:20px;line-height:1}.type-switch{background:#131f32;border:1px solid #2d3c52;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px;padding:4px;display:grid}.type-switch button{color:#93a0b3;cursor:pointer;background:0 0;border:0;border-radius:6px;height:34px;font-size:10px}.type-switch button.active{color:#a7f0df;background:#2c4948}.form-field{gap:7px;margin-bottom:15px;display:grid}.form-field>span{color:#b7c2d1;font-size:9px;font-weight:600}.form-field small{color:#78869c;font-weight:400}.form-field input,.form-field select{color:#e7edf5;background:#131f32;border:1px solid #34435a;border-radius:7px;width:100%;height:39px;padding:0 11px;font-size:10px}.form-field input::placeholder{color:#69788e}.form-field select{color:#cbd5e1}.amount-input{background:#131f32;border:1px solid #34435a;border-radius:7px;align-items:center;height:41px;display:flex}.amount-input span{color:#8b9aaf;padding-left:11px;font-size:9px}.amount-input input{text-align:right;background:0 0;border:0;height:38px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:7px;display:flex}.cancel-button{color:#aab6c7;cursor:pointer;background:0 0;border:1px solid #33425a;border-radius:7px;height:39px;padding:0 14px;font-size:10px}.modal-actions .primary-button{height:39px}.modal-actions .primary-button span{font-size:14px}@media (width>=1500px){.page-wrap{padding-top:53px}.summary-card{min-height:165px}.activity-panel{min-height:400px}.transaction-row{min-height:65px}}@media (width<=1100px){.sidebar{width:205px}.main-content{margin-left:205px}.page-wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}.summary-grid{gap:10px}.summary-card{padding-left:14px;padding-right:14px}.metric-value{font-size:22px}}@media (width<=820px){.sidebar{align-items:center;width:66px;padding:22px 9px 13px}.brand{margin:0 0 45px}.brand>span:last-child,.workspace-label,.nav-link:not(.active):first-letter,.nav-link{font-size:0}.main-nav{gap:8px;width:100%}.nav-link{justify-content:center;height:43px;padding:0}.nav-icon{font-size:19px}.sidebar-bottom{width:100%}.help-card,.profile-copy,.profile-more{display:none}.profile-button{justify-content:center;padding:12px 0 0}.main-content{margin-left:66px}.topbar{height:60px;padding:0 19px}.page-wrap{padding:32px 20px 16px}.welcome-row h1{font-size:27px}.content-grid{grid-template-columns:1fr}.side-panels{grid-template-columns:1fr 1fr;align-items:start}.period-panel{grid-row:span 2}.today-date{font-size:0}.calendar-icon{font-size:14px}.topbar-actions{gap:14px}}@media (width<=560px){.sidebar{border-top:1px solid var(--line);background:#131e32;border-right:0;flex-direction:row;justify-content:center;width:auto;height:62px;padding:5px 12px;inset:auto 0 0}.brand,.workspace-label,.sidebar-bottom{display:none}.main-nav{justify-content:space-around;gap:4px;display:flex}.nav-link{border-radius:8px;flex-direction:column;gap:1px;width:56px;height:47px;font-size:8px!important}.nav-link:not(.active){font-size:8px!important}.nav-icon{height:23px;font-size:18px}.main-content{margin:0;padding-bottom:62px}.topbar{height:55px;padding:0 16px}.breadcrumb{font-size:10px}.topbar-actions{gap:11px}.page-wrap{padding:29px 15px 14px}.welcome-row{align-items:flex-start;gap:13px;margin-bottom:21px}.welcome-row h1{letter-spacing:-.8px;font-size:23px}.welcome-copy{max-width:240px;font-size:9px;line-height:1.5}.eyebrow{letter-spacing:1px;font-size:7px}.welcome-row>.primary-button{flex:none;gap:5px;height:36px;padding:0 9px;font-size:9px}.welcome-row .plus{font-size:15px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-card{min-height:126px;padding:13px}.summary-card:last-child{grid-column:span 2;min-height:105px}.metric-value{margin-top:10px;font-size:21px}.metric-foot{font-size:8px}.card-label{font-size:9px}.metric-icon{width:24px;height:24px}.content-grid{gap:12px;margin-top:13px}.activity-panel{min-height:350px;padding:16px 13px 0}.panel-heading h2{font-size:15px}.activity-toolbar{flex-direction:column;align-items:flex-start;margin-top:14px}.search-box{width:100%}.filter-tabs{justify-content:flex-start;width:100%}.transaction-row{gap:8px;min-height:58px}.transaction-main strong{font-size:9px}.transaction-main small{font-size:7px}.transaction-date{width:35px;font-size:7px}.transaction-amount{width:83px;font-size:9px}.transaction-avatar{flex-basis:27px;width:27px;height:27px}.side-panels{grid-template-columns:1fr}.period-panel{grid-row:auto}.chart-area{height:116px}.tip-panel{min-height:69px}.page-footer{font-size:7px}.mobile-break{display:block}.form-row{grid-template-columns:1fr;gap:0}.transaction-modal{padding:20px}.modal-backdrop{align-items:end;padding:10px}.transaction-modal{border-radius:15px 15px 10px 10px}.filter-tabs button{padding:0 9px}.summary-card:last-child .metric-value{font-size:22px}}.signout-button,.top-signout{color:#95a6bb;cursor:pointer;background:0 0;border:0;font-size:9px}.signout-button{text-align:left;width:100%;padding:10px 0 0}.top-signout{border:1px solid #31425a;border-radius:6px;padding:5px 9px}.top-signout:hover,.signout-button:hover{color:var(--mint)}.row-action{color:#8190a6;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 22px;width:22px;height:27px;font-size:12px}.row-action:hover{color:var(--mint);background:#26364b}.delete-button{color:#f3a49a;cursor:pointer;background:#432e38;border:1px solid #704b50;border-radius:7px;height:39px;margin-right:auto;padding:0 13px;font-size:10px}.field-error{color:#f2a59b;font-size:9px;line-height:1.4}.select-button{max-width:125px}.auth-page{background:radial-gradient(at 50% 0,#1b3445 0%,#101829 50%);align-content:center;place-items:center;gap:18px;min-height:100vh;padding:35px 16px;display:grid}.auth-card{border:1px solid var(--line);background:#172238;border-radius:16px;width:min(100%,440px);padding:30px;box-shadow:0 24px 90px #050a13a6}.register-card{width:min(100%,640px)}.auth-brand{margin:0 0 30px;font-size:19px}.auth-intro h1{font-family:var(--serif);letter-spacing:-.8px;margin:8px 0 7px;font-size:26px;line-height:1.24}.auth-intro h1 em{color:var(--mint);font-style:normal}.auth-intro p{color:#92a0b4;margin:0 0 22px;font-size:10px}.auth-form{gap:4px;display:grid}.auth-form .form-field input{height:42px}.remember-row{color:#9eacbf;align-items:center;gap:8px;margin:1px 0 12px;font-size:9px;display:flex}.remember-row input{accent-color:var(--mint);width:13px;height:13px}.auth-submit{width:100%;margin-top:4px}.auth-switch{text-align:center;color:#8997aa;margin:18px 0 0;font-size:9px}.auth-switch a{color:var(--mint);font-weight:600}.auth-switch a span{margin-left:3px}.auth-footer{color:#738198;margin:0;font-size:9px}.auth-footer b{color:var(--mint)}.auth-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-form-row .form-field,.auth-form-row .form-field input{min-width:0}.auth-form-row .form-field>small:not(.field-error){color:#8291a5;font-size:8px}.register-page{align-content:start;padding-top:45px;padding-bottom:35px}@media (width<=560px){.top-signout{padding:4px 6px;font-size:8px}.row-action{flex-basis:18px;width:18px}.auth-card{padding:23px 19px}.auth-form-row{grid-template-columns:1fr;gap:0}.register-page{padding-top:18px}.auth-brand{margin:0 0 23px;display:flex}.auth-intro h1{font-size:23px}}.dashboard-page{display:contents}.records-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.records-heading h1{font-family:var(--serif);letter-spacing:-1px;margin:11px 0 6px;font-size:30px;font-weight:650}.records-actions{align-items:center;gap:9px;display:flex}.secondary-button{color:#bdc9d8;cursor:pointer;background:#1a263a;border:1px solid #34435a;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:41px;padding:0 13px;font-size:10px;font-weight:600;display:inline-flex}.secondary-button:hover{color:#9ae7d8;border-color:#6dcab9}.secondary-button span{color:var(--mint);font-size:13px}.records-panel{overflow:hidden}.records-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:65px;padding:13px 17px;display:flex}.records-search{width:min(260px,28vw);margin-right:auto}.date-filter{color:#8290a5;gap:4px;font-size:8px;display:grid}.date-filter input{color:#bfcbd8;background:#131f32;border:1px solid #34435a;border-radius:6px;height:29px;padding:0 7px;font-size:9px}.records-table-wrap{overflow-x:auto}.records-table{border-collapse:collapse;white-space:nowrap;width:100%}.records-table th{border-bottom:1px solid var(--line);color:#78879d;text-align:left;letter-spacing:1px;height:41px;padding:0 17px;font-size:8px;font-weight:700}.records-table td{color:#9eabbc;border-bottom:1px solid #b0c1da12;height:59px;padding:0 17px;font-size:9px}.records-table tbody tr:hover{background:#1b2940}.table-description{align-items:center;gap:10px;min-width:170px;display:flex}.table-description>span:last-child{gap:4px;display:grid}.table-description strong{color:#dce5f0;font-size:10px;font-weight:600}.table-description small{color:#8492a7;font-size:8px}.type-pill{border-radius:20px;padding:4px 8px;font-size:8px;font-weight:600;display:inline-flex}.type-sale{color:#99dfcf;background:#23403e}.type-expense{color:#e5a69b;background:#40333d}.number-cell{font-variant-numeric:tabular-nums;text-align:right!important}.records-table th.number-cell{padding-right:24px}.records-table td.number-cell{padding-right:24px;font-size:10px;font-weight:600}.table-footer{color:#8492a6;justify-content:space-between;align-items:center;gap:14px;min-height:57px;padding:10px 17px;font-size:8px;display:flex}.pagination{align-items:center;gap:4px;display:flex}.pagination a{color:#a7b4c6;border:1px solid #304058;border-radius:6px;place-items:center;min-width:27px;height:27px;padding:0 7px;font-size:9px;display:grid}.pagination a.selected{color:#a6efdf;background:#24423f;border-color:#63bfae}.pagination a.disabled{opacity:.4;pointer-events:none}.records-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.records-empty strong,.report-empty strong{font-family:var(--serif);margin-top:11px;font-size:12px}.records-empty p,.report-empty p{color:#8c99ad;max-width:300px;margin:6px 0 11px;font-size:9px;line-height:1.6}.records-empty>a{color:var(--mint);font-size:9px;font-weight:600}.records-empty>a span{padding-left:4px}.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.report-summary-grid .summary-card{min-height:142px}.report-summary-grid .metric-foot{color:#8b99ad}.report-breakdowns{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:15px;margin-top:17px;display:grid}.breakdown-panel{min-height:325px;padding:20px}.report-period-label{color:#8594a9;font-size:8px}.category-list,.payment-list{margin-top:17px;display:grid}.category-row{border-bottom:1px solid #b0c1da13;padding:12px 0}.category-heading{color:#dbe4ef;justify-content:space-between;gap:12px;font-size:10px;display:flex}.category-heading span{font-weight:600}.category-track{background:#24334a;border-radius:5px;height:5px;margin-top:9px;overflow:hidden}.category-track span{background:linear-gradient(90deg,#57b9a8,#a1e9d9);border-radius:5px;height:100%;display:block}.category-detail{color:#8391a5;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.payment-row{border-bottom:1px solid #b0c1da13;align-items:center;gap:10px;min-height:62px;display:flex}.payment-mark{width:30px;height:30px;color:var(--mint);background:#26394a;border-radius:9px;place-items:center;font-size:15px;display:grid}.payment-name{flex:1;gap:4px;display:grid}.payment-name strong{color:#dce5f0;font-size:10px;font-weight:600}.payment-name small{color:#8290a5;font-size:8px}.payment-total{color:#e7edf5;font-size:10px;font-weight:600}.report-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.report-range{max-width:none;height:41px;padding:0 10px;font-size:9px}.profile-button{cursor:default}@media (width<=820px){.records-heading{align-items:flex-start}.records-toolbar{flex-wrap:wrap}.records-search{order:2;width:100%}.date-filter{order:3}.records-panel{min-width:0}.report-breakdowns{grid-template-columns:1fr}.payment-panel{min-height:200px}}.admin-page{max-width:1440px}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;margin-top:17px;display:grid}.admin-panel{min-width:0;padding:20px}.admin-list{margin-top:16px;display:grid}.admin-list-row{border-bottom:1px solid #b0c1da13;align-items:center;gap:10px;min-height:58px;display:flex}.user-avatar,.rank-badge{color:#9ae1d2;background:#263b44;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.admin-user-copy{flex:1;gap:4px;min-width:0;display:grid}.admin-user-copy strong{color:#dce5f0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.admin-user-copy small,.joined-date{color:#8492a7;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.joined-date{text-align:right;max-width:80px}.admin-panel .report-empty{min-height:200px}.users-columns{grid-template-columns:minmax(250px,.75fr) minmax(0,1.45fr);align-items:start}.admin-form{gap:0;margin-top:17px;display:grid}.admin-form .form-field input,.admin-form .form-field select{height:39px}.admin-form-note{color:#8d9bb0;margin:0 0 15px;font-size:9px;line-height:1.6}.admin-form .primary-button{justify-self:start}.credential-card{background:linear-gradient(110deg,#183236,#1a2940);border:1px solid #78e0cb4d;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:17px 19px;display:flex}.credential-card>div{gap:6px;display:grid}.credential-card strong{color:#e5f0f2;font-size:11px}.credential-card p{color:#9cafbb;margin:0;font-size:9px;line-height:1.5}.credential-card code{color:#a9f0dd;-webkit-user-select:all;user-select:all;background:#122a2a;border:1px solid #3a615b;border-radius:7px;padding:10px 12px;font-size:11px}.admin-pagination{gap:5px;padding-top:15px;display:flex}.pagination-link{color:#a7b4c6;border:1px solid #304058;border-radius:6px;place-items:center;min-width:27px;height:27px;padding:0 7px;font-size:9px;display:grid}.pagination-link.selected{color:#a6efdf;background:#24423f;border-color:#63bfae}.pagination-link.disabled{opacity:.4}.admin-report-columns{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.ranked-list{margin-top:15px}.rank-badge{color:#aebbd0;background:#25344a}.rank-count{color:#a8e6d9;white-space:nowrap;font-size:9px}.admin-currency-note{color:#8391a5;margin:13px 2px;font-size:8px;line-height:1.6}@media (width<=1100px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.admin-columns,.users-columns,.admin-report-columns{grid-template-columns:1fr}.directory-panel{order:-1}}@media (width<=560px){.admin-stats{grid-template-columns:1fr 1fr}.admin-stats .summary-card:last-child{grid-column:auto}.credential-card{flex-direction:column;align-items:flex-start}.credential-card code{overflow-wrap:anywhere;max-width:100%}.joined-date{max-width:58px}.admin-panel{padding:15px}.records-heading{flex-direction:column;gap:15px;margin-bottom:18px}.records-heading h1{font-size:25px}.records-actions{width:100%}.records-actions>*{flex:1}.records-toolbar{gap:8px;padding:11px}.records-search{width:100%;max-width:none}.date-filter{flex:1}.records-table{min-width:650px}.table-footer{flex-direction:column;align-items:flex-start}.pagination{max-width:100%;overflow-x:auto}.report-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.report-summary-grid .summary-card{min-height:122px;padding:13px}.report-summary-grid .summary-card:last-child{grid-column:span 2}.report-summary-grid .metric-value{font-size:21px}.report-breakdowns{margin-top:12px}.breakdown-panel{padding:15px}.report-range{flex:none}.reports-page .records-actions{justify-content:flex-start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}