/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) 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-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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 components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-4{margin-block:calc(var(--spacing) * 4)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.min-h-11{min-height:calc(var(--spacing) * 11)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.bg-destructive{background-color:#b42332}.bg-primary{background-color:var(--primary)}.bg-white{background-color:var(--color-white)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--primary)}.text-primary-foreground{color:#fff}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-destructive\/90:hover{background-color:oklab(50.3258% .166521 .0666014/.9)}.hover\:bg-muted:hover{background-color:#eef2ed}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.money-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0;display:grid}.money-metric{flex-direction:column;gap:9px;min-width:0;padding:22px;display:flex}.money-metric>strong{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:clamp(21px,2.4vw,29px)}.money-account-grid,.report-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 28px;display:grid}.money-account,.debt-card{text-align:left;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;padding:24px;transition:border-color .2s;display:flex}.money-account:hover,.debt-card:hover{border-color:var(--primary)}.money-account h2,.debt-card h2{overflow-wrap:anywhere;font-size:20px}.money-account-balance{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:27px}.money-account .text-link,.debt-card .text-link{margin-top:12px}.money-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.money-list-row{border-bottom:1px solid #e5ebe6;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:16px 0;display:flex}.money-list-row>span{overflow-wrap:anywhere;flex-direction:column;gap:6px;min-width:0;display:flex}.money-list-row small{color:#63736d;font-size:12px}.money-list-row>b{overflow-wrap:anywhere;text-align:right;font-size:14px}.money-filter{flex-wrap:wrap;align-items:end}.money-filter label{flex:1;min-width:130px}.money-filter .search{min-width:200px}.debt-card .section-heading{width:100%;margin:0}.debt-card progress{appearance:none;background:#e5ebe6;border:0;border-radius:10px;width:100%;height:5px;overflow:hidden}.debt-card progress::-webkit-progress-bar{background:#e5ebe6}.debt-card progress::-webkit-progress-value{background:#0b5148}.report-panel{min-width:0;margin-bottom:20px;padding:24px}.report-panel h2{margin-bottom:12px;font-size:19px}.report-panel .text-link{margin-top:20px}.report-period{flex-wrap:wrap;align-items:center;gap:20px;padding:22px;display:flex}.report-period>div{align-items:center;gap:10px;margin-right:auto;display:flex}.report-period label{flex-direction:column;gap:7px;font-size:12px;display:flex}.report-category>div:first-child{justify-content:space-between;gap:12px;font-size:13px;display:flex}.report-track{background:#edf1eb;border-radius:6px;height:6px;margin-top:12px;overflow:hidden}.report-track span{background:#82ae96;border-radius:6px;height:100%;display:block}.category-form{margin:20px 0;padding:24px}.settings-category-link{color:#0b5148;align-items:center;gap:16px;padding:18px 0;display:flex}.settings-category-link>span{flex-direction:column;flex:1;gap:5px;display:flex}.settings-category-link small{color:#63736d;font-size:12px}.security-settings h2{align-items:center;gap:10px;display:flex}.security-settings .section-heading{margin-bottom:12px}.pin-screen{background:radial-gradient(at top,#e8efdf,#0000 65%),#faf9f4;flex-direction:column;align-items:center;min-height:100dvh;padding:35px 20px;display:flex}.pin-brand{color:#0b5148;letter-spacing:-1px;text-align:center;margin:12px 0 32px;font-size:28px;font-weight:800}.pin-brand span{letter-spacing:2px;margin-top:5px;font-size:8px;display:block}.pin-pad{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:340px;margin:auto;display:flex}.pin-emblem{color:#0b5148;background:#e8efdf;border-radius:50%;place-items:center;width:56px;height:56px;margin:12px;display:grid}.pin-pad h1{letter-spacing:-.6px;margin:10px 0;font-size:24px;line-height:1.3}.pin-pad>p{font-size:13px;line-height:1.6}.pin-dots{justify-content:center;gap:16px;margin:26px 0 14px;display:flex}.pin-dots span{border:1.5px solid #82ae96;border-radius:50%;width:13px;height:13px}.pin-dots .filled{background:#0b5148;border-color:#0b5148}.pin-error{color:#63736d;min-height:25px;margin-bottom:14px;font-size:12px}.pin-error[role=alert]{color:#b42332}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.pin-keypad button{color:#123d36;background:#fff;border:1px solid #e5ebe6;border-radius:18px;place-items:center;min-height:61px;font-size:23px;display:grid}.pin-keypad button:hover{background:#e8efdf}.pin-keypad .pin-clear{font-size:16px}.pin-submit{width:100%;margin-top:20px}.pin-demo{text-align:center;color:#63736d;margin:28px 0 0;font-size:11px;line-height:1.8}@media (width<=640px){.money-account-grid,.report-columns{grid-template-columns:1fr}.money-metrics{grid-template-columns:1fr;gap:10px}.money-metric{padding:18px}.report-period{gap:14px;padding:18px}.report-period>div{width:100%}.report-period label{flex:1;min-width:110px}.money-filter .search{min-width:100%}.money-account,.debt-card,.report-panel{padding:20px}.pin-screen{padding:16px 24px}}:root{color:#172824;font-synthesis:none;--primary:#0b5148;--deep:#123d36;--sage:#82ae96;--gold:#d9b66f;--border:#e5ebe6;--muted:#63736d;background:#faf9f4;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #30786a}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:32px;font-weight:650;line-height:1.25}h2{letter-spacing:-.4px;font-size:20px;font-weight:650}h3{font-size:15px;font-weight:650;line-height:1.45}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:1.8px;color:#64796c;margin-bottom:11px;font-size:10px;font-weight:700}.card{border:1px solid var(--border);background:#fff;border-radius:18px;box-shadow:0 3px 12px #123d3603}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fffefb;flex-direction:column;width:242px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.2px;color:var(--deep);align-items:center;gap:9px;font-size:28px;font-weight:750;display:flex}.brand-tag{letter-spacing:1.5px;color:var(--muted);margin-top:0;font-size:7px;font-weight:600;display:block}.brand-image{flex-shrink:0;width:42px;height:44px;display:block;position:relative;overflow:hidden}.brand-image img{mix-blend-mode:multiply;width:130px;max-width:none;position:absolute;top:-32px;left:-44px}.sidebar-label{letter-spacing:1.6px;color:#77867e;margin:43px 15px 13px;font-size:9px;font-weight:700}.desktop-nav,.secondary-nav{flex-direction:column;gap:7px;display:flex}.desktop-nav a,.secondary-nav a{color:#53655d;border-radius:11px;align-items:center;gap:13px;min-height:46px;padding:13px 15px;font-size:13px;font-weight:550;display:flex}.desktop-nav a.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #0b514819}.secondary-nav a.active,.secondary-nav a:hover,.desktop-nav a:not(.active):hover{color:var(--primary);background:#eaf2ec}.sidebar-bottom{color:#557065;margin-top:auto;padding:30px 15px 0}.sidebar-bottom svg{color:#69927c;margin-bottom:12px}.sidebar-bottom p{font-size:14px;line-height:1.7}.sidebar-bottom span{color:#7c897f;margin-top:25px;font-size:10px;display:block}.workspace{margin-left:242px}.topbar{border-bottom:1px solid var(--border);background:#fffefb;justify-content:space-between;align-items:center;height:84px;padding:0 42px;display:flex}.desktop-breadcrumb{color:#60746a;font-size:12px}.desktop-breadcrumb span{color:#bac4bd;margin:0 14px}.topbar-right{color:#61716a;align-items:center;gap:8px;font-size:11px;display:flex}.local-dot{background:#5a886b;border-radius:50%;width:6px;height:6px}.user-avatar{width:34px;height:34px;color:var(--primary);background:#eff2e9;border:1px solid #dce6dc;border-radius:50%;place-items:center;margin-left:16px;font-size:11px;font-weight:700;display:grid}.mobile-brand{display:none}.main-container{max-width:1220px;margin:auto;padding:26px 42px 40px}.demo-banner{color:#716039;background:#f3efdf;border:1px solid #e9e2ca;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:30px;padding:9px 13px;font-size:10px;display:flex}.demo-banner strong{font-weight:700}.state-picker select{color:#675b3b;background:0 0;border:0;max-width:155px;min-height:44px;padding:0 4px;font-size:10px}.greeting{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.greeting h1{font-size:33px}.greeting h1 span{color:var(--primary)}.greeting .muted{margin-top:10px;font-size:13px}.clock{text-align:right}.clock>p{color:#62736a;font-size:12px}.clock time{letter-spacing:-1px;color:var(--deep);font-variant-numeric:tabular-nums;margin-top:5px;font-size:29px;font-weight:650;display:block}.clock small{letter-spacing:1px;margin-left:4px;font-size:11px}.clock-caption{color:#77877c;margin-top:5px;font-size:10px;display:block}.home-top{grid-template-columns:1.45fr 1fr;gap:20px;display:grid}.balance-card{color:#fff;background:radial-gradient(at 95% 20%,#387c66 0,#0000 50%),linear-gradient(115deg,#0b5148,#123d36);border-radius:20px;padding:23px 25px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0b514811}.balance-card:before{content:"";pointer-events:none;border:35px solid #ffffff06;border-radius:50%;width:310px;height:310px;position:absolute;top:-90px;right:-70px}.balance-top{justify-content:space-between;align-items:center;font-size:13px;display:flex;position:relative}.balance-demo{letter-spacing:1px;color:#e6d3a3;border:1px solid #ddd1a348;border-radius:4px;margin-left:10px;padding:3px 5px;font-size:8px}.eye-button{color:#fff;background:#ffffff12;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:-8px -8px -8px 0;display:grid}.balance-number{letter-spacing:-1px;margin-top:12px;font-size:33px;line-height:1.4;display:block;position:relative}.balance-caption{color:#cee0d6;margin-top:2px;font-size:10px}.balance-details{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.balance-details>div{background:#ffffff12;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:11px 9px;display:flex}.balance-details span:not(.money-icon){color:#dcebe1;font-size:10px;display:block}.balance-details strong{white-space:nowrap;margin-top:2px;font-size:13px;font-weight:600;display:block}.money-icon{color:#d3e9ca;background:#b7e0bb26;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.money-icon.outgoing{color:#f8d9b3;background:#e7ba7f26}.daily-card{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.daily-top{align-items:center;gap:13px;display:flex}.daily-top .icon-tile{border-radius:11px;width:36px;height:36px}.daily-top .icon-tile svg{width:19px}.daily-top .eyebrow{margin:0;font-size:9px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 16px;display:grid}.stats>div{border-right:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:4px;display:flex}.stats>div:last-child{border:0}.stats svg{color:#5d7a67;width:17px;height:17px}.stats strong{color:var(--deep);font-size:28px;font-weight:600}.stats span{color:var(--muted);font-size:10px}.daily-card>p{font-size:10px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading>div>p{margin-top:4px}.features-section{margin:32px 0}.feature-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.feature{flex-direction:column;align-items:flex-start;gap:15px;padding:20px 16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.feature:hover{transform:translateY(-3px);box-shadow:0 7px 20px #123d360b}.dashboard-tool{text-align:left;cursor:pointer;color:inherit}.rice-title{align-items:center;gap:12px;display:flex}.rice-title>svg{width:30px;height:30px;color:var(--primary)}.rice-tabs{background:#ecefe6;border-radius:13px;gap:6px;margin-bottom:22px;padding:5px;display:flex}.rice-tabs>button{color:#586b5e;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:13px;display:flex}.rice-tabs>button.active{background:var(--primary);color:#fff}.rice-period{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.rice-period label{color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.rice-period input{border:1px solid var(--border);max-width:100%;min-height:44px;color:var(--deep);background:#fff;border-radius:10px;padding:8px 12px}.rice-period>strong{color:var(--deep);font-size:14px}.rice-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.rice-summary>div{flex-direction:column;align-items:start;gap:6px;padding:20px 16px;display:flex}.rice-summary svg{color:#60866b;width:19px;height:19px;margin-bottom:6px}.rice-summary span{color:var(--muted);font-size:10px}.rice-summary strong{color:var(--deep);overflow-wrap:anywhere;font-size:21px;font-weight:650}.rice-summary small{color:var(--muted);font-size:10px}.rice-form-heading{color:var(--primary);align-items:center;gap:9px;margin-top:4px;display:flex}.rice-table-section{min-width:0}.rice-autosave{color:#4e705a;margin:-8px 0 22px;font-size:11px}.rice-table tbody.rice-excluded{color:#7b8178;background:#f1f0eb}.rice-excluded .rice-line-total{color:#7b8178;text-decoration:line-through}.rice-directory-table{min-width:1080px}.rice-history-item{border:1px solid var(--border);background:#fafbf7;border-radius:11px;padding:14px}.rice-history-item summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:44px;font-size:12px;display:flex}.rice-history-item summary>span{color:var(--muted);font-size:11px}.rice-history-item summary>b{color:var(--primary);margin-left:auto}.rice-history-item p{margin-top:10px}.rice-table-hint{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.rice-table-hint svg{color:var(--primary);flex-shrink:0}.rice-table-scroll{border:1px solid var(--border);scrollbar-color:#8aa696 #edf2e9;scrollbar-width:auto;overscroll-behavior-x:contain;background:#fff;border-radius:14px;width:100%;max-width:100%;overflow-x:auto}.rice-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1260px;font-size:12px}.rice-table thead th{color:#48614f;white-space:nowrap;background:#edf3eb;border-bottom:1px solid #d8e3d6;padding:15px 12px;font-size:10px;font-weight:700}.rice-table td,.rice-table tbody th,.rice-table tfoot th{vertical-align:middle;border-bottom:1px solid var(--border);padding:12px}.rice-table tbody th{font-weight:600}.rice-table tbody{background:#fff}.rice-table tbody:nth-of-type(2n){background:#fafbf7}.rice-table tbody:hover{background:#f0f5ed}.rice-table .rice-coordinator{background:inherit}.rice-table thead .rice-coordinator{background:#edf3eb}.rice-clickable-row{cursor:pointer}.rice-clickable-row:hover td,.rice-clickable-row:hover th{background:#edf4e8}.rice-detail-trigger{text-align:left;min-height:44px;color:var(--primary);text-underline-offset:4px;font-weight:650;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.rice-line-label{color:var(--muted);margin-bottom:3px;font-size:9px;display:block}.rice-detail-panel{border:1px solid var(--border);background:#fafbf7;border-radius:12px;padding:15px}.rice-detail-panel h3{align-items:center;gap:9px;margin-bottom:9px;display:flex}.rice-detail-panel p{margin-top:6px;font-size:12px}.rice-detail-selected{background:#eef5e9;border-color:#6e9e76}.rice-print-document{display:none}.rice-report-save{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 10px;padding:18px;display:flex}.rice-report-save h3{margin-bottom:5px}.rice-save-actions{flex-wrap:wrap;gap:8px;display:flex}.rice-save-help{margin-bottom:25px}.rice-saved-history{margin-top:25px;padding:18px}.rice-saved-history summary{cursor:pointer;min-height:44px;color:var(--primary);align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.rice-saved-history ul{margin:12px 0 0;padding:0;list-style:none}.rice-saved-history li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.rice-saved-history li>div{flex-direction:column;gap:5px;font-size:13px;display:flex}@media (width<=768px){.rice-report-save{flex-direction:column;align-items:stretch}.rice-save-actions>button{flex:1;font-size:11px}.rice-saved-history li{flex-wrap:wrap}}@page{size:A4 portrait;margin:12mm 10mm}@media print{body{color:#000;background:#fff}body:has(>.rice-print-document)>*{display:none!important}body>.rice-print-document{color:#000;font-family:Times New Roman,serif;display:block!important}.rice-print-document header{text-align:center;margin-bottom:5mm}.rice-print-document h1{letter-spacing:0;margin-bottom:2mm;font-family:inherit;font-size:14pt;line-height:1.3}.rice-print-document h2{letter-spacing:0;margin-bottom:2mm;font-size:11pt}.rice-print-document p{font-size:8pt}.rice-print-document table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:7pt}.rice-print-document th,.rice-print-document td{vertical-align:middle;overflow-wrap:anywhere;border:.2mm solid #000;padding:1.3mm}.rice-print-document thead{display:table-header-group}.rice-print-document tfoot{display:table-row-group}.rice-print-document tbody{break-inside:avoid}.rice-print-document thead th{font-size:6.5pt}.rice-print-document thead th:first-child{width:4%}.rice-print-document thead th:nth-child(2){width:17%}.rice-print-document thead th:nth-child(3){width:9%}.rice-print-document thead th:nth-child(4){width:13%}.rice-print-document thead th:nth-child(5),.rice-print-document thead th:nth-child(6){width:10%}.rice-print-document thead th:nth-child(7){width:8%}.rice-print-document thead th:nth-child(8){width:20%}.rice-print-document thead th:nth-child(9){width:9%}.rice-print-document .print-number{text-align:right;font-weight:700}.rice-print-document .print-subtotal th,.rice-print-document tfoot th:first-child{text-align:right}.rice-print-document .print-note{margin-top:4mm;font-size:7pt}}.rice-table tr{background:inherit}.rice-table .rice-recipient-name{overflow-wrap:anywhere;min-width:205px;max-width:250px}.rice-recipient-name>span{margin-top:5px;font-size:10px;font-weight:400;display:block}.rice-row-number{width:40px;color:var(--muted)}.rice-numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.rice-line-total{color:var(--primary);font-weight:650}.rice-nowrap{white-space:nowrap}.rice-table-destination{overflow-wrap:anywhere;min-width:170px;max-width:260px}.rice-table-date{min-width:125px}.rice-table-phone{min-width:115px}.rice-table-order,.rice-table-actions{gap:0;display:flex}.rice-table .rice-subtotal{color:#57705c;background:#f0f4ed;font-size:11px}.rice-subtotal th{text-align:right;font-weight:500}.rice-table tfoot{color:var(--deep);background:#e5eee1;font-weight:700}.rice-table tfoot th{text-align:right}.rice-table tfoot td,.rice-table tfoot th{border-bottom:0}@media (width<=768px){.rice-table-hint{align-items:start;font-size:10px}.rice-table .rice-recipient-name{min-width:170px;max-width:190px}.rice-table td,.rice-table tbody th{padding:10px}}.rice-form-heading h3{font-size:14px}.rice-line-form{background:#f9faf6;border:1px solid #dfe7db;border-radius:12px;min-width:0;padding:15px 12px}.rice-line-form legend{color:#586f5d;padding-inline:5px;font-size:11px}.rice-line-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px;display:grid}.rice-line-fields label{font-size:10px}.rice-line-fields input,.rice-line-fields select{padding-inline:7px;font-size:12px}.rice-line-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.rice-line-footer output{color:var(--primary);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.rice-form-total{color:var(--primary);background:#eaf1e6;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:15px;font-size:12px;display:flex}@media (width<=768px){.rice-title{gap:9px}.rice-title>svg{width:25px;height:25px}.rice-tabs>button{gap:7px;font-size:11px}.rice-period{flex-wrap:wrap;gap:10px;padding:14px 12px}.rice-period label{flex:1;gap:8px;min-width:0;font-size:10px}.rice-period input{flex:1;min-width:0;padding:8px;font-size:12px}.rice-period>strong{width:100%;font-size:12px}.rice-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rice-summary>div{padding:14px 12px}.rice-summary strong{font-size:19px}.rice-section-heading{flex-wrap:wrap}.rice-section-heading>button{font-size:11px}.rice-detail-line b{font-size:13px}.rice-detail-line strong,.rice-detail-line p{font-size:11px}.rice-note{font-size:10px}.rice-line-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.rice-line-fields>label:last-child{grid-column:1/-1}}.kajian-overview{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.kajian-overview>div{background:#edf2e9;border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.kajian-overview strong{color:var(--primary);font-size:26px;font-weight:650}.kajian-overview span{color:var(--muted);font-size:11px}.kajian-tabs{background:#eeefe8;border-radius:13px;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:28px;padding:6px;display:grid}.kajian-tabs button{color:#586b5e;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:12px;display:flex}.kajian-tabs .active{background:var(--primary);color:#fff}.kajian-filters{align-items:end;gap:14px;margin-bottom:18px;display:flex}.kajian-filters label{min-width:0;color:var(--muted);flex-direction:column;flex:1;gap:7px;font-size:11px;display:flex}.kajian-filters input,.kajian-filters select{border:1px solid var(--border);color:#263d31;background:#fff;border-radius:10px;width:100%;min-height:44px;padding:9px 12px}.results-caption{margin-bottom:16px}.kajian-schedule-list{gap:14px;display:grid}.kajian-schedule{border-inline-start:4px solid var(--primary);padding:22px}.kajian-card-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.schedule-title{text-align:left;min-height:44px;color:var(--deep);align-items:center;display:flex}.schedule-title h3{overflow-wrap:anywhere;font-size:19px}.kajian-group-name{color:var(--muted);margin-top:3px;font-size:12px}.schedule-meta{color:#536d5c;flex-wrap:wrap;gap:12px 24px;margin:18px 0 14px;font-size:11px;display:flex}.schedule-meta>span{align-items:center;gap:7px;display:flex}.schedule-meta svg{flex-shrink:0}.schedule-actions{border-top:1px solid var(--border);gap:6px;padding-top:10px;display:flex}.kajian-context{margin-bottom:18px}.kajian-directory{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.directory-card{border-inline-start:4px solid #dbe5db;flex-direction:column;gap:12px;min-width:0;padding:22px;display:flex}.directory-card h3{overflow-wrap:anywhere;align-items:center;gap:10px;display:flex}.directory-card h3 svg{color:var(--primary);flex-shrink:0}.directory-card p{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.directory-card p strong{color:#4e6756}.group-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.directory-actions{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.kajian-note{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5ee;border-radius:10px;padding:15px;font-size:13px}.form .share-preview{min-height:245px;font-size:12px;line-height:1.8}.kajian-calendar{padding:20px}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.calendar-period{align-items:center;gap:10px;display:flex}.calendar-period h2{text-align:center;min-width:145px;font-size:18px}.calendar-modes{gap:8px;margin-bottom:20px;display:flex}.calendar-modes button{border:1px solid var(--border);border-radius:9px;min-height:44px;padding:9px 16px;font-size:12px}.calendar-modes .active{background:var(--primary);color:#fff;border-color:var(--primary)}.calendar-grid{grid-template-columns:repeat(var(--calendar-columns), minmax(0, 1fr));border-top:1px solid var(--border);border-inline-start:1px solid var(--border);display:grid}.weekday{text-align:center;color:var(--primary);border-bottom:1px solid var(--border);border-inline-end:1px solid var(--border);background:#edf3ec;padding:12px 3px;font-size:11px;font-weight:600}.calendar-cell{border-inline-end:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;flex-direction:column;gap:5px;min-width:0;min-height:105px;padding:8px;display:flex;position:relative}.calendar-cell:hover{background:#f2f5ee}.calendar-cell.selected{box-shadow:inset 0 0 0 2px var(--primary);z-index:1;background:#f0f5ed}.calendar-cell.is-today .calendar-day{color:var(--primary);text-underline-offset:4px;font-weight:800;text-decoration:underline}.calendar-cell.outside-month{color:#8a958b;background:#f2f3ef}.calendar-day{font-size:13px}.hijri-date{color:var(--muted);font-size:8px}.calendar-event{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;width:100%;padding:3px 5px;font-size:9px;display:block;overflow:hidden}.event-dot{display:none}.calendar-hint{margin-top:14px;font-size:10px}.selected-schedules{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.selected-schedules>h3{margin-bottom:14px}.calendar-schedule{text-align:left;width:100%;color:var(--primary);background:#edf3eb;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:10px;padding:15px;display:flex}.calendar-schedule span,.calendar-schedule small{font-size:11px}.calendar-schedule strong{font-size:14px}@media (width<=768px){.kajian-overview{gap:6px}.kajian-overview>div{text-align:center;flex-direction:column;gap:3px;padding:13px 5px}.kajian-overview strong{font-size:23px}.kajian-overview span{font-size:9px}.kajian-tabs{gap:4px;padding:4px}.kajian-tabs button{flex-direction:column;gap:4px;min-height:57px;font-size:10px}.kajian-filters{flex-wrap:wrap;gap:9px}.kajian-filters label{flex:40%;font-size:10px}.kajian-filters input,.kajian-filters select{min-width:0;padding:9px 8px;font-size:11px}.kajian-filters>button{margin-left:auto;font-size:11px}.kajian-schedule{padding:16px 13px}.kajian-card-top{gap:7px}.kajian-card-top .small{font-size:10px}.schedule-title h3{font-size:17px}.schedule-meta{flex-direction:column;gap:9px;font-size:10px}.schedule-actions{gap:1px}.schedule-actions button{flex:1;padding-inline:7px;font-size:10px}.kajian-directory{grid-template-columns:1fr}.directory-card{padding:20px 16px}.kajian-calendar{padding:12px 8px}.calendar-toolbar{gap:8px}.calendar-period{gap:0}.calendar-period h2{min-width:132px;font-size:15px}.calendar-toolbar>button{margin-left:8px;font-size:10px}.calendar-modes{gap:5px}.calendar-modes button{flex:1;padding:8px 4px;font-size:10px}.calendar-cell{align-items:center;gap:5px;min-height:66px;padding:7px 3px}.calendar-grid{margin-top:4px;margin-inline:-7px}.weekday{font-size:9px}.calendar-day{font-size:12px}.hijri-date,.calendar-event,.calendar-cell>small:not(.hijri-date){display:none}.event-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;margin:3px auto;display:block}.mode-1 .calendar-cell,.mode-3 .calendar-cell{min-height:110px}.mode-1 .calendar-event,.mode-3 .calendar-event{text-align:center;font-size:8px;display:block}.mode-1 .event-dot,.mode-3 .event-dot{display:none}.mode-1 .hijri-date,.mode-3 .hijri-date{display:block}.selected-schedules{padding-inline:6px}}.blue{color:#375d9a;background:#e8effb}.neutral{color:#56615c;background:#eeefed}.tool-content{flex-direction:column;gap:18px;margin-top:24px;display:flex}.tool-totals{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tool-totals>div{background:#f2f5ef;border-radius:12px;min-width:0;padding:15px 12px}.tool-totals span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.tool-totals strong{overflow-wrap:anywhere;font-size:14px}.tool-net{color:var(--primary);background:#eaf1e7;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:15px;font-size:12px;display:flex}.tool-rows{margin:0;padding:0;list-style:none}.tool-rows li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:12px;display:flex}.tool-rows li>div{min-width:0}.tool-rows strong{overflow-wrap:anywhere}.tool-rows span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.tool-rows b{white-space:nowrap;font-size:11px}.icon-tile{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.icon-tile svg{stroke-width:1.7px;width:25px;height:25px}.peach{color:#ab553c;background:#f9eae2}.violet{color:#6a579b;background:#eeebf7}.gold{color:#926d21;background:#fbf1d8}.sage{color:#3c7258;background:#e7f0e7}.feature p{margin-top:2px;font-size:10px}.feature-arrow{color:#94a297;position:absolute;top:24px;right:15px}.text-link{color:var(--primary);align-items:center;gap:7px;min-height:44px;font-size:11px;font-weight:650;display:inline-flex}.activity-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.activity{align-items:center;gap:13px;padding:18px;display:flex}.activity-icon{border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:48px;display:grid}.activity-icon svg{width:20px}.activity-body{min-width:0}.activity h3{margin:4px 0;font-size:13px}.activity-body>.small{font-size:10px}.activity-arrow{color:#84978b;flex-shrink:0;margin-left:auto}.home-footer{justify-content:center;align-items:center;gap:15px;margin:34px 0 4px;display:flex}.home-footer p{color:#86958b;font-size:10px}.footer-line{background:#dce2d8;width:35px;height:1px}.bottom-nav{display:none}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin:4px 0 28px;display:flex}.page-heading h1{margin-bottom:8px}.page-heading .muted{font-size:13px}.task-summary{background:#edf2e9;border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:16px 19px;font-size:12px;display:flex}.task-summary strong{color:var(--primary)}.search{border:1px solid var(--border);color:#748479;background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:46px;margin-bottom:20px;padding:0 14px;display:flex}.search input{color:#172824;background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:44px;font-size:13px}.search:focus-within{outline:2px solid var(--primary)}.tabs{background:#efefe9;border-radius:12px;gap:7px;margin-bottom:16px;padding:5px;display:flex}.tabs button{color:#66766b;border:0;border-radius:9px;flex:1;min-height:44px;font-size:12px}.tabs button.active{background:var(--primary);color:#fff;box-shadow:0 3px 8px #0b51481b}.filters{gap:12px;margin-bottom:20px;display:flex}.filters select,.filters input{border:1px solid var(--border);color:#43584b;background:#fff;border-radius:9px;max-width:100%;min-height:44px;padding:8px 12px;font-size:12px}.filters>label{min-width:0}.task-list{flex-direction:column;gap:13px;display:flex}.task-card{gap:12px;padding:20px;display:flex}.task-check{color:#fff;border:0;flex-shrink:0;align-self:flex-start;place-items:center;width:44px;height:44px;margin:-7px 0 0 -8px;display:grid;position:relative}.task-check:before{content:"";z-index:0;border:1.5px solid #a5b4a7;border-radius:7px;width:23px;height:23px;position:absolute}.task-check svg{z-index:1}.is-done .task-check:before{background:var(--primary);border-color:var(--primary)}.task-body{flex:1;min-width:0}.task-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-title h3{font-size:15px}.is-done h3{color:#6c7c71;text-decoration:line-through}.task-body>p{margin-top:8px;font-size:12px}.badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:9px;font-weight:650;display:inline-block}.high{color:#a0363d;background:#fce8e5}.medium{color:#805d17;background:#fbf0d6}.low{color:#326b4a;background:#e9f3ea}.task-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.due{align-items:center;gap:7px;font-size:10px;display:flex}.end-note{text-align:center;color:#7a897e;margin:28px 0;font-size:11px}.transaction-heading{margin-top:32px}.finance-filters{grid-template-columns:1fr 1fr 1fr;display:grid}.finance-filters label{color:var(--muted);flex-direction:column;gap:7px;font-size:11px;display:flex}.period-summary{color:var(--muted);flex-wrap:wrap;gap:12px 24px;padding:12px 0 18px;font-size:11px;display:flex}.period-summary b{color:#334d3d;margin-left:4px;font-weight:600}.transactions{padding:0 20px;overflow:hidden}.transaction{border:0;border-bottom:1px solid var(--border);text-align:left;background:#fff;align-items:center;gap:14px;width:100%;min-height:91px;padding:16px 0;display:flex}.transaction:last-child{border:0}.transaction:hover{background:#fafbf8}.transaction-icon{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.transaction-icon.in{color:#2f6b4e;background:#e5f2e7}.transaction-icon.out{color:#a05b45;background:#f9ebe4}.transaction-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.transaction-body strong{font-size:13px;font-weight:600}.transaction-body .small{font-size:10px}.transaction>strong{white-space:nowrap;font-size:13px}.income{color:#206747}.expense{color:#a03a37}.back-link{min-height:44px;color:var(--primary);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:inline-flex}.notice{color:#6e6346;background:#f0efe3;border:1px solid #e5e1cc;border-radius:13px;margin:20px 0;padding:18px;font-size:12px;line-height:1.8}.empty{text-align:center;margin-top:18px;padding:40px 20px}.empty svg{color:#799283;margin:0 auto 16px}.empty h3{margin-bottom:7px;font-size:17px}.empty p{margin-bottom:20px}.empty button{margin-top:10px}.notes-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.note{padding:25px}.note h2{margin-bottom:16px;font-size:18px}.note>p:last-child{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:13px}.profile{align-items:center;gap:20px;margin-bottom:25px;padding:25px;display:flex}.avatar{color:var(--primary);background:#e7eee3;border-radius:50%;place-items:center;width:65px;height:65px;display:grid}.profile p{margin-top:5px;font-size:12px}.settings-row{align-items:center;gap:16px;margin-bottom:14px;padding:22px;display:flex}.settings-row>svg{color:#6a8474;flex-shrink:0}.settings-row h3{margin-bottom:4px}.switch{outline-offset:6px;background:#a5b1a7;border:0;border-radius:20px;width:48px;min-width:48px;height:28px;margin-left:auto;padding:4px;position:relative}.switch:after{content:"";position:absolute;inset:-8px 0}.switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block}.switch.on{background:var(--primary)}.switch.on span{transform:translate(20px)}.dialog-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#122b2459;position:fixed;inset:0}.dialog-content{z-index:51;border:1px solid var(--border);background:#fffefb;border-radius:20px;width:min(480px,100% - 32px);max-height:90dvh;padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 70px #123d3630}.dialog-content .section-heading{margin-bottom:8px}.dialog-content h2{font-size:21px}.icon-button{background:#f0f2ec;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.form{flex-direction:column;gap:17px;margin-top:24px;display:flex}.form label{flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600;display:flex}.form input,.form select,.form textarea{background:#fff;border:1px solid #d7e0d5;border-radius:9px;width:100%;min-height:44px;padding:11px;font-size:14px;font-weight:400}.form textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.error{color:#b42332;font-size:12px}.confirmation{background:#f3efdf;border-radius:10px;padding:14px;font-size:12px}.confirmation p{margin-bottom:12px}.detail-amount{color:var(--primary);font-size:28px;font-weight:650}.success-message{background:var(--deep);color:#fff;z-index:40;border:1px solid #759f8a;border-radius:12px;max-width:calc(100% - 32px);padding:14px 22px;font-size:12px;position:fixed;bottom:24px;left:calc(50% + 121px);transform:translate(-50%);box-shadow:0 5px 25px #0002}.skeleton-stack{gap:20px;display:grid}.skeleton{background:linear-gradient(100deg,#e9eee6,#f5f6f0,#e9eee6) 0 0/200% 100%;border-radius:20px;height:160px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:200% 0}}.skip-link{z-index:100;background:#fff;padding:15px;position:fixed;top:-80px;left:15px}.skip-link:focus{top:10px}main:focus{outline:none}.task-title h3,.transaction-body strong,.activity h3{overflow-wrap:anywhere}@media (width>=1500px){.main-container{padding-top:36px}.greeting{margin-bottom:35px}.balance-card{padding:28px 30px}.balance-number{font-size:40px}.feature{padding:24px}.feature-grid{gap:18px}}@media (width<=1100px) and (width>=769px){.sidebar{width:205px;padding:25px 15px}.workspace{margin-left:205px}.main-container{padding:24px}.topbar{padding:0 24px}.home-top{grid-template-columns:1fr}.stats{flex:1;margin:0}.daily-card{gap:20px}.daily-card .daily-top{display:none}.feature-grid{gap:9px}.feature{padding:16px 10px}.feature-arrow{display:none}.activity-list{grid-template-columns:1fr}.success-message{left:calc(50% + 102px)}}@media (width<=768px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:77px;padding:0 22px}.mobile-brand{gap:6px;font-size:26px;display:flex}.desktop-breadcrumb{display:none}.topbar-right{font-size:10px}.user-avatar{margin-left:4px}.main-container{padding:18px 22px calc(105px + env(safe-area-inset-bottom));max-width:650px}.demo-banner{margin-bottom:25px;padding:7px 10px;font-size:9px}.banner-detail{display:none}.state-picker select{font-size:9px}.greeting{margin-bottom:22px;display:block;position:relative}.greeting .eyebrow{letter-spacing:1.5px;font-size:8px}.greeting h1{font-size:31px}.greeting h1 br{display:none}.greeting .muted{margin-top:8px;font-size:11px}.clock{text-align:left;border-top:1px solid #e5e9df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:20px;padding-top:13px;display:flex}.clock>p{font-size:10px}.clock time{letter-spacing:-.6px;margin:0;font-size:20px}.clock small{font-size:8px}.clock-caption{display:none}.home-top{flex-direction:column;gap:14px;display:flex}.balance-card{border-radius:18px;padding:21px 20px}.balance-number{margin-top:12px;font-size:32px}.balance-details{gap:10px;margin-top:20px}.balance-details>div{gap:6px;padding:10px 8px}.balance-details span:not(.money-icon){font-size:9px}.balance-details strong{font-size:12px}.money-icon{width:24px;height:24px}.daily-card{box-shadow:none;background:#f2f3e8;border:1px solid #e8ebdd;border-radius:14px;padding:16px 8px 15px}.daily-top,.daily-card>p{display:none}.stats{gap:0;margin:0}.stats>div{border-color:#dae1d3;align-items:center;gap:1px;position:relative}.stats svg{display:none}.stats strong{font-size:24px}.stats span{font-size:9px}.features-section{margin:26px 0}.section-heading{margin-bottom:14px}.section-heading h2{font-size:17px}.features-section>.section-heading>.small{display:none}.feature-grid{grid-template-columns:repeat(4,1fr);gap:8px}.feature{box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;padding:0}.icon-tile{border-radius:16px;width:57px;height:57px}.icon-tile svg{width:26px;height:26px}.feature strong{white-space:nowrap;font-size:11px;font-weight:550}.feature p,.feature-arrow{display:none}.activity-list{grid-template-columns:1fr;gap:10px}.activity{gap:11px;padding:15px 13px}.activity-icon{width:37px;height:43px}.activity h3{font-size:12px}.activity-body>.small{font-size:9px}.section-heading>div>p{display:none}.text-link{font-size:10px}.home-footer{margin-top:27px}.home-footer p{font-size:9px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffefbf5;border-top:1px solid #e2e9e0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7c877e;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;min-height:49px;font-size:9px;display:flex;position:relative}.bottom-nav a.active{color:var(--primary);font-weight:700}.bottom-nav a.active:before{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:-9px}.bottom-nav a.active svg{fill:#0b514816}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:17px;margin-bottom:22px}.page-heading h1{font-size:28px}.page-heading .eyebrow{letter-spacing:1.4px;font-size:8px}.page-heading .muted{font-size:11px}.page-heading>button{min-height:44px;padding:10px 14px;font-size:11px}.task-summary{gap:10px;padding:13px;font-size:10px}.task-summary span{font-size:9px}.search{margin-bottom:16px}.tabs{gap:3px}.tabs button{font-size:11px}.filters{gap:8px}.filters>label{flex:1}.filters select{width:100%;padding:9px 8px;font-size:10px}.task-card{border-radius:15px;gap:5px;padding:16px 13px}.task-title{gap:6px}.task-title h3{font-size:13px}.badge{padding:4px 8px;font-size:8px}.task-body>p{font-size:11px}.task-bottom{margin-top:4px}.task-bottom button{width:44px;min-height:44px}.due{gap:5px;font-size:9px}.transaction-heading{margin-top:26px}.finance-filters{grid-template-columns:1fr 1fr;gap:11px}.finance-filters>label:first-child{grid-column:1/-1}.finance-filters input{width:100%;min-width:0;padding:9px;font-size:10px}.finance-filters label{font-size:10px}.period-summary{gap:8px 16px;font-size:10px}.period-summary>span:first-child{width:100%}.transactions{border-radius:15px;padding:0 12px}.transaction{gap:10px;min-height:86px}.transaction-icon{width:32px;height:32px}.transaction-icon svg{width:19px}.transaction-body strong{font-size:11px}.transaction-body .small{font-size:9px}.transaction>strong{font-size:11px}.success-message{width:max-content;font-size:11px;bottom:90px;left:50%}.settings-row{gap:12px;padding:17px 14px}.settings-row h3{font-size:13px}.settings-row .small{font-size:10px}.profile{gap:14px;padding:20px 16px}.profile p{font-size:10px}.notes-grid{grid-template-columns:1fr}.dialog-content{padding:20px}.form-row{gap:9px}.home-footer .footer-line{width:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{overflow-y:auto}.money-filter label.search input{box-shadow:none;background:0 0;border:0}.demo-banner.is-online .banner-detail{display:inline}.settings-profile-form{padding:16px}.settings-profile-form>button{justify-self: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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}:root{--background:#fffefb;--surface:#fffefb}body,.workspace,.topbar{background:#fffefb}.topbar{border-bottom:1px solid #edf0eb;height:76px}.main-container{max-width:1280px;padding-top:24px}.demo-banner{background:#f5f5ec;border:0;border-radius:8px;min-height:38px;margin-bottom:26px;padding:10px 14px}.sidebar{background:#fafbf7}.sidebar-label{margin-top:28px}.secondary-nav,.desktop-nav{gap:3px}.secondary-nav a,.desktop-nav a{min-height:44px;padding-top:10px;padding-bottom:10px}.sidebar-bottom{padding-top:22px}.page-heading{margin:14px 0 28px}.page-heading h1{letter-spacing:-.8px;font-size:27px;line-height:1.25}.page-heading .eyebrow{display:none}.page-heading .muted{max-width:620px;margin-top:8px;font-size:13px}.back-link{margin-bottom:10px;font-size:12px}.page-heading>button,.note-add{color:#fff;z-index:35;background:#0b5148;border-radius:50%;width:60px;min-width:60px;height:60px;min-height:60px;padding:0;font-size:0;position:fixed;bottom:30px;right:36px;box-shadow:0 8px 24px #0b514833}.page-heading>button svg,.note-add svg{width:28px;height:28px}.page-heading>button:hover,.note-add:hover{background:#123d36;transform:translateY(-2px)}main{padding-bottom:66px}.greeting{justify-content:space-between;align-items:center;gap:18px;margin:2px 0 26px;padding:0;display:flex}.greeting-salutation{color:#63736d;margin-bottom:4px;font-size:14px}.greeting h1,.greeting h1 span{letter-spacing:-.5px;color:#172824;font-size:24px;line-height:1.3}.greeting .clock{text-align:right;border:0;min-width:0;padding:0;display:block}.greeting .clock time{white-space:nowrap;letter-spacing:-.5px;font-size:24px;display:block}.greeting .clock time small{letter-spacing:.3px;font-size:9px}.greeting .clock p{color:#63736d;margin-top:6px;font-size:11px}.home-top{display:block}.home-top .balance-card{max-width:none;box-shadow:none;background:linear-gradient(115deg,#0b5148,#226c5a);border-radius:22px;padding:25px 28px}.home-top .balance-number{font-size:36px}.daily-card.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;padding:20px 0}.daily-card .daily-top,.daily-card>p{display:none}.daily-card .stats{justify-content:space-around;margin:0;display:flex}.daily-card .stats>div{flex:1;align-items:center}.daily-card .stats svg{display:none}.daily-card .stats strong{font-size:23px}.daily-card .stats span{font-size:11px}.feature-grid{gap:22px 16px}.feature.card{box-shadow:none;text-align:center;background:0 0;border:0;align-items:center;gap:10px;padding:8px}.feature .icon-tile{border-radius:18px;width:58px;height:58px}.feature strong{font-size:13px}.feature p,.feature .feature-arrow{display:none}.feature:hover{box-shadow:none;background:#f4f6ef;transform:none}.section-heading h2{letter-spacing:-.35px;font-size:19px}.activity-list{gap:0}.activity{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0}.home-footer{margin:34px 0 14px}.money-metrics{border-bottom:1px solid #e5ebe6;flex-wrap:wrap;gap:0;margin:10px 0 26px;padding:4px 0 23px;display:flex}.money-metric.card{box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;min-width:190px;padding:10px 25px 8px 0}.money-metric>strong{font-size:29px}.money-metric .small{font-size:12px}.money-account-grid{flex-direction:column;gap:0;margin:20px 0 30px;display:flex}.money-account.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:5px 18px;padding:23px 0;display:grid}.money-account>.icon-tile{border-radius:14px;grid-area:1/1/4;width:48px;height:48px}.money-account>.badge{color:#63736d;background:0 0;grid-area:2/2;justify-self:start;padding:0;font-size:12px}.money-account>h2{grid-area:1/2;font-size:16px}.money-account>.money-account-balance{white-space:nowrap;grid-area:1/3;font-size:21px}.money-account>.small{grid-column:2/4;font-size:11px}.money-account>.text-link{grid-area:2/3;justify-self:end;margin:0;font-size:11px}main[data-page=dompet] .money-account{border:1px solid #e5ebe6;border-radius:17px;margin-bottom:14px;padding:23px}main[data-page=dompet] .money-account>.small{border-top:1px solid #edf0eb;margin-top:12px;padding-top:12px}.money-account:hover{background:#f8faf5}.debt-card.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;gap:8px;padding:24px 0}.debt-card h2{font-size:18px}.debt-card .money-account-balance{font-size:25px}.debt-card>.text-link{margin-top:6px}.debt-card progress{max-width:680px;height:5px;margin:6px 0}.money-filter{background:0 0;border:0;margin:20px 0;padding:0}.money-filter>label:not(.search){flex-direction:column;gap:7px;font-size:12px;display:flex}.money-filter select{background:#f5f6f2;border-color:#0000;border-radius:11px}.report-panel.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;margin:0 0 20px;padding:24px 0}.report-columns{gap:36px}.report-period.card{background:#f3f5f0;border:0;border-radius:13px;padding:18px 22px}.report-period select,.report-period input{background:0 0}.report-category{padding:16px 0}.report-track{height:7px}.report-columns>section:nth-child(2) .report-track span{background:#c88c45}.money-list-row{padding:18px 0}.tabs,.rice-tabs,.kajian-tabs{background:0 0;gap:8px;margin:22px 0;padding:0}.tabs>button,.rice-tabs>button,.kajian-tabs>button{flex:initial;background:#f1f3ef;border-radius:24px;min-height:44px;padding:10px 18px}.tabs>button.active,.rice-tabs>button.active,.kajian-tabs>button.active{color:#fff;box-shadow:none;background:#0b5148}.rice-tabs>button{flex:1}.rice-period.card{background:#f3f5f0;border:0;border-radius:12px;padding:14px 18px}.rice-summary{border-bottom:1px solid #e5ebe6;gap:0;margin-bottom:20px;padding:8px 0 18px}.rice-summary>div{background:0 0;border:0;border-radius:0;padding:14px 16px 14px 0}.rice-table-scroll{box-shadow:none;border-radius:10px}.task-summary{background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;padding:10px 0 22px}.task-list{border-top:1px solid #e5ebe6;display:block}.task-card.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;margin:0;padding:22px 0}.task-card.card:hover{background:#f9faf6;border-color:#d6e2d8}.task-card.is-done{background:#f4f7f0}.task-card h3{font-size:16px}.kajian-overview{background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;padding:15px 0 22px}.kajian-overview>div{background:0 0;border-right:1px solid #e5ebe6;border-radius:0;padding:8px 12px}.kajian-overview>div:last-child{border-right:0}main[data-page=tagihan] .money-metric:first-child>strong{color:#b42332}.kajian-schedule-list,.kajian-directory{display:block}.kajian-schedule.card,.directory-card.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;margin:0;padding:22px 0}.schedule-title{font-size:18px}.directory-actions{justify-content:flex-end}.notes-grid{display:block}.note.card{box-shadow:none;background:#f6eedf;border:0;border-radius:3px 18px 18px;max-width:620px;margin:20px 0;padding:24px 26px}.profile.card{box-shadow:none;background:#f0f5ec;border:0;border-radius:16px;margin-bottom:20px}.settings-row.card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;margin:0;padding:23px 0}.category-form.card{box-shadow:none;background:#f5f7f1;border:0;border-radius:13px}.security-settings .money-actions{margin-top:18px}.notice{background:#f5f5ec;border:0;border-radius:9px}.end-note{margin-top:25px;font-size:11px}.transactions.card{box-shadow:none;background:0 0;border:0;border-radius:0}.transaction{border-bottom:1px solid #e5ebe6;padding:18px 0}.transaction-day{color:#172824;padding:20px 0 8px;font-size:13px;font-weight:700}.transaction strong{font-size:14px}.transaction-body .small{font-size:11px;line-height:1.6}main[data-page=arus]>.balance-card{color:#172824;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5ebe6;border-radius:0;padding:0 0 25px}main[data-page=arus]>.balance-card:before{display:none}main[data-page=arus] .balance-top{color:#63736d}main[data-page=arus] .eye-button{color:#0b5148;background:#edf3eb}main[data-page=arus] .balance-number{font-size:31px}main[data-page=arus] .balance-caption{color:#63736d}main[data-page=arus] .balance-details{display:none}.finance-filters{background:#f5f6f2;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:15px}.finance-filters label,.finance-filters>label:first-child{grid-column:auto;min-width:0}.finance-filters input{width:100%;min-width:0}main[data-page=arus] .period-summary{display:none}.cash-kind-tabs{margin:20px 0}.cash-comparison{border-bottom:1px solid #e5ebe6;gap:18px;margin:22px 0 8px;padding-bottom:23px;display:grid}.cash-comparison>div>div:first-child{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.cash-comparison i{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.cash-comparison i.in,.cash-track .in{background:#0b5148}.cash-comparison i.out,.cash-track .out{background:#c88c45}.cash-track{background:#eef1eb;border-radius:8px;height:7px;margin:12px 0 5px;overflow:hidden}.cash-track>span{border-radius:8px;height:100%;display:block}.cash-comparison small{color:#63736d;font-size:11px}.period-summary{background:0 0;border:0;border-radius:0;padding:10px 0}.cash-trend{border-bottom:1px solid #e5ebe6;margin:30px 0 32px;padding:20px 0 28px}.cash-trend .section-heading{margin-bottom:18px}.cash-trend .eyebrow{color:#63736d;margin-bottom:6px;font-size:9px}.chart-mode{gap:4px;display:flex}.chart-mode button{border:1px solid #e5ebe6;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.chart-mode button[aria-pressed=true]{color:#0b5148;background:#e5efdf;border-color:#b5cbb9}.chart-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:15px 0;display:flex}.chart-range{gap:6px;display:flex}.chart-range button{background:#f1f3ef;border-radius:24px;min-height:44px;padding:9px 16px;font-size:12px}.chart-range button[aria-pressed=true]{color:#fff;background:#0b5148}.chart-legend{gap:14px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{background:#0b5148;border-radius:50%;width:7px;height:7px}.chart-legend span+span i{background:#c88c45}.chart-stage{background:#f5f7f2;border-radius:16px;height:220px;margin-top:16px;padding:20px 10px 0;position:relative;overflow:auto hidden}.chart-plot{min-width:290px;height:200px;position:relative}.chart-plot.wide{min-width:600px}.chart-plot .trend-lines{width:calc(100% - 12px);inset:0 6px auto}.chart-scroll-hint{margin-top:8px}.trend-lines{pointer-events:none;width:calc(100% - 32px);height:165px;position:absolute;inset:20px 16px 35px}.trend-months{justify-content:space-around;gap:5px;height:200px;display:flex;position:relative}.trend-months>button{border-radius:9px 9px 0 0;flex-direction:column;flex:1;align-items:center;min-width:44px;padding:0 3px;display:flex}.trend-months>button.selected{background:#e5edde}.trend-bar-space{justify-content:center;align-items:flex-end;gap:5px;width:100%;height:165px;padding:0 3px 2px;display:flex}.trend-bar{border-radius:6px 6px 0 0;width:18px;max-width:38%;min-height:2px;transition:height .2s}.trend-bar.in{background:#0b5148}.trend-bar.out{background:#c88c45}.trend-month-label{color:#63736d;margin:9px 0;font-size:11px}.trend-detail{background:#edf3e8;border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:15px 18px;font-size:12px;display:flex}.trend-detail span{color:#63736d;gap:8px;display:flex}.trend-detail b{color:#172824}@media (width<=760px){.main-container{padding:18px 20px 105px}.topbar{height:72px}.demo-banner{margin-bottom:24px;padding:7px 11px}.page-heading{margin:12px 0 24px}.page-heading h1{font-size:23px}.page-heading .muted{font-size:12px;line-height:1.6}.page-heading>button,.note-add{right:21px;bottom:calc(86px + env(safe-area-inset-bottom));width:58px;min-width:58px;height:58px;min-height:58px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefbf5;border-top:1px solid #e5ebe6}.bottom-nav a{font-size:10px}.greeting{align-items:center;gap:10px;margin-bottom:24px;display:flex}.greeting h1,.greeting h1 span{font-size:20px}.greeting-salutation{font-size:12px}.greeting .clock time{font-size:19px}.greeting .clock p{max-width:155px;font-size:9px;line-height:1.5}.home-top .balance-card{border-radius:20px;padding:20px}.home-top .balance-number{font-size:31px}.feature-grid{gap:20px 8px}.feature.card{gap:9px;padding:4px 0}.feature .icon-tile{border-radius:16px;width:54px;height:54px}.feature strong{font-size:11px}.section-heading h2{font-size:17px}.features-section>.section-heading>.small{display:none}.money-metrics{gap:18px 0;margin:4px 0 24px;padding:5px 0 22px}.money-metric.card{flex-basis:45%;gap:8px;min-width:45%;padding:0 16px 0 0}.money-metric>strong{font-size:23px}.money-metric .small{font-size:10px;line-height:1.5}.money-account.card{grid-template-columns:42px minmax(0,1fr);gap:7px 13px;padding:20px 0}.money-account>.icon-tile{grid-row:1/3;width:42px;height:42px}.money-account>h2{font-size:15px}.money-account>.money-account-balance{grid-area:3/2;font-size:22px}.money-account>.small{grid-column:2}.money-account>.text-link{grid-area:auto/2;justify-self:start;margin-top:4px}main[data-page=dompet] .money-account{margin-bottom:12px;padding:20px}main[data-page=aset] .money-account>.small{display:none}main[data-page=aset] .money-account>.text-link{margin-top:3px}.report-columns{display:block}.report-panel.card{padding:20px 0}.report-period.card{gap:12px;padding:15px}.report-period>div{margin-bottom:6px}.tabs>button,.rice-tabs>button,.kajian-tabs>button{padding:10px 14px;font-size:12px}.kajian-tabs{gap:5px}.kajian-tabs>button{flex:1;padding:9px 6px}.kajian-tabs svg{display:none}.rice-summary>div{padding:12px 10px 12px 0}.rice-summary strong{font-size:21px}.task-card.card{padding:19px 0}.task-card h3{font-size:14px}.profile.card{padding:21px 17px}.cash-trend .section-heading h2{max-width:215px;font-size:16px;line-height:1.5}.chart-mode{gap:4px}.chart-mode button{width:44px;min-width:44px}.chart-toolbar{gap:8px}.chart-range button{padding:9px 12px}.chart-legend{gap:9px;font-size:10px}.trend-bar-space{gap:3px;padding-left:0;padding-right:0}.trend-months{gap:2px}.trend-month-label{font-size:9px}.trend-detail{flex-direction:column;gap:10px;padding:15px;display:flex}.trend-detail span{justify-content:space-between}.finance-filters{padding:12px}.transaction-body{min-width:0}.transaction>strong{font-size:12px}.transaction-icon{width:36px;min-width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.trend-bar,.feature{transition:none}}main[data-page=arus]>.balance-card{overflow:visible}main[data-page=arus] .eye-button{margin:0}main[data-page=arus]>.balance-card{grid-template-columns:1fr auto 44px;align-items:center;gap:12px;padding-bottom:20px;display:grid}main[data-page=arus] .balance-top{display:contents}main[data-page=arus] .balance-top>span{color:#63736d;grid-area:1/1;font-size:12px}main[data-page=arus] .balance-demo,main[data-page=arus] .balance-caption{display:none}main[data-page=arus] .balance-number{grid-area:1/2;margin:0;font-size:23px}main[data-page=arus] .eye-button{grid-area:1/3}.money-metrics{border:0;align-items:stretch;gap:12px;padding:0}.money-metric.card{min-width:0;box-shadow:none;background:#f7f8f4;border:1px solid #e4e9e0;border-radius:14px;gap:8px;padding:17px 18px}.money-metric>strong{letter-spacing:-.4px;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-size:22px;line-height:1.35}.money-metric .small{font-size:12px;line-height:1.5}.money-metric .small:last-child:not(:first-child){font-size:11px}.money-metric.metric-income{background:#f0f6ee;border-color:#dde8da}.money-metric.metric-income>strong{color:#24623e}.money-metric.metric-expense{background:#fcf2ef;border-color:#f0dfda}.money-metric.metric-expense>strong{color:#ad3541}.money-metric.metric-asset{background:#faf6eb;border-color:#ede4d2}.money-metric.metric-asset>strong{color:#785b28}.money-metric.metric-wide{flex-basis:100%;grid-column:1/-1}.money-account>.money-account-balance{font-size:20px}.detail-amount{font-size:25px}.money-list-row>span{flex:1}.money-list-row>b{white-space:nowrap;flex-shrink:0;font-size:13px}main[data-page=laporan] .report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 25px;display:grid}main[data-page=laporan] .position-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 25px;display:grid}main[data-page=laporan] .report-panel.card,main[data-page=laporan] .cash-trend{box-shadow:none;background:#fffefb;border:1px solid #e2e8df;border-radius:16px;margin:0 0 22px;padding:22px}main[data-page=laporan] .report-columns{align-items:start;gap:20px;margin:0}main[data-page=laporan] .report-panel h2{font-size:17px;line-height:1.5}main[data-page=laporan] .section-heading{margin-bottom:12px}main[data-page=laporan]>.section-heading{border-top:1px solid #e2e8df;margin-top:28px;padding-top:22px}main[data-page=laporan] .money-list-row strong{font-size:13px;line-height:1.5}main[data-page=laporan] .report-panel>.section-heading{flex-wrap:wrap;align-items:start}main[data-page=laporan] .report-panel>.section-heading .text-link{white-space:nowrap;margin-top:3px}main[data-page=laporan] .cash-trend .section-heading h2{font-size:17px}main[data-page=laporan] .expense{color:#ad3541}main[data-page=laporan] .income{color:#24623e}main[data-page=arus] .cash-comparison{background:#f6f8f2;border:1px solid #e4e9e0;border-radius:14px;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;padding:20px}main[data-page=arus] .cash-comparison b{white-space:nowrap;font-size:17px}main[data-page=arus] .cash-comparison>div>div:first-child{flex-direction:column;align-items:start;gap:10px}main[data-page=arus] .cash-track .out,main[data-page=arus] .cash-comparison i.out{background:#b35950}main[data-page=arus] .cash-comparison>div:last-child b{color:#ad3541}main[data-page=arus] .cash-comparison>div:first-child b{color:#24623e}main[data-page=arus] .cash-comparison small{font-size:11px}.expense-donut{margin:18px 0 4px}.donut-visual{width:220px;height:220px;margin:0 auto 18px;position:relative}.donut-visual svg{width:100%;height:100%;overflow:visible}.donut-visual circle{transition:opacity .15s,stroke-width .15s}.donut-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:55px 36px}.donut-center>span{overflow-wrap:anywhere;max-width:140px;font-size:11px;line-height:1.4}.donut-center strong{white-space:nowrap;color:#172824;letter-spacing:-.4px;font-size:17px}.donut-center small{color:#63736d;font-size:10px;line-height:1.4}.donut-legend{flex-direction:column;gap:6px;display:flex}.donut-legend button{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:55px;padding:9px 11px;display:flex}.donut-legend button[aria-pressed=true]{background:#f0f5eb;border-color:#dde7d6}.donut-legend i{border-radius:50%;flex-shrink:0;width:9px;height:9px}.donut-legend button>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.donut-legend strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.donut-legend small{color:#63736d;font-size:11px}.donut-legend b{color:#385347;font-size:12px;font-weight:600}.settings-page{max-width:820px}.settings-profile{background:#edf4e9;border:1px solid #e1e9dc;border-radius:16px;align-items:center;gap:14px;margin:4px 0 28px;padding:21px;display:flex}.settings-avatar{color:#0b5148;background:#dce9d4;border-radius:50%;flex-shrink:0;place-items:center;width:51px;height:51px;display:grid}.settings-profile>div{flex:1}.settings-profile h2{font-size:17px;line-height:1.4}.settings-profile p{color:#63736d;margin-top:5px;font-size:12px}.settings-demo-tag{color:#52664d;white-space:nowrap;background:#fffefb;border-radius:20px;padding:5px 8px;font-size:10px}.settings-group-label{letter-spacing:1px;text-transform:uppercase;color:#63736d;margin:24px 3px 11px;font-size:11px;font-weight:650}.settings-group{border:1px solid #e2e8df;border-radius:14px;overflow:hidden}.preference-row{align-items:center;gap:13px;min-height:84px;padding:18px;display:flex}.preference-row+.preference-row{border-top:1px solid #e5ebe2}.preference-icon{color:#52715b;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.preference-row>div{flex:1;min-width:0}.preference-row h3{font-size:14px;font-weight:600;line-height:1.4}.preference-row p{color:#63736d;margin-top:5px;font-size:12px;line-height:1.6}.preference-value{color:#52634d;font-size:11px;font-weight:600}.preference-row>a:hover,a.preference-row:hover{background:#f5f8ef}.settings-page .security-settings.report-panel{background:#fffefb;border:1px solid #e2e8df;border-radius:14px;margin:0;padding:19px}.settings-page .security-settings h2{font-size:14px;font-weight:600;line-height:1.4}.settings-page .security-settings .small{font-size:12px;line-height:1.6}.settings-page .security-settings h2 svg{color:#52715b;width:19px;height:19px}.settings-page .security-settings .money-actions{border-top:1px solid #e5ebe2;gap:8px;margin:15px 0 12px;padding-top:14px}.settings-page .security-settings .money-actions>button,.settings-page .security-settings .money-actions>a{min-height:44px;font-size:12px}.settings-page .security-settings .money-actions>a{justify-content:flex-start;padding-left:0}.settings-footer{color:#63736d;max-width:560px;padding:22px 3px}.settings-footer strong{font-size:11px;font-weight:600}.settings-footer p{margin-top:7px;font-size:11px;line-height:1.7}@media (width<=760px){.money-metrics{gap:10px}.money-metric.card{flex-basis:calc(50% - 5px);padding:14px}.money-metric>strong{letter-spacing:-.6px;font-size:18px}.money-metric .small{font-size:11px;line-height:1.6}.money-account>.money-account-balance{font-size:20px}main[data-page=laporan] .report-summary-grid,main[data-page=laporan] .position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main[data-page=laporan] .report-summary-grid>.money-metric:last-child{grid-column:1/-1}main[data-page=laporan] .report-panel.card,main[data-page=laporan] .cash-trend{border-radius:14px;margin-bottom:18px;padding:17px}main[data-page=laporan] .report-panel h2,main[data-page=laporan] .cash-trend .section-heading h2{font-size:15px}main[data-page=laporan] .cash-trend .eyebrow{display:none}main[data-page=laporan] .cash-trend .section-heading{align-items:start;gap:8px}main[data-page=laporan] .cash-trend .section-heading h2{max-width:175px}main[data-page=laporan] .chart-stage{padding-left:5px;padding-right:5px}main[data-page=laporan] .chart-plot{min-width:0}main[data-page=laporan] .chart-plot.wide{min-width:600px}main[data-page=laporan] .chart-toolbar{flex-wrap:wrap;gap:12px}main[data-page=laporan] .chart-legend{font-size:11px}main[data-page=laporan] .report-panel>.section-heading>div{width:100%}main[data-page=laporan] .money-list-row{gap:10px}main[data-page=laporan] .money-list-row>b{font-size:12px}main[data-page=arus] .cash-comparison{gap:15px;padding:16px}main[data-page=arus] .cash-comparison b{letter-spacing:-.4px;font-size:16px}.donut-visual{width:205px;height:205px}.donut-center{inset:52px 30px}.donut-center strong{font-size:16px}.settings-profile{gap:11px;padding:18px 15px}.settings-profile h2{font-size:16px}.settings-profile p{font-size:11px}.settings-demo-tag{padding:5px 6px;font-size:9px}.preference-row{gap:10px;padding:16px 13px}.preference-row h3{font-size:13px}.preference-row p{font-size:11px}.preference-icon{width:28px}.settings-page .security-settings.report-panel{padding:17px 15px}.settings-page .security-settings h2{font-size:13px}.settings-page .security-settings .small{font-size:11px}.money-metric.metric-wide{flex-basis:100%}}@media (width>=761px) and (width<=1100px){main[data-page=laporan] .position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}main[data-page=beras] .rice-summary{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 26px;padding:0;display:grid}main[data-page=beras] .rice-summary>div{background:#f8faf5;border:1px solid #e1e7dc;border-radius:12px;grid-template-columns:20px 1fr;align-content:start;gap:8px;padding:16px;display:grid}main[data-page=beras] .rice-summary svg{grid-area:1/1;width:17px;height:17px;margin:0}main[data-page=beras] .rice-summary span{grid-area:1/2;font-size:12px;line-height:1.5}main[data-page=beras] .rice-summary strong{white-space:nowrap;grid-column:1/-1;font-size:20px;line-height:1.4}main[data-page=beras] .rice-summary small{grid-column:1/-1;font-size:11px;line-height:1.6}main[data-page=beras] .rice-period{border:1px solid #e1e7dc}main[data-page=beras] .rice-autosave{font-size:11px;line-height:1.6}main[data-page=beras] .rice-table{font-size:12px}main[data-page=beras] .rice-table th{font-size:11px}main[data-page=beras] .rice-section-heading h2{font-size:17px}.kajian-schedule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.kajian-schedule.card{border:1px solid #dfe7dc;background:#fffefb;border-inline-start:3px solid #82ae96;border-radius:15px;flex-direction:column;gap:12px;min-width:0;margin:0;padding:22px;display:flex;position:relative;box-shadow:0 3px 10px #123d3605}.kajian-schedule .schedule-title{text-align:left}.kajian-schedule .schedule-title:after{content:"";z-index:1;cursor:pointer;border-radius:15px;position:absolute;inset:0}.kajian-schedule .schedule-title:focus-visible:after{outline-offset:3px;outline:2px solid #0b5148}.kajian-schedule:hover{border-color:#aac3ab;box-shadow:0 5px 15px #123d360b}.kajian-schedule .schedule-title h3{font-size:17px;line-height:1.5}.kajian-schedule .kajian-group-name{margin:0;font-size:12px;line-height:1.5}.kajian-schedule .schedule-meta{gap:9px;margin:0;font-size:12px}.kajian-schedule .schedule-actions{z-index:2;border-top:1px solid #e5ebe2;gap:5px;margin-top:auto;padding-top:14px;display:flex;position:relative}.kajian-schedule .schedule-actions button{flex:1;padding-left:7px;padding-right:7px;font-size:12px}.kajian-card-top .small{font-size:11px}.agenda-overview{background:#f5f8f0;border:1px solid #e2e8dd;border-radius:13px;gap:12px;margin:5px 0 25px;padding:16px;display:flex}.agenda-overview>div{border-right:1px solid #e0e7d8;flex-direction:column;flex:1;gap:5px;display:flex}.agenda-overview>div:last-child{border:0}.agenda-overview b{color:#0b5148;font-size:21px}.agenda-overview span{color:#63736d;font-size:11px}.agenda-week{gap:5px;margin:18px 0;padding:3px 0 10px;display:flex;overflow-x:auto}.agenda-week button{background:#f2f5ed;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:62px;display:flex}.agenda-week small{color:#63736d;font-size:11px}.agenda-week b{font-size:16px}.agenda-week button.today{border:1px solid #82ae96}.agenda-week button.selected{color:#fff;background:#0b5148}.agenda-week button.selected small{color:#e5efe0}.agenda-date-filter{justify-content:space-between;align-items:end;gap:12px;margin:15px 0 20px;display:flex}.agenda-date-filter label{flex-direction:column;gap:7px;font-size:12px;display:flex}.agenda-list{flex-direction:column;gap:14px;margin:20px 0;display:flex}.agenda-event{border:1px solid #e0e7db;border-radius:14px;align-items:center;gap:18px;padding:20px;display:flex;position:relative}.agenda-event-time{color:#0b5148;background:#edf4e7;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:65px;padding:12px 7px;display:flex}.agenda-event-time b{font-size:14px}.agenda-event-time small{font-size:11px}.agenda-event-time.completed{background:#eaf3ec}.agenda-event-time.cancelled{color:#9d4c43;background:#f9efeb}.agenda-event-open{text-align:left;flex:1;min-width:0}.agenda-event-open:after{content:"";border-radius:14px;position:absolute;inset:0}.agenda-event-open:focus-visible:after{outline-offset:3px;outline:2px solid #0b5148}.agenda-event-open h2{overflow-wrap:anywhere;margin:9px 0;font-size:16px;line-height:1.5}.agenda-event-open p{color:#63736d;align-items:center;gap:5px;font-size:12px;display:flex}.agenda-event-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.agenda-event-top small{color:#63736d;font-size:11px}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere}.notes-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.notes-toolbar select{background:#f3f5ef;max-width:160px;font-size:12px}.notes-board{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin:22px 0;display:grid}.note-sheet{border:1px solid #e3e6d9;border-radius:4px 16px 16px;position:relative}.note-sage{background:#edf3e7}.note-gold{background:#f8f0df}.note-peach{background:#faece3}.note-open{text-align:left;flex-direction:column;gap:14px;width:100%;min-height:220px;padding:23px;display:flex}.note-open:after{content:"";z-index:1;border-radius:16px;position:absolute;inset:0}.note-open:focus-visible:after{outline-offset:3px;outline:2px solid #0b5148}.note-type{letter-spacing:1px;color:#6c7862;align-items:center;gap:7px;margin-right:40px;font-size:9px;display:flex}.note-open h2{overflow-wrap:anywhere;padding-right:18px;font-size:17px;line-height:1.5}.note-open>p{white-space:pre-wrap;-webkit-line-clamp:5;color:#52634f;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.note-open>small{color:#6c7862;margin-top:auto;padding-top:10px;font-size:10px}.note-pin{z-index:2;color:#6c7862;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:10px}.note-pin[aria-pressed=true]{color:#0b5148}.note-editor{min-height:190px;line-height:1.8}.note-color-options{flex-wrap:wrap;gap:9px;display:flex}.note-color-options legend{margin-bottom:9px;font-size:12px}.note-color-options label{border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px;font-size:12px;display:flex}.note-color-options input{accent-color:#0b5148;width:17px;min-height:17px}.note-detail-body{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-height:45vh;padding:20px;line-height:1.9;overflow:auto}@media (width<=760px){main[data-page=beras] .rice-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main[data-page=beras] .rice-summary>div{gap:7px;padding:13px 12px}main[data-page=beras] .rice-summary span{font-size:11px}main[data-page=beras] .rice-summary strong{font-size:18px}main[data-page=beras] .rice-summary small{font-size:10px}.kajian-schedule-list{grid-template-columns:1fr;gap:14px}.kajian-schedule.card{gap:11px;padding:18px}.kajian-schedule .schedule-title h3{font-size:16px}.kajian-schedule .schedule-meta{font-size:12px}.agenda-event{gap:11px;padding:16px 12px}.agenda-event-time{min-width:54px}.agenda-event-open h2{font-size:14px}.agenda-event-open p{font-size:11px}.agenda-event-top small{font-size:10px}.agenda-event-top .badge{font-size:9px}.agenda-event>svg{display:none}.notes-board{grid-template-columns:1fr;gap:15px}.note-open{padding:21px}.note-open h2{font-size:16px}.notes-toolbar{gap:8px}.notes-toolbar select{max-width:120px}.notes-toolbar .tabs>button{padding:9px 12px;font-size:11px}}@media (width>=761px) and (width<=1100px){main[data-page=beras] .rice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.agenda-week-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.agenda-week-nav button{background:#f1f5ed;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.agenda-week-nav strong{font-size:13px}.agenda-week{margin-top:9px}.agenda-date-filter input{background:#fff;border:1px solid #e0e7da;border-radius:10px;width:100%;min-height:44px;padding:9px 12px;font-size:12px}.agenda-date-filter label{flex:1;max-width:220px}.notes-toolbar select{border:1px solid #e0e7da;border-radius:10px;min-height:44px;padding:9px 10px}
