:root{--notion-bg:#fff;--notion-sidebar:#f7f7f5;--notion-text:#37352f;--notion-text-muted:#787774;--notion-text-faint:#9b9a97;--notion-divider:#37352f17;--notion-hover:#f1f1ef;--notion-border:#e9e9e7;--notion-blue:#2383e2;--notion-ink:#111;--notion-green-bg:#ebf1ed;--notion-green:#448361;--notion-red-bg:#fdebec;--notion-red:#d44c47}body{background:var(--notion-bg);color:var(--notion-text);font-family:ui-sans-serif,-apple-system,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-inner{text-align:center;width:100%;max-width:360px}.brand-logo{object-fit:contain;width:96px;height:96px;margin:0 auto .75rem;display:block}.brand-title{letter-spacing:-.02em;margin:.25rem 0 0;font-size:1.6rem;font-weight:700}.brand-subtitle{color:var(--notion-text-muted);margin-bottom:1.75rem;font-size:.9375rem}.auth-inner .form-label{text-align:left;color:var(--notion-text-muted);margin-bottom:.35rem;font-size:.8125rem;font-weight:500;display:block}.auth-inner .form-control,.auth-inner .form-select{border:1px solid var(--notion-border);color:var(--notion-text);box-shadow:none;border-radius:6px;padding:.55rem .75rem}.auth-inner .form-control::placeholder{color:var(--notion-text-faint)}.auth-inner .form-control:focus{border-color:var(--notion-blue);box-shadow:0 0 0 1px var(--notion-blue)}.auth-inner .input-group .btn-outline-secondary{border:1px solid var(--notion-border);color:var(--notion-text-muted);border-radius:6px}.auth-inner .input-group .btn-outline-secondary:hover{background:var(--notion-hover);color:var(--notion-text)}.btn.btn-notion-primary{background:var(--notion-ink);border:1px solid var(--notion-ink);color:#fff;border-radius:5px;padding:.3rem .65rem;font-size:.78125rem;font-weight:500;line-height:1.35}.btn.btn-notion-primary:hover,.btn.btn-notion-primary:focus,.btn.btn-notion-primary:active{color:#fff;background:#000;border-color:#000}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--notion-sidebar);border-right:1px solid var(--notion-divider);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:1rem .5rem;transition:margin-left .2s;display:flex;position:sticky;top:0}.app-shell.sidebar-collapsed .app-sidebar{margin-left:-240px}.sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.sidebar-workspace{cursor:default;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:0;padding:.35rem .5rem;font-size:.9375rem;font-weight:600;display:flex}.sidebar-logo{object-fit:contain;flex-shrink:0;width:30px;height:30px}.sidebar-workspace:hover{background:var(--notion-hover)}.sidebar-close{color:var(--notion-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .55rem;font-size:.875rem;line-height:1;display:none}.sidebar-close:hover{background:var(--notion-hover);color:var(--notion-text)}.sidebar-backdrop{display:none}.sidebar-section{color:var(--notion-text-faint);text-transform:uppercase;letter-spacing:.03em;margin-top:.75rem;padding:.35rem .5rem;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--notion-text);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.875rem;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--notion-hover)}.sidebar-footer{border-top:1px solid var(--notion-divider);color:var(--notion-text-muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;font-size:.8125rem;display:flex}.btn-notion-ghost{color:var(--notion-text-muted);background:0 0;border:none;border-radius:5px;padding:.25rem .5rem;font-size:.75rem;line-height:1.35}.btn-notion-ghost:hover{background:var(--notion-hover);color:var(--notion-text)}.app-main{flex:1;min-width:0;padding:1.25rem 1.5rem}.app-topbar{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.topbar-right{align-items:center;gap:.75rem;display:flex}.btn-logout-topbar{color:#fff!important;cursor:pointer!important;background:#000!important;border:1px solid #000!important;border-radius:5px!important;align-items:center!important;gap:.3rem!important;padding:.28rem .6rem!important;font-size:.75rem!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!important}.btn-logout-topbar:hover{color:#fff!important;background:#222!important;border-color:#222!important}.sidebar-toggle{color:var(--notion-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;display:inline-flex}.sidebar-toggle:hover{background:var(--notion-hover);color:var(--notion-text)}.page-title{letter-spacing:-.02em;margin-bottom:.15rem;font-size:1.25rem;font-weight:700}.page-subtitle{color:var(--notion-text-muted);margin-bottom:.85rem;font-size:.8125rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;padding:.25rem 0;display:grid}.stat-block{border-radius:6px;min-width:0;padding:.5rem .75rem}.stat-label{color:inherit;opacity:.8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.1rem;font-size:.7rem;font-weight:600}.stat-value{letter-spacing:-.01em;font-size:1.1rem;font-weight:700;line-height:1.2}.stat-bg-green{color:#065f46;background:#d1fae5}.stat-bg-red{color:#991b1b;background:#fee2e2}.stat-bg-blue{color:#1e40af;background:#dbeafe}.stat-bg-purple{color:#5b21b6;background:#ede9fe}.stat-bg-cyan{color:#0e7490;background:#cffafe}.wallet-card{text-align:left;cursor:pointer;border:none;transition:transform .1s,box-shadow .1s}.wallet-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0f0f0f24}[data-subneed-box]{transition:border-color .15s,box-shadow .15s}[data-subneed-box].is-invalid{border-color:var(--notion-red);box-shadow:0 0 0 1px var(--notion-red)}[data-subneed-warn]{background:#d44c4714;border-radius:6px;padding:6px 8px}[data-transaction-filter]{background:#fff;border-radius:6px;flex-wrap:wrap;align-items:flex-end;display:flex;gap:.4rem!important;margin-bottom:.75rem!important;padding:.45rem .65rem!important}[data-transaction-filter] .form-label{text-transform:uppercase;letter-spacing:.02em;color:var(--notion-text-muted)!important;margin-bottom:.15rem!important;font-size:.7rem!important;font-weight:600!important}[data-transaction-filter] .form-control{border-radius:5px!important;height:auto!important;padding:.25rem .45rem!important;font-size:.78125rem!important;line-height:1.3!important}[data-transaction-filter] .btn.btn-notion-primary{border-radius:5px!important;height:auto!important;padding:.28rem .65rem!important;font-size:.78125rem!important;line-height:1.3!important}[data-transaction-filter] .btn.btn-notion-ghost{padding:.28rem .45rem!important;font-size:.75rem!important;line-height:1.3!important}.btn.btn-notion{background:var(--notion-ink);border:1px solid var(--notion-ink);color:#fff;border-radius:5px;padding:.3rem .65rem;font-size:.78125rem;font-weight:500;line-height:1.35}.btn.btn-notion:hover,.btn.btn-notion:active,.btn.btn-notion:focus{color:#fff;background:#000;border-color:#000}.btn-notion-compact{background:var(--notion-ink)!important;border:1px solid var(--notion-ink)!important;color:#fff!important;white-space:nowrap!important;border-radius:5px!important;padding:.25rem .5rem!important;font-size:.75rem!important;font-weight:500!important;line-height:1.3!important;text-decoration:none!important;transition:all .15s!important}.btn-sm,.modal-footer .btn{border-radius:5px!important;padding:.25rem .55rem!important;font-size:.75rem!important;line-height:1.35!important}.btn-notion-compact:hover{color:#fff!important;background:#000!important;border-color:#000!important}.table-responsive{border-radius:6px;max-height:460px;position:relative;overflow:auto}.notion-table{border-collapse:separate;border-spacing:0;width:100%}.notion-table thead th{z-index:10;color:#fff;background:var(--notion-ink);text-align:left;border-bottom:1px solid var(--notion-ink);white-space:nowrap;padding:.4rem .6rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.notion-table thead th:first-child{border-top-left-radius:6px}.notion-table thead th:last-child{border-top-right-radius:6px}.notion-table tbody td{border-bottom:1px solid var(--notion-divider);vertical-align:middle;padding:.4rem .6rem;font-size:.8125rem}.notion-table tbody tr:last-child td{border-bottom:none}.notion-table tbody tr{transition:background .1s}.notion-table tbody tr:hover{background:var(--notion-hover)}.notion-table .col-amount{text-align:right;white-space:nowrap}.notion-table .accordion-subrow td{border-bottom:1px solid var(--notion-divider);background:var(--notion-sidebar);padding:0}.notion-table .accordion-subrow .accordion-item,.notion-table .accordion-subrow .accordion-button{box-shadow:none;background:0 0}.notion-table .accordion-subrow .accordion-button{color:var(--notion-text-muted);padding:.55rem .75rem;font-size:.8125rem;font-weight:600}.notion-table .accordion-subrow .accordion-button:not(.collapsed){color:var(--notion-text)}.notion-table .accordion-subrow .accordion-button:focus{box-shadow:none}.status-pill{border-radius:999px;padding:.15rem .6rem;font-size:.8125rem;font-weight:500;line-height:1.5;display:inline-block}.status-pill-income{background:var(--notion-green-bg);color:var(--notion-green)}.status-pill-expense{background:var(--notion-red-bg);color:var(--notion-red)}.status-pill-manager{color:#1e40af;background:#dbeafe}.amount-income{color:var(--notion-green)}.amount-expense{color:var(--notion-red)}.empty-state{text-align:center;color:var(--notion-text-muted);padding:3.5rem 1rem}.empty-state .empty-icon{margin-bottom:.5rem;font-size:2rem}.modal-content{border:none;border-radius:6px;box-shadow:0 0 0 1px #0f0f0f14,0 6px 20px #0f0f0f14}.modal-header{border-bottom:1px solid var(--notion-divider);padding:1rem 1.25rem}.modal-header .modal-title{letter-spacing:-.01em;font-size:1rem;font-weight:600}.modal-body{padding:1.25rem}.modal-footer{border-top:1px solid var(--notion-divider);padding:.75rem 1.25rem}.modal .form-label{color:var(--notion-text-muted);margin-bottom:.35rem;font-size:.8125rem;font-weight:500}.modal .form-control{border:1px solid var(--notion-border);color:var(--notion-text);box-shadow:none;border-radius:6px;padding:.55rem .75rem}.modal .form-control::placeholder{color:var(--notion-text-faint)}.modal .form-control:focus{border-color:var(--notion-blue);box-shadow:0 0 0 1px var(--notion-blue)}.modal .btn-close{opacity:.6}.modal .btn-close:hover{opacity:1}.dompet-modal .modal-body{overflow-y:visible}.dompet-modal .choices{margin-bottom:.25rem}.dompet-modal .choices__inner{border:1px solid var(--notion-border);background:#fff;border-radius:6px;min-height:2.4rem;padding:.3rem .5rem;font-size:.875rem}.dompet-modal .choices__input{font-size:.875rem}.dompet-modal .choices__list--dropdown{z-index:1060;font-size:.875rem}.dompet-modal .choices__list--dropdown .choices__item--selectable{font-size:.875rem}.dompet-modal .choices__item--selectable:after{display:none}@media (width<=767.98px){.app-sidebar{z-index:1045;border-right:1px solid var(--notion-divider);width:260px;height:100vh;margin-left:0;padding:1rem .5rem;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-shell.sidebar-open .app-sidebar{transform:translate(0)}.app-shell.sidebar-collapsed .app-sidebar{margin-left:0}.sidebar-close{display:inline-flex}.sidebar-backdrop{z-index:1040;opacity:0;visibility:hidden;background:#0000004d;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.app-shell.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.app-main{padding:.75rem}.app-topbar{margin-bottom:.6rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.45rem}.stat-block{padding:.4rem .55rem}.stat-label{font-size:.65rem}.stat-value{font-size:1rem}}.user-profile-badge{align-items:center!important;gap:.6rem!important;display:flex!important;overflow:hidden!important}.sidebar-avatar{object-fit:cover!important;border:2px solid #fff!important;border-radius:50%!important;flex-shrink:0!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;box-shadow:0 1px 3px #0000001a!important}.sidebar-avatar-fallback{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:.9rem!important;font-weight:700!important;display:flex!important;box-shadow:0 1px 3px #0000001a!important}.user-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-name{color:var(--notion-text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.8125rem;font-weight:600;overflow:hidden}.user-role{color:var(--notion-text-muted);font-size:.72rem}.settings-container{max-width:960px;margin:0 auto}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2.5rem;margin-top:1.5rem;display:grid}.settings-card{border:1px solid var(--notion-border);background:#fff;border-radius:8px;padding:1.75rem;box-shadow:0 1px 3px #0000000a}.settings-card-title{margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.settings-card-desc{color:var(--notion-text-muted);margin-bottom:1.25rem;font-size:.85rem}.avatar-upload-section{background:var(--notion-sidebar);border-radius:8px;margin-bottom:1.25rem;padding:1rem;align-items:center!important;gap:1.25rem!important;display:flex!important}.avatar-preview-wrapper{background:#fff!important;border:3px solid #fff!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:80px!important;min-height:80px!important;max-height:80px!important;display:flex!important;overflow:hidden!important;box-shadow:0 2px 8px #0000001f!important}.avatar-img-preview{object-fit:cover!important;border-radius:50%!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}.avatar-fallback-preview{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;width:100%;height:100%;font-size:1.8rem;font-weight:700;justify-content:center!important;align-items:center!important;display:flex!important}.cropper-container-wrapper{background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:100%;max-height:55vh;display:flex;overflow:hidden}.cropper-container-wrapper img{max-width:100%;max-height:55vh;display:block}.cropper-toolbar{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}