:root{color-scheme:light;--bg: #f4f7f8;--bg-2: #e9eef4;--surface: #ffffff;--surface-elevated: #fcfeff;--surface-strong: #f8fbff;--text: #122437;--text-soft: #46607a;--text-faint: #6f859d;--border: #dce4ee;--border-strong: #c7d6e7;--accent-500: #0f8a64;--accent-600: #0b6d4f;--accent-700: #094f3a;--danger: #b6373a;--warning: #9b6a1b;--success: #0d7a53;--shadow-soft: 0 10px 24px rgba(22, 40, 61, .06);--shadow-card: 0 16px 40px rgba(11, 30, 51, .08)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0d1624;--bg-2: #101f31;--surface: #122437;--surface-elevated: #162b40;--surface-strong: #1c3349;--text: #e5edf7;--text-soft: #b6c7dc;--text-faint: #8da4bc;--border: #27435f;--border-strong: #2f5377;--accent-500: #2bb587;--accent-600: #20a276;--accent-700: #14865f;--danger: #f37d7f;--warning: #d8a85e;--success: #59d8a5;--shadow-soft: 0 14px 26px rgba(0, 0, 0, .26);--shadow-card: 0 22px 48px rgba(0, 0, 0, .36)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 4% 4%,color-mix(in srgb,var(--accent-500) 14%,transparent),transparent 42%),radial-gradient(circle at 96% 14%,color-mix(in srgb,#4f86c5 14%,transparent),transparent 38%),linear-gradient(160deg,var(--bg),var(--bg-2));letter-spacing:.01em}h1,h2,h3,h4,p{margin:0}a,button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea{border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);padding:10px 12px;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}button{cursor:pointer}button:hover{border-color:var(--border-strong);transform:translateY(-1px)}button.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#f2fff8;box-shadow:0 10px 18px color-mix(in srgb,var(--accent-500) 28%,transparent)}button.primary:hover{background:linear-gradient(135deg,var(--accent-600),var(--accent-700))}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input:focus,select:focus,textarea:focus,button:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-500) 60%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-500) 18%,transparent)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);border:1px solid var(--border);border-radius:20px;background:linear-gradient(160deg,var(--surface),var(--surface-strong));box-shadow:var(--shadow-card);padding:28px;display:grid;gap:14px}.auth-form{display:grid;gap:10px}.auth-form label{display:grid;gap:6px;color:var(--text-soft);font-size:.92rem}.brand-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,var(--accent-500),#4f89cb);color:#fff}.app-shell{min-height:100vh;display:grid;grid-template-columns:284px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--accent-500) 10%,transparent),transparent 60%),linear-gradient(180deg,var(--surface),var(--surface-strong));padding:20px 16px;display:flex;flex-direction:column;gap:20px}.sidebar-top{display:grid;gap:14px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:1.22rem;line-height:1.1}.brand p{color:var(--text-soft);font-size:.84rem}.sidebar-nav{display:grid;gap:8px}.sidebar-link{text-decoration:none;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid transparent;border-radius:14px;color:var(--text-soft)}.sidebar-link .nav-icon{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-soft);font-size:.82rem}.sidebar-link strong{display:block;color:var(--text);font-size:.95rem}.sidebar-link small{color:var(--text-faint);font-size:.74rem}.sidebar-link.active{background:color-mix(in srgb,var(--accent-500) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent-500) 24%,var(--border))}.sidebar-link.active .nav-icon{border-color:color-mix(in srgb,var(--accent-500) 45%,var(--border));color:var(--accent-600)}.sidebar-footer{margin-top:auto;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 85%,var(--accent-500) 4%);padding:10px;display:grid;gap:3px}.sidebar-footer p{font-weight:700;font-size:.86rem}.sidebar-footer span{color:var(--text-faint);font-size:.77rem}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.command-wrap{position:relative;width:min(540px,100%)}.command-input{width:100%;padding-right:86px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.command-shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.73rem;color:var(--text-faint);pointer-events:none}.command-popover{margin-top:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card);padding:8px;display:grid;gap:6px}.command-popover button{border:1px solid transparent;background:transparent;border-radius:10px;text-align:left;display:grid;gap:2px}.command-popover strong{font-size:.92rem}.command-popover small{color:var(--text-faint);font-size:.77rem}.command-popover p{margin:8px;color:var(--text-faint);font-size:.86rem}.topbar-right{display:flex;align-items:center;gap:10px}.org-switcher{min-width:210px;display:flex}.org-switcher select{width:100%;min-width:230px;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.account-menu-wrap{position:relative}.account-menu-trigger{width:42px;height:42px;min-width:42px;border-radius:999px;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.avatar-badge{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:.75rem;letter-spacing:.04em;background:linear-gradient(135deg,var(--accent-500),#4f89cb);color:#f7fffb}.account-menu{position:absolute;right:0;top:calc(100% + 8px);border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:230px;display:grid;z-index:40;box-shadow:var(--shadow-soft);overflow:hidden}.account-menu-user{padding:10px 12px;border-bottom:1px solid var(--border);display:grid;gap:2px}.account-menu-user strong{font-size:.93rem}.account-menu-user small{color:var(--text-faint);font-size:.78rem}.account-menu button{border:none;border-bottom:1px solid var(--border);border-radius:0;text-align:left;background:transparent;width:100%;padding:10px 12px}.account-menu button:last-child{border-bottom:none}.content{padding:18px;display:grid;gap:14px}.page-title-row{display:flex;justify-content:space-between;align-items:center}.page-title-row h2{font-size:clamp(1.2rem,2vw,1.62rem)}.page-title-row p{color:var(--text-soft);margin-top:2px}.page-grid{display:grid;gap:14px}.card,.metric-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(160deg,var(--surface),var(--surface-strong));box-shadow:var(--shadow-soft);padding:14px}.card-header{display:grid;gap:4px;margin-bottom:12px}.card-header p{color:var(--text-soft);font-size:.9rem}.inline-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.checkbox-row{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem}.section-kicker{color:var(--accent-600);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:4px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.premium-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:grid;gap:5px}.metric-card p{color:var(--text-soft);font-size:.82rem}.metric-card strong{font-size:clamp(1.2rem,2vw,1.5rem)}.metric-card span{color:var(--text-faint);font-size:.8rem}.metric-highlight{background:radial-gradient(circle at 96% 6%,color-mix(in srgb,var(--accent-500) 18%,transparent),transparent 50%),linear-gradient(160deg,color-mix(in srgb,var(--surface) 86%,var(--accent-500) 6%),var(--surface))}.analytics-grid,.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insights-grid{grid-template-columns:1.2fr 1fr 1.2fr}.chart-card{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);padding:12px}.chart-card svg{width:100%;height:210px;margin-top:10px}.chart-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.chart-header h4{font-size:.98rem}.chart-header p{color:var(--text-faint);font-size:.8rem}.chart-footer{display:flex;justify-content:space-between;margin-top:8px;color:var(--text-faint);font-size:.79rem}.axis-labels{margin-top:6px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));font-size:.75rem;color:var(--text-faint)}.grouped-bar-chart{margin-top:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;min-height:200px}.grouped-bar-item{display:grid;gap:6px;justify-items:center}.grouped-bar-columns{height:150px;width:100%;display:flex;align-items:end;justify-content:center;gap:6px}.grouped-bar-columns .bar{width:16px;border-radius:8px 8px 3px 3px;min-height:4px}.grouped-bar-columns .bar.positive{background:linear-gradient(180deg,#48ba93,#1f8f6c)}.grouped-bar-columns .bar.negative{background:linear-gradient(180deg,#9bb3c9,#5a7694)}.grouped-bar-item strong{font-size:.8rem;color:var(--text-soft)}.grouped-bar-item small{font-size:.75rem}.value-positive{color:var(--success)}.value-negative{color:var(--danger)}.insight-list{display:grid;gap:10px}.insight-item{display:grid;grid-template-columns:minmax(0,1fr) 120px 40px;gap:10px;align-items:center}.insight-item strong{font-size:.87rem}.insight-item small{display:block;color:var(--text-faint);font-size:.77rem}.insight-item em{font-style:normal;color:var(--text-faint);font-size:.75rem;text-align:right}.insight-bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--accent-500) 12%,var(--surface-elevated));overflow:hidden}.insight-bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-500),#38a3e2);border-radius:999px}.task-list{display:grid;gap:10px}.task-item{border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;gap:4px}.task-item strong{font-size:1.1rem}.task-item span{color:var(--text-soft);font-size:.83rem}.timeline-card{min-height:320px}.timeline{display:grid;gap:10px}.timeline-item{border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px}.timeline-item p{color:var(--text-soft);font-size:.84rem;margin:2px 0}.timeline-item small{color:var(--text-faint)}.timeline-item>span{font-size:.82rem;font-weight:700}.timeline-dot{width:10px;height:10px;border-radius:999px;margin-top:5px}.timeline-dot.transaction{background:var(--accent-500)}.timeline-dot.attachment{background:#4f89cb}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid label{display:grid;gap:6px;color:var(--text-soft);font-size:.9rem}.form-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.field-hint{color:var(--text-faint);font-size:.74rem}.table-card{overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{color:var(--text-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.table-actions{display:flex;gap:8px}.table-total-row td{font-weight:800}.tag{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tag-draft{background:color-mix(in srgb,#f8e8c9 68%,var(--surface));color:var(--warning)}.tag-posted{background:color-mix(in srgb,#d8f1e7 64%,var(--surface));color:var(--success)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0810199e;display:grid;place-items:center;padding:20px;z-index:60}.modal-card{width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--border);border-radius:20px;background:linear-gradient(160deg,var(--surface),var(--surface-strong));box-shadow:var(--shadow-card);padding:16px;display:grid;gap:14px}.transaction-type-pills{display:flex;gap:8px}.pill{border-radius:999px;padding:8px 14px;font-weight:700}.pill.active{border-color:color-mix(in srgb,var(--accent-500) 65%,var(--border));background:color-mix(in srgb,var(--accent-500) 12%,var(--surface))}.attachment-zone-block{border:1px solid var(--border);border-radius:14px;padding:12px;display:grid;gap:10px}.inline-upload{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--surface-elevated) 95%,transparent);color:var(--text);font-weight:600;cursor:pointer}.inline-upload input[type=file]{display:none}.dropzone{border:1px dashed var(--border-strong);border-radius:12px;padding:16px;text-align:center;background:color-mix(in srgb,var(--surface-elevated) 95%,transparent);display:grid;gap:5px}.dropzone strong{font-size:.9rem}.dropzone p{color:var(--text-faint);font-size:.8rem}.dropzone.active{border-color:color-mix(in srgb,var(--accent-500) 68%,var(--border));background:color-mix(in srgb,var(--accent-500) 12%,var(--surface-elevated))}.attachment-checklist{display:grid;gap:8px;max-height:210px;overflow:auto}.attachment-check-item{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.attachment-check-item input[type=checkbox]{margin:0}.attachment-check-item span{font-weight:600}.attachment-check-item small{grid-column:2;color:var(--text-faint)}.report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.report-tab{border-radius:999px;font-size:.84rem;padding:8px 12px}.report-tab.active{border-color:color-mix(in srgb,var(--accent-500) 60%,var(--border));background:color-mix(in srgb,var(--accent-500) 11%,var(--surface))}.finance-dl{display:grid;gap:8px}.finance-dl div{border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:10px}.finance-dl dt{color:var(--text-soft)}.finance-dl dd{margin:0;font-weight:700}.attachment-links{display:flex;gap:6px;flex-wrap:wrap}.search-input{width:min(320px,100%)}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.84rem;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);border:1px solid var(--border);border-radius:12px;padding:10px}.mono{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace}.muted{color:var(--text-faint)}.error{color:var(--danger);font-weight:700}.success{color:var(--success);font-weight:700}@media(max-width:1280px){.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid,.analytics-grid{grid-template-columns:1fr}}@media(max-width:1060px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.topbar{position:relative;flex-direction:column;align-items:stretch}.topbar-right{justify-content:space-between;flex-wrap:wrap}.account-menu-trigger{min-width:0}}@media(max-width:760px){.content{padding:12px}.premium-grid,.metric-grid,.form-grid,.form-grid.compact-grid{grid-template-columns:1fr}.grouped-bar-chart{grid-template-columns:repeat(3,minmax(0,1fr));min-height:230px}.command-wrap,.search-input{width:100%}.inline-between{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.wealth-update-table thead{display:none}.wealth-update-table tr{display:block;border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--surface)}.wealth-update-table td{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border:none;font-size:.9rem}.wealth-update-table td:before{content:attr(data-label);font-weight:600;color:var(--text-soft);font-size:.78rem;flex-shrink:0;margin-right:.75rem}.wealth-update-table td.update-input-cell{flex-direction:column;align-items:flex-start;gap:.35rem}.wealth-update-table td.update-input-cell input{width:100%!important}}
