@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;color:#1b2a3c;background:#f5f7fb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy:#132139;--teal:#118879;--text:#1d2b3d;--muted:#7c899b;--border:#e7ebf2}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90cfc7;outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,DM Sans,sans-serif}h1{letter-spacing:-.045em}h2{letter-spacing:-.025em}p{line-height:1.55}.sr-only{position:absolute;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;width:1px;height:1px}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;transition:background-color .15s,transform .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:#128e7d;color:#fff;box-shadow:0 4px 10px #188d7f20}.btn-primary:hover:not(:disabled){background:#0b7769}.btn-secondary{background:#fff;color:#364357;border-color:#e0e6ee}.btn-secondary:hover:not(:disabled){background:#f5f8fb}.btn-ghost{background:transparent;color:#425168}.btn-danger{background:#be4b53;color:#fff}.icon-button{border:0;background:transparent;border-radius:9px;color:#6e7f92;padding:7px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#eef2f7}.text-link{background:none;border:0;padding:0;color:#108579;font-weight:700;font-size:13px}.text-link:hover{text-decoration:underline}.eyebrow{font-size:10px;color:#119382;font-weight:800;letter-spacing:.14em;display:block;margin-bottom:8px}.brand-mark{border-radius:11px;background:#1cc4a8;display:flex;align-items:center;justify-content:center;color:#10263b;flex:none;box-shadow:0 7px 14px #0a967a2b}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,53%) 1fr;background:#fff}.auth-panel{padding:38px clamp(25px,5vw,84px);min-height:100vh;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:12px;color:#15263d;font-size:20px;letter-spacing:-.04em}.auth-main{width:100%;max-width:418px;margin:auto;padding:45px 0}.auth-symbol{display:flex;align-items:center;justify-content:center;color:#118879;background:#e9f7f3;height:56px;width:56px;border-radius:16px;margin-bottom:24px}.auth-main h1{font-size:36px;line-height:1.15;margin:0 0 14px}.auth-main>p{color:#798697;font-size:14px;line-height:1.8;margin-bottom:30px}.auth-form,.form-stack{display:flex;flex-direction:column;gap:19px}.auth-form label,.form-stack label,.modal-form label,.settings-form label{display:flex;flex-direction:column;gap:8px;color:#354258;font-size:12px;font-weight:800}.auth-form input,.form-stack input,.modal-form input,.modal-form select,.modal-form textarea,.settings-form input{width:100%;background:#fff;border:1px solid #dfe5ee;color:#25354a;border-radius:10px;padding:12px 13px;min-height:43px;font-size:14px;font-weight:500;outline:0}.auth-form input:focus,.form-stack input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.settings-form input:focus{border-color:#1c9b8a;box-shadow:0 0 0 3px #178d7d15}.auth-form .forgot-link{align-self:flex-end;margin-top:-7px}.auth-submit{width:100%;height:46px;margin-top:4px;justify-content:space-between}.auth-switch{text-align:center;margin-top:27px;color:#8691a1;font-size:13px}.auth-footer{font-size:11px;color:#98a3af;text-align:left}.auth-aside{background:radial-gradient(circle at 90% 7%,#275c66 0%,transparent 33%),radial-gradient(circle at 0% 90%,#116a65 0%,transparent 36%),linear-gradient(145deg,#11253d,#112c40 67%,#0e3545);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10%;position:relative;overflow:hidden}.auth-aside:after{content:"";position:absolute;bottom:-115px;right:-90px;width:400px;height:400px;border-radius:50%;border:1px solid #77aaa534;box-shadow:0 0 0 55px #58c0ac09,0 0 0 110px #58c0ac07,0 0 0 165px #58c0ac06}.side-pattern{position:absolute;top:0;right:0;width:70%;height:40%;opacity:.2;background-image:radial-gradient(#9dd7cd 1px,transparent 1px);background-size:17px 17px;-webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent)}.quote-mark{font-size:120px;font-family:Georgia,serif;color:#2cc6aa;line-height:.7;margin-bottom:22px}.auth-aside h2{font-size:clamp(30px,3.2vw,48px);max-width:630px;line-height:1.28;letter-spacing:-.05em;z-index:1;margin-bottom:20px}.auth-aside>p{color:#b3c9d1;font-size:15px;max-width:440px;line-height:1.9;z-index:1}.aside-features{z-index:1;margin-top:36px;display:grid;gap:17px;color:#d5e7e8;font-size:13px;font-weight:600}.aside-features>div{display:flex;align-items:center;gap:12px}.aside-features svg{color:#2ce2bb}.info-box{display:flex;align-items:start;gap:10px;background:#edf8f5;padding:16px;color:#275f56;border-radius:10px;font-size:13px;line-height:1.6}.info-box svg{flex-shrink:0}.workspace-wrap{min-height:100vh;background:radial-gradient(circle at 20% 0%,#dff6ef,transparent 40%),#f6f8fb;display:flex;justify-content:center;align-items:center;padding:20px}.workspace-card{width:min(530px,100%);padding:35px 42px 43px;background:#fff;border:1px solid #e5ebf1;border-radius:19px;box-shadow:0 24px 75px #192c4214}.workspace-top{display:flex;align-items:center;gap:10px;font-size:18px}.workspace-top .text-link{margin-left:auto}.workspace-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:18px;background:#e5f7f1;color:#138e7e;margin:45px 0 20px}.workspace-card h1{font-size:30px;margin:0 0 10px}.workspace-card>p{color:#778498;font-size:14px;line-height:1.75}.workspace-card .form-stack{margin-top:29px}.workspace-tip{display:flex;align-items:start;gap:10px;color:#718095;font-size:12px;line-height:1.7;margin-top:30px;background:#f6f9fb;border-radius:10px;padding:13px}.workspace-tip svg{flex:none;color:#158f7d}.app-layout{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;height:100vh;width:252px;flex:none;background:#132139;color:#bbc8d9;display:flex;flex-direction:column;padding:28px 14px 16px;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 12px 36px}.sidebar-brand strong{color:#fff;font-size:19px;display:block;letter-spacing:-.04em}.sidebar-brand small{font-size:11px;color:#8b9bae;display:block;margin-top:1px}.sidebar-close{display:none}.workspace-selector{margin:0 2px 35px;padding:13px 11px;display:flex;align-items:center;gap:10px;border:1px solid #334157;border-radius:10px;background:#1b2d46}.workspace-selector>svg:first-child{color:#6dcbbb;flex:none}.workspace-selector>svg:last-child{margin-left:auto;color:#768ca3;flex:none}.workspace-selector>div{min-width:0}.workspace-selector small{font-size:9px;color:#8396ad;display:block;letter-spacing:.08em;font-weight:800;margin-bottom:4px}.workspace-selector strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-title{margin:0 14px 13px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#647a96}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:13px;padding:12px 14px;color:#a2b2c7;text-align:left;font-weight:600;font-size:13px;transition:background-color .16s,color .16s}.nav-item svg{flex:none}.nav-item:hover{background:#1c304d;color:#fff}.nav-active{color:#fff;background:#21433f!important}.nav-active>svg{color:#35e1bc}.nav-active-dot{margin-left:auto;background:#2ce0ba;width:6px;height:6px;border-radius:50%}.sidebar-bottom{margin-top:auto}.secure-note{padding:16px 12px;margin-bottom:14px;border-bottom:1px solid #324056;display:flex;align-items:center;gap:9px;color:#7aa59f;font-size:11px}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:2px 7px}.avatar,.topbar-avatar{background:#466981;color:#fff;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.profile-text{min-width:0;flex:1}.profile-text strong{display:block;color:#e4ebf4;font-size:11px}.profile-text small{display:block;color:#8599b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;font-size:10px}.sidebar-profile button{background:none;border:0;color:#9fb0c3;padding:5px;display:flex}.sidebar-profile button:hover{color:#fff}.sidebar-scrim{display:none}.main-layout{flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid #e9edf2;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,47px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa5b3;font-size:12px}.breadcrumb strong{color:#435166;font-size:12px}.topbar-currency{border:1px solid #e5eaf1;border-radius:8px;padding:7px 12px;color:#576479;font-size:11px;font-weight:800;letter-spacing:.04em}.topbar-avatar{width:33px;height:33px;border-radius:50%;background:#d8ede9;color:#116e62}.mobile-menu{display:none}.content{max-width:1700px;margin:0 auto;padding:34px clamp(20px,3vw,47px) 68px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{font-size:28px;font-weight:800;margin-bottom:7px;line-height:1.25}.page-heading p{font-size:13px;color:#8290a1;margin-bottom:0}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notice{display:flex;align-items:center;gap:11px;border-radius:10px;padding:14px 16px;font-size:13px;margin-bottom:20px}.notice-success{background:#e7f8f0;color:#26735a;border:1px solid #bae8d2}.notice-error{background:#fff0f1;color:#a33b46;border:1px solid #f3c6cc}.notice>button:not(.btn){margin-left:auto;border:0;background:none;color:inherit;padding:2px;display:flex}.field-error{display:flex;align-items:center;gap:8px;background:#fff1f1;color:#a33d47;padding:12px;border-radius:8px;font-size:12px;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.metric-card,.panel{background:#fff;border:1px solid #e7ebf1;border-radius:13px;box-shadow:0 5px 18px #1a324705}.metric-card{padding:22px 23px;min-width:0}.metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.metric-top>span{color:#65748a;font-weight:700;font-size:12px}.metric-icon{width:39px;height:39px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}.metric-green{background:#e1f7ef;color:#13947f}.metric-orange{background:#fff2de;color:#c88722}.metric-blue{background:#e8edff;color:#4c69c7}.metric-card>strong{font-size:clamp(18px,1.8vw,29px);letter-spacing:-.05em;display:block;margin:13px 0 5px;overflow-wrap:anywhere}.metric-card>small{font-size:11px;color:#97a0ad;line-height:1.4}.deficit-warning{background:#fff1e8;color:#a35c2c;padding:13px 16px;border:1px solid #f2d6bd;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;margin:-9px 0 23px}.chart-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:24px}.panel{min-width:0;margin-bottom:24px}.chart-grid>.panel{margin-bottom:0}.panel-header{min-height:84px;display:flex;justify-content:space-between;align-items:center;padding:23px 24px 14px;gap:15px}.panel-header h2{font-size:15px;margin-bottom:5px;color:#213047;font-weight:800}.panel-header p{font-size:11px;color:#95a0af;margin-bottom:0}.panel-icon{display:flex;color:#8596a9;border:1px solid #eef0f5;padding:8px;border-radius:9px}.chart-area{width:100%;height:310px;min-width:0}.bar-area{padding:9px 18px 13px 10px;height:323px}.category-chart-wrap{display:grid;grid-template-columns:minmax(180px,45%) 1fr;align-items:center;padding:0 21px 17px 5px;gap:8px;min-height:310px}.pie-area{height:278px}.category-legend{display:grid;gap:13px}.legend-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.legend-row>strong{font-size:11px;color:#37445a;white-space:nowrap}.legend-key{display:flex;align-items:center;gap:8px;min-width:0;color:#7b8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-key i{width:8px;height:8px;flex:none;border-radius:2px}.tip-banner{display:flex;align-items:start;gap:15px;background:#eaf5f3;border:1px solid #d9eee9;padding:20px;border-radius:12px;margin-top:4px}.tip-banner>span{color:#138979;background:#d5ede6;padding:9px;border-radius:9px;display:flex}.tip-banner strong{color:#2c5c57;font-size:12px}.tip-banner p{color:#69918b;font-size:11px;margin:4px 0 0}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table thead{background:#fafbfd}.data-table th{text-align:left;padding:14px 20px;font-size:10px;color:#8d9bae;text-transform:uppercase;letter-spacing:.08em;font-weight:800;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.data-table td{padding:17px 20px;border-bottom:1px solid #f0f2f5;font-size:12px;color:#526277}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.data-table .date-cell{white-space:nowrap;color:#8995a5}.transaction-detail{display:flex;align-items:center;gap:12px;min-width:170px}.transaction-dot{display:flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px}.dot-in{color:#14937f;background:#e8f7f2}.dot-out{color:#cf8925;background:#fff4e3}.transaction-detail strong,.person-cell strong{display:block;color:#28374b;font-size:12px;line-height:1.45;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-detail small,.person-cell small{display:block;color:#9ba5b3;font-size:10px;margin-top:3px}.type-label{font-size:11px;font-weight:700;white-space:nowrap}.type-in{color:#148f7c}.type-out{color:#c4832c}.data-table .amount-cell{font-size:12px;font-weight:800;white-space:nowrap;color:#39475b}.data-table .amount-cell.text-green{color:#11927e}.status-pill{display:inline-flex;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.status-active{background:#e8f8ee;color:#288c63}.status-muted{background:#eef1f5;color:#7c8a9b}.row-actions{display:flex;align-items:center;gap:6px}.row-actions button{border:0;background:transparent;color:#8795a6;padding:6px;border-radius:7px;display:inline-flex}.row-actions button:hover{background:#eef2f8;color:#2b4159}.row-voided td{opacity:.52}.row-voided .status-pill{opacity:1}.table-panel{padding-bottom:5px}.filter-bar{display:flex;align-items:center;gap:11px;padding:0 22px 21px;flex-wrap:wrap}.search-input{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;flex:1;min-width:200px;border:1px solid #e4eaf1;border-radius:9px;color:#98a5b4}.search-input input{border:0;outline:0;width:100%;font-size:12px;color:#29394c;min-width:0}.search-input input::placeholder{color:#aab4c0}.select-filter{display:flex}.select-filter input,.select-filter select{height:40px;border:1px solid #e4eaf1;border-radius:9px;padding:0 9px;background:#fff;font-size:11px;color:#506078}.inline-action{border:0;background:none;color:#168e7e;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.inline-action:hover{text-decoration:underline}.empty-state{text-align:center;padding:55px 25px;color:#9aa6b5}.empty-icon{width:56px;height:56px;border-radius:15px;background:#eef5f7;color:#608a96;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.empty-state h3{color:#32435b;font-size:14px;margin-bottom:8px}.empty-state p{max-width:345px;font-size:12px;margin:0 auto 16px}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stats-strip>div{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:7px}.stats-strip span{color:#8794a4;font-size:12px}.stats-strip strong{color:#293a4e;font-size:26px}.person-cell{display:flex;gap:11px;align-items:center}.person-avatar{width:33px;height:33px;border-radius:10px;background:#e8eef8;color:#4c69a1;display:flex;align-items:center;justify-content:center;flex:none;font-weight:800;font-size:12px}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 23px 24px}.export-card{border:1px solid #e9edf2;border-radius:11px;padding:20px;display:flex;align-items:center;gap:14px;min-width:0}.export-icon{background:#e8f6f2;color:#148879;padding:10px;border-radius:11px;display:flex;flex:none}.export-card>div:nth-child(2){flex:1;min-width:0}.export-card h3{font-size:12px;margin:0 0 5px}.export-card p{font-size:11px;color:#91a0b0;margin:0}.footnote{font-size:11px;color:#8493a6}.activity-list{padding:0 25px 20px}.activity-item{display:flex;align-items:center;gap:15px;border-top:1px solid #edf1f5;padding:19px 0}.activity-symbol{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf5f4;color:#168777;flex:none}.activity-item>div:nth-child(2){flex:1;min-width:0}.activity-item strong{display:block;font-size:12px;color:#334155;text-transform:capitalize}.activity-item p{color:#8a97a7;font-size:11px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item time{font-size:10px;color:#9ba6b4;text-align:right}.settings-stack{max-width:760px}.settings-form{padding:7px 25px 26px;display:flex;flex-direction:column;gap:19px}.settings-form label{max-width:560px}.settings-form input:disabled,.form-stack input:disabled{background:#f5f7fa;color:#8895a5}.settings-form>small{color:#93a0af;font-size:11px;margin-top:-12px}.setting-line{display:flex;align-items:center;justify-content:space-between;margin:0 25px;padding:16px 0;border-top:1px solid #eef1f5;font-size:12px;color:#8391a2;gap:15px}.setting-line strong{font-size:12px;color:#3c4b60}.settings-stack>.panel>.btn{margin:15px 25px 25px}.sync-indicator{position:fixed;bottom:20px;right:20px;border:1px solid #c8e7df;background:#f0faf7;box-shadow:0 8px 27px #183e311c;color:#247f6b;font-size:11px;padding:10px 13px;border-radius:9px;display:flex;align-items:center;gap:8px;z-index:60}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11213d88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;border-radius:16px;box-shadow:0 24px 70px #101c2d44;width:min(600px,100%);max-height:min(95vh,900px);overflow-y:auto}.modal-header{padding:25px 27px 21px;display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #eef1f5}.modal-header h2{font-size:19px;margin:0 0 7px}.modal-header p{font-size:12px;color:#8f9bab;margin:0}.modal-form{padding:24px 27px 25px;display:flex;flex-direction:column;gap:18px}.modal-form label small{color:#9aa5b2;font-size:10px;font-weight:500;line-height:1.5}.modal-form textarea{resize:vertical}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px;border-top:1px solid #eff2f5;margin-top:5px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f8fb}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:14px;color:#168b7a}.loading-inner p{font-size:13px;color:#8593a4}.loading-inner .spin{margin-top:20px}@media(max-width:1250px){.chart-grid{grid-template-columns:1fr}.category-chart-wrap{grid-template-columns:minmax(160px,40%) 1fr}.export-grid{grid-template-columns:1fr}}@media(max-width:930px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-101%);transition:transform .2s ease;box-shadow:12px 0 35px #15243b12}.sidebar-open{transform:translate(0)}.sidebar-close{display:flex;margin-left:auto;background:transparent;border:0;color:#abbacb}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#15243b65;border:0;z-index:39}.mobile-menu{display:inline-flex}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel{min-height:100vh}.topbar{height:68px}.content{padding-top:27px}}@media(max-width:690px){.page-heading{align-items:start;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:25px}.heading-actions{width:100%;gap:8px}.heading-actions .btn{flex:1;min-width:0}.metrics-grid{grid-template-columns:1fr;gap:11px;margin-bottom:15px}.metric-card{padding:17px 18px}.metric-card>strong{font-size:26px;margin:9px 0 4px}.metric-icon{width:34px;height:34px}.chart-grid{gap:14px;margin-bottom:15px}.panel{margin-bottom:16px}.category-chart-wrap{grid-template-columns:1fr;padding:0 20px 25px}.pie-area{height:230px}.category-legend{gap:12px}.topbar{padding:0 17px}.content{padding-left:15px;padding-right:15px}.panel-header{padding:20px 17px 14px;min-height:75px}.bar-area{padding:5px 6px 12px 0;height:285px}.stats-strip{grid-template-columns:1fr;gap:10px}.stats-strip>div{padding:14px 18px}.filter-bar{padding:0 15px 16px}.modal-header{padding:21px 19px 17px}.modal-form{padding:19px}.form-grid.two{grid-template-columns:1fr}.activity-list{padding:0 16px 16px}.activity-item time{max-width:90px}.export-grid{padding:0 15px 17px}.export-card{flex-wrap:wrap}.export-card .btn{margin-left:auto}.settings-form{padding:7px 17px 20px}.setting-line{margin:0 17px;flex-direction:column;align-items:start;gap:5px}.workspace-card{padding:25px}.auth-panel{padding:27px 25px}.auth-main{padding:50px 0}.auth-main h1{font-size:30px}}:root{--accent:#128e7d;--accent-hover:#0b7568;--accent-soft:#e7f6f2;--accent-contrast:#fff;--app-bg:#f5f7fb;--surface:#fff;--surface-alt:#f9fafc;--text-main:#202e42;--text-secondary:#708096;--line:#e6ebf2;--control-bg:#fff;--shadow:0 6px 26px rgba(22,39,66,.045);--sidebar-bg:#12243a;--sidebar-selected:#1c4945;--field-focus:rgba(18,142,125,.14)}:root[data-accent=blue]{--accent:#3568d4;--accent-hover:#2851a9;--accent-soft:#eaf0ff;--sidebar-selected:#233d70;--field-focus:rgba(53,104,212,.15)}:root[data-accent=violet]{--accent:#8057c7;--accent-hover:#6742ab;--accent-soft:#f1ebfa;--sidebar-selected:#40345f;--field-focus:rgba(128,87,199,.15)}:root[data-accent=coral]{--accent:#bc6650;--accent-hover:#a14d39;--accent-soft:#fff1eb;--sidebar-selected:#533c43;--field-focus:rgba(188,102,80,.15)}:root[data-theme=dark]{color-scheme:dark;--app-bg:#101827;--surface:#192537;--surface-alt:#1e2b3e;--text-main:#ecf2fa;--text-secondary:#9eafc6;--line:#334358;--control-bg:#1e2c40;--shadow:0 9px 35px rgba(0,0,0,.14);--sidebar-bg:#0d1625;--sidebar-selected:#234d4d;--field-focus:rgba(61,193,171,.18);--accent-soft:#173e39}:root[data-theme=dark][data-accent=blue]{--accent-soft:#20345c;--sidebar-selected:#244376}:root[data-theme=dark][data-accent=violet]{--accent-soft:#382b53;--sidebar-selected:#433363}:root[data-theme=dark][data-accent=coral]{--accent-soft:#4a302f;--sidebar-selected:#52353c}:root,html,body,#root{min-height:100%}body{background:var(--app-bg);color:var(--text-main);transition:background-color .18s ease,color .18s ease}:root{font-family:DM Sans,Microsoft YaHei,PingFang SC,system-ui,sans-serif}h1,h2,h3,strong{font-family:Manrope,DM Sans,Microsoft YaHei,PingFang SC,system-ui,sans-serif}.btn{border-radius:11px;min-height:42px;letter-spacing:.005em}.btn-primary{background:var(--accent);box-shadow:0 5px 15px var(--field-focus)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-main);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt)}.btn-ghost{color:var(--text-secondary)}.text-link,.eyebrow,.inline-action{color:var(--accent)}.brand-mark{background:var(--accent);color:#fff;box-shadow:0 8px 22px var(--field-focus);border-radius:12px}.auth-symbol,.workspace-icon,.export-icon,.tip-banner>span{background:var(--accent-soft);color:var(--accent)}.nav-active{background:var(--sidebar-selected)!important}.nav-active>svg,.workspace-selector>svg:first-child,.workspace-tip svg{color:var(--accent)}.nav-active-dot{background:var(--accent)}.auth-form input:focus,.form-stack input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.settings-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--field-focus)}.metric-green{background:var(--accent-soft);color:var(--accent)}.data-table .amount-cell.text-green,.type-in,.inline-action{color:var(--accent)}.tip-banner{background:var(--accent-soft);border-color:var(--line)}.tip-banner strong{color:var(--accent)}.tip-banner p{color:var(--text-secondary)}.metric-card,.panel,.stats-strip>div{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:16px}.metric-card{padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);border-color:var(--accent)}.panel{overflow:visible}.page-heading{margin-bottom:28px}.page-heading h1{font-size:clamp(25px,2.2vw,32px);letter-spacing:-.035em}.content{padding-top:37px}.appearance-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}.appearance-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-secondary);transition:color .15s,border-color .15s,background .15s}.appearance-icon:hover,.appearance-icon.is-open{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.language-toggle{width:51px;font-size:10px;font-weight:800;letter-spacing:-.02em}.accent-dot{position:absolute;right:5px;bottom:4px;width:9px;height:9px;background:var(--accent);border:2px solid var(--surface);border-radius:50%}.palette-anchor{position:relative}.accent-popover{position:absolute;right:0;top:calc(100% + 10px);width:188px;z-index:85;border:1px solid var(--line);background:var(--surface);color:var(--text-main);border-radius:13px;box-shadow:0 18px 48px #0000002b;padding:8px}.accent-popover-title{padding:8px 10px 10px;color:var(--text-secondary);font-size:11px;font-weight:800}.accent-option{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border-radius:8px;border:0;background:transparent;text-align:left;color:var(--text-main);font-size:12px}.accent-option:hover,.accent-option.selected{background:var(--surface-alt)}.accent-option>i{width:16px;height:16px;flex:none;border-radius:6px}.accent-option>span{flex:1}.accent-option svg{color:var(--accent)}.auth-brand .appearance-controls{margin-left:auto}.auth-brand{gap:10px}.workspace-top .appearance-controls{margin-left:auto}.workspace-top .text-link{margin-left:7px}.appearance-compact .appearance-icon{width:32px;height:32px}.appearance-compact .language-toggle{width:46px}.settings-appearance{margin-bottom:24px}.appearance-settings-body{display:flex;flex-direction:column;gap:26px;padding:12px 25px 29px}.appearance-field>span{display:block;font-weight:800;font-size:12px;margin-bottom:11px;color:var(--text-main)}.appearance-segment{display:inline-flex;border:1px solid var(--line);background:var(--surface-alt);border-radius:11px;padding:4px;gap:4px}.appearance-segment button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:94px;border:0;background:transparent;padding:9px 13px;border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:700}.appearance-segment button.selected{color:var(--accent);background:var(--surface);box-shadow:0 2px 9px #00000012}.theme-swatches{display:flex;gap:17px;flex-wrap:wrap}.theme-swatch{border:0;background:transparent;color:var(--text-secondary);display:flex;align-items:center;flex-direction:column;gap:8px;padding:3px;font-size:11px;font-weight:700}.theme-swatch i{display:flex;align-items:center;justify-content:center;color:#fff;width:42px;height:42px;border-radius:13px;box-shadow:0 4px 13px #00000014}.theme-swatch.selected{color:var(--text-main)}.theme-swatch.selected i{outline:2px solid var(--accent);outline-offset:3px}.accent-ink{color:var(--accent)}[data-theme=dark] .app-layout,[data-theme=dark] .main-layout,[data-theme=dark] .loading-screen{background:var(--app-bg)}[data-theme=dark] .sidebar{background:var(--sidebar-bg)}[data-theme=dark] .workspace-selector{background:#17263b;border-color:#35445c}[data-theme=dark] .topbar{background:var(--surface);border-color:var(--line)}[data-theme=dark] .topbar-currency,[data-theme=dark] .panel-icon{border-color:var(--line);color:var(--text-secondary)}[data-theme=dark] .breadcrumb strong,[data-theme=dark] .page-heading h1,[data-theme=dark] .metric-card>strong,[data-theme=dark] .panel-header h2,[data-theme=dark] .stats-strip strong,[data-theme=dark] .setting-line strong,[data-theme=dark] .export-card h3,[data-theme=dark] .empty-state h3,[data-theme=dark] .transaction-detail strong,[data-theme=dark] .person-cell strong,[data-theme=dark] .legend-row>strong,[data-theme=dark] .data-table .amount-cell,[data-theme=dark] .modal-header h2,[data-theme=dark] .workspace-card h1{color:var(--text-main)}[data-theme=dark] .page-heading p,[data-theme=dark] .metric-top>span,[data-theme=dark] .metric-card>small,[data-theme=dark] .panel-header p,[data-theme=dark] .legend-key,[data-theme=dark] .data-table th,[data-theme=dark] .data-table td,[data-theme=dark] .setting-line,[data-theme=dark] .modal-header p,[data-theme=dark] .empty-state,[data-theme=dark] .activity-item p,[data-theme=dark] .activity-item time,[data-theme=dark] .footnote,[data-theme=dark] .stats-strip span{color:var(--text-secondary)}[data-theme=dark] .data-table thead,[data-theme=dark] .data-table tbody tr:hover{background:var(--surface-alt)}[data-theme=dark] .data-table th,[data-theme=dark] .data-table td,[data-theme=dark] .activity-item,[data-theme=dark] .modal-header,[data-theme=dark] .form-actions,[data-theme=dark] .setting-line{border-color:var(--line)}[data-theme=dark] .data-table .date-cell{color:#9eacc0}[data-theme=dark] .search-input,[data-theme=dark] .select-filter input,[data-theme=dark] .select-filter select,[data-theme=dark] .auth-form input,[data-theme=dark] .form-stack input,[data-theme=dark] .modal-form input,[data-theme=dark] .modal-form select,[data-theme=dark] .modal-form textarea,[data-theme=dark] .settings-form input{background:var(--control-bg);border-color:var(--line);color:var(--text-main)}[data-theme=dark] .search-input input{background:transparent;color:var(--text-main)}[data-theme=dark] .auth-form label,[data-theme=dark] .form-stack label,[data-theme=dark] .modal-form label,[data-theme=dark] .settings-form label{color:#c2d0e1}[data-theme=dark] .auth-shell,[data-theme=dark] .auth-panel{background:var(--surface)}[data-theme=dark] .auth-brand,[data-theme=dark] .auth-main h1,[data-theme=dark] .auth-aside h2{color:var(--text-main)}[data-theme=dark] .auth-main>p,[data-theme=dark] .auth-switch,[data-theme=dark] .auth-footer{color:var(--text-secondary)}[data-theme=dark] .auth-aside{background:linear-gradient(145deg,#12223b,#193448 70%,#112a37)}[data-theme=dark] .auth-aside h2{color:#fff}[data-theme=dark] .workspace-wrap{background:var(--app-bg)}[data-theme=dark] .workspace-card,[data-theme=dark] .modal{background:var(--surface);border:1px solid var(--line);color:var(--text-main)}[data-theme=dark] .workspace-card>p,[data-theme=dark] .workspace-tip,[data-theme=dark] .info-box{color:var(--text-secondary)}[data-theme=dark] .workspace-tip,[data-theme=dark] .info-box{background:var(--surface-alt)}[data-theme=dark] .settings-form input:disabled,[data-theme=dark] .form-stack input:disabled{background:var(--surface-alt);color:var(--text-secondary)}[data-theme=dark] .export-card{border-color:var(--line)}[data-theme=dark] .empty-icon,[data-theme=dark] .activity-symbol,[data-theme=dark] .person-avatar{background:var(--surface-alt);color:#abc1d8}[data-theme=dark] .row-actions button:hover,[data-theme=dark] .icon-button:hover{background:var(--surface-alt);color:var(--text-main)}[data-theme=dark] .tip-banner{background:var(--surface-alt)}[data-theme=dark] .tip-banner>span{background:var(--accent-soft)}[data-theme=dark] .sync-indicator{background:#20394a;border-color:#335767;color:#b2d9d3}[data-theme=dark] .notice-success{background:#1b403a;border-color:#2c6255;color:#a9ead7}[data-theme=dark] .notice-error,[data-theme=dark] .field-error{background:#4b2c36;border-color:#784350;color:#ffd4d9}[data-theme=dark] .deficit-warning{background:#49352e;border-color:#73513e;color:#f5c7ad}[data-theme=dark] .metric-orange{background:#4d392d;color:#f6bb70}[data-theme=dark] .metric-blue{background:#273c5b;color:#95b8f6}[data-theme=dark] .dot-in{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .dot-out{background:#4d382d;color:#efb36b}[data-theme=dark] .status-active{background:#244a3a;color:#a7ecc9}[data-theme=dark] .status-muted{background:#334156;color:#c2cfdf}[data-theme=dark] .topbar-avatar{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .btn-secondary{background:var(--control-bg);color:var(--text-main)}@media(max-width:690px){.topbar-left,.topbar-right{gap:9px}.appearance-controls{gap:3px}.appearance-icon{width:32px;height:32px}.language-toggle{width:42px}.topbar-currency,.topbar-avatar{display:none}.content{padding-top:25px}.page-heading{gap:15px}.appearance-settings-body{padding:10px 17px 23px}.theme-swatches{gap:12px}.auth-brand .appearance-controls{gap:2px}}@media(max-width:390px){.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}.auth-brand{font-size:18px}.auth-panel{padding:20px 16px}.auth-brand .appearance-icon{width:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{background:var(--app-bg);color:var(--text-main)}[data-theme=dark] .modal-backdrop{background:#040912ba}[data-theme=dark] .topbar-currency{background:var(--surface-alt)}[data-theme=dark] .auth-symbol{color:var(--accent)}[data-theme=dark] .category-legend{color:var(--text-secondary)}[data-theme=dark] .activity-symbol{color:var(--accent)}[data-theme=dark] .recharts-legend-item-text{color:#c2cee0!important}[data-theme=dark] .recharts-tooltip-label,[data-theme=dark] .recharts-tooltip-item{color:#e7effa!important}.mobile-page-title,.mobile-bottom-nav,.mobile-transaction-list{display:none}.app-layout,.main-layout,.content,.panel,.chart-grid,.chart-grid>*,.metrics-grid>*{min-width:0}@media(max-width:930px){html,body,#root{max-width:100%;overflow-x:clip}.app-layout{width:100%;overflow-x:clip}.main-layout{width:100%;min-width:0}.sidebar{z-index:102;position:fixed;top:0;bottom:0;left:0;width:min(304px,calc(100vw - 48px));height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:calc(22px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:10px 0 40px #030c1833;transform:translate(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s}.sidebar.sidebar-open{transform:translate(0);visibility:visible}.sidebar-brand{margin:0 9px 24px;flex-shrink:0}.sidebar-brand>div:nth-child(2){min-width:0}.sidebar-brand strong{font-size:17px;white-space:nowrap}.sidebar-close{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;margin-left:auto;border-radius:10px}.sidebar-close:hover{background:#ffffff1a}.workspace-selector{margin-bottom:24px;flex-shrink:0}.sidebar-section-title{flex-shrink:0}.sidebar nav{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.nav-item{min-height:46px;font-size:13px}.sidebar-bottom{padding-top:10px;flex-shrink:0}.secure-note{margin-bottom:10px;padding:10px 12px}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:#060e1db8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;height:100%;cursor:pointer}.topbar{position:sticky;top:0;z-index:35;min-width:0;height:60px;padding:0 17px}.topbar-left{gap:10px;min-width:0;flex:1}.topbar-right{gap:5px;flex-shrink:0}.topbar .breadcrumb{display:none}.topbar .mobile-menu{display:inline-flex;justify-content:center;align-items:center;min-width:38px;min-height:38px}.mobile-page-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope,DM Sans,sans-serif;color:var(--text-main);font-size:14px;font-weight:800}.content{width:100%;max-width:100%;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.page-heading{min-width:0}.page-heading>div:first-child{min-width:0}.page-heading p{line-height:1.55}.chart-grid{grid-template-columns:minmax(0,1fr)}.chart-grid>section{min-width:0}.chart-area,.bar-area,.pie-area{min-width:0;max-width:100%}}@media(max-width:690px){.content{padding:21px 14px calc(104px + env(safe-area-inset-bottom,0px))}.page-heading{margin-bottom:19px;gap:14px}.page-heading h1{font-size:clamp(24px,6.8vw,29px);line-height:1.2}.page-heading p{font-size:12px}.heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.heading-actions>.btn{width:100%;min-height:45px;padding:10px 12px;font-size:12px;white-space:normal}.heading-actions>.btn:only-child{grid-column:1/-1}.overview-export-action{display:none}.metrics-grid{gap:10px;margin-bottom:14px}.metric-card{padding:18px 19px;border-radius:15px}.metric-card>strong{font-size:clamp(23px,6.7vw,29px);overflow-wrap:anywhere}.metric-card:hover{transform:none}.panel{border-radius:15px}.panel-header{padding:18px 16px 13px;gap:10px}.panel-header h2{font-size:14px;line-height:1.4}.panel-header .btn{min-height:39px;padding:8px 10px}.chart-grid{gap:12px}.bar-area{height:254px;padding:8px 5px 11px 0}.category-chart-wrap{padding:0 14px 18px}.pie-area{height:215px}.category-legend{min-width:0}.mobile-transaction-list{display:grid;gap:9px;padding:0 13px 14px}.desktop-transaction-table{display:none}.mobile-transaction-card{border:1px solid var(--line);background:var(--surface-alt);border-radius:12px;padding:13px 12px;min-width:0}.mobile-transaction-top{display:flex;align-items:flex-start;gap:10px;min-width:0}.mobile-transaction-top .transaction-dot{flex-shrink:0;width:34px;height:34px}.mobile-transaction-name{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;overflow-wrap:anywhere}.mobile-transaction-name strong{font-size:12px;color:var(--text-main);line-height:1.45}.mobile-transaction-name small{font-size:11px;color:var(--text-secondary);line-height:1.4}.mobile-transaction-amount{font-size:12px;line-height:1.45;white-space:nowrap;max-width:42%;overflow-wrap:anywhere;color:var(--text-main);text-align:right}.mobile-transaction-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0 44px}.mobile-transaction-date{font-size:11px;color:var(--text-secondary);margin-right:auto}.mobile-row-actions{margin-left:auto;display:flex;gap:4px}.mobile-row-actions button{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center}.mobile-transaction-voided{opacity:.7}.filter-bar{gap:10px}.search-input{width:100%;min-width:0;flex-basis:100%}.filter-bar .select-filter{flex:1;min-width:0}.filter-bar select{max-width:100%}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:85;padding:7px 5px calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 22px #050f2214}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;min-width:0;padding:7px 2px;border:0;border-radius:10px;color:var(--text-secondary);background:transparent;font-size:10px;font-weight:700;line-height:1.1}.mobile-bottom-nav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav button.selected{background:var(--accent-soft);color:var(--accent)}.mobile-bottom-nav button:active{background:var(--surface-alt)}.modal-backdrop{padding:8px;align-items:flex-end;z-index:120}.modal{width:100%;max-width:100%;max-height:calc(100dvh - 12px - env(safe-area-inset-top,0px));border-radius:17px 17px 10px 10px;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}.modal-header{padding:18px 18px 13px}.modal-form{padding:17px;gap:15px}.modal-form input,.modal-form select,.modal-form textarea{font-size:16px}.form-actions{gap:9px}.form-actions .btn{flex:1;white-space:normal}.activity-item{min-width:0}.activity-item time{font-size:10px;text-align:right;overflow-wrap:anywhere;white-space:normal}.setting-line strong{overflow-wrap:anywhere;max-width:100%}.auth-main{width:100%}.auth-brand{flex-wrap:wrap}}@media(max-width:370px){.topbar{padding:0 10px}.topbar-left{gap:5px}.mobile-page-title{font-size:12px}.appearance-controls{gap:2px}.appearance-icon{width:29px;height:31px}.language-toggle{width:36px}.mobile-bottom-nav button{font-size:9px}.mobile-transaction-top{flex-wrap:wrap}.mobile-transaction-amount{margin-left:44px;max-width:none}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important}}