:root{--color-primary: #075e54;--color-primary-dark: #054a42;--color-secondary: #128c7e;--color-accent: #25d366;--color-background: #f7f8f7;--color-surface: #ffffff;--color-surface-sunken: #f1f4f2;--color-text: #17221f;--color-text-secondary: #66736f;--color-text-inverse: #ffffff;--color-divider: #e2e8e5;--color-credit: #16803c;--color-debit: #c62828;--color-pending: #b7791f;--color-info: #2563eb;--color-credit-bg: #e8f5ec;--color-debit-bg: #fdeaea;--color-pending-bg: #fdf3e2;--color-info-bg: #e8eefd;--color-neutral-bg: #eef1f0;--color-credit-ink: #0f5f2c;--color-debit-ink: #9c1f1f;--color-pending-ink: #8a5a12;--color-info-ink: #1c4bc4;--color-selected-bg: #e7f5f1;--chat-wallpaper-bg: #e5ddd5;--chat-bubble-own-bg: #dcf8c6;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-caption: 12px;--font-size-footnote: 13px;--font-size-body: 15px;--font-size-subtitle: 17px;--font-size-title: 20px;--font-size-heading: 24px;--font-size-display: 32px;--font-size-hero: 48px;--shadow-card: 0 2px 8px rgba(11, 31, 26, .06);--shadow-sheet: 0 8px 28px rgba(11, 31, 26, .14);--touch-target-min: 44px;--sidebar-width: 232px}@media(prefers-color-scheme:dark){:root{--color-primary-dark: #0a7a6c;--color-background: #0b1512;--color-surface: #152420;--color-surface-sunken: #101d19;--color-text: #ecefed;--color-text-secondary: #8fa39c;--color-divider: #263832;--color-credit: #3ddc84;--color-debit: #ff6b6b;--color-pending: #f0b429;--color-info: #5b9cff;--color-credit-bg: #1c4532;--color-debit-bg: #3f312e;--color-pending-bg: #3c3e22;--color-info-bg: #223a48;--color-neutral-bg: #1c2b26;--color-credit-ink: var(--color-credit);--color-debit-ink: var(--color-debit);--color-pending-ink: var(--color-pending);--color-info-ink: var(--color-info);--color-selected-bg: #12332d;--chat-wallpaper-bg: #0b141a;--chat-bubble-own-bg: #144d37}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-body);line-height:1.45;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100%}.sidebar{background:var(--color-primary);color:var(--color-text-inverse);display:flex;flex-direction:column;padding:var(--space-lg) var(--space-md);gap:var(--space-xl);position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm)}.sidebar__mark{width:32px;height:32px;border-radius:var(--radius-sm);background:#fff;display:grid;place-items:center;flex:none;overflow:hidden}.sidebar__mark img{width:100%;height:100%;object-fit:contain;padding:3px}.sidebar__title{font-size:var(--font-size-subtitle);font-weight:600;letter-spacing:.01em}.sidebar__subtitle{font-size:var(--font-size-caption);color:#ffffffb3}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1}.sidebar__link{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);min-height:var(--touch-target-min);border-radius:var(--radius-sm);color:#ffffffd1;font-size:var(--font-size-body)}.sidebar__link:hover{background:#ffffff14;color:var(--color-text-inverse)}.sidebar__link--active{background:#ffffff29;color:var(--color-text-inverse);font-weight:600}.sidebar__footer{border-top:1px solid rgba(255,255,255,.16);padding-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar__account{font-size:var(--font-size-footnote)}.sidebar__account-name{font-weight:600}.sidebar__account-email{color:#ffffffb3;font-size:var(--font-size-caption);word-break:break-all}.main{min-width:0;display:flex;flex-direction:column}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:var(--space-lg) var(--space-xl);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.topbar__heading{font-size:var(--font-size-heading);font-weight:600}.topbar__meta{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl);max-width:1440px;width:100%}.card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-lg)}.card--flush{padding:0;overflow:hidden}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-divider);flex-wrap:wrap}.card__title{font-size:var(--font-size-subtitle);font-weight:600}.card__hint{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-xl)}.hero__label{font-size:var(--font-size-footnote);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.hero__value{font-size:var(--font-size-hero);font-weight:600;line-height:1.1;letter-spacing:-.015em}.hero__caption{font-size:var(--font-size-footnote);color:var(--color-text-secondary);margin-top:var(--space-xs)}.hero__aside{display:flex;gap:var(--space-xl);flex-wrap:wrap}.hero__aside-item{min-width:120px}.hero__aside-label{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.hero__aside-value{font-size:var(--font-size-title);font-weight:600}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.tile{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.tile__label{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.tile__value{font-size:var(--font-size-heading);font-weight:600;line-height:1.2}.tile__caption{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.tile--credit .tile__value{color:var(--color-credit)}.tile--debit .tile__value{color:var(--color-debit)}.tile--pending .tile__value{color:var(--color-pending)}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-footnote)}.table th,.table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-divider);white-space:nowrap}.table thead th{background:var(--color-surface-sunken);font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-sunken)}.table__numeric{text-align:right;font-variant-numeric:tabular-nums}.table__link{color:var(--color-secondary);font-weight:600}.table__link:hover{text-decoration:underline}.table__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-caption)}.table__empty{padding:var(--space-xxl);text-align:center;color:var(--color-text-secondary)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money--credit{color:var(--color-credit)}.money--debit{color:var(--color-debit)}.money--pending{color:var(--color-pending)}.money--zero{color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:600;white-space:nowrap}.badge--good{background:var(--color-credit-bg);color:var(--color-credit-ink)}.badge--pending{background:var(--color-pending-bg);color:var(--color-pending-ink)}.badge--bad{background:var(--color-debit-bg);color:var(--color-debit-ink)}.badge--info{background:var(--color-info-bg);color:var(--color-info-ink)}.badge--neutral{background:var(--color-neutral-bg);color:var(--color-text-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:0 var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-body);font-weight:600}.button--primary{background:var(--color-primary);color:var(--color-text-inverse)}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--secondary{background:var(--color-surface);border-color:var(--color-secondary);color:var(--color-secondary)}.button--ghost{background:transparent;color:#ffffffd1;border-color:#ffffff3d;min-height:36px}.button--ghost:hover{color:var(--color-text-inverse);background:#ffffff1a}.button:disabled{opacity:.55;cursor:not-allowed}.login{min-height:100%;display:grid;place-items:center;padding:var(--space-xl);background:linear-gradient(160deg,#075e54,#0b3f39 60%,#072b27)}.login__card{width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xxl);box-shadow:var(--shadow-sheet)}.login__brand{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.login__brand .sidebar__mark{width:48px;height:48px}.login__title{font-size:var(--font-size-title);font-weight:600}.login__subtitle{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.field__label{font-size:var(--font-size-footnote);font-weight:600}.field__input{font:inherit;padding:0 var(--space-md);min-height:var(--touch-target-min);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.field__input:focus{border-color:var(--color-secondary)}.field__input-wrap{position:relative;display:flex}.field__input-wrap .field__input{flex:1;padding-right:44px}.field__input-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-footnote);font-weight:600;padding:var(--space-xs) var(--space-sm);cursor:pointer;min-height:32px}.field__input-toggle:hover{color:var(--color-text)}.login__error{background:var(--color-debit-bg);color:var(--color-debit-ink);border-radius:var(--radius-sm);padding:var(--space-md);font-size:var(--font-size-footnote);margin-bottom:var(--space-lg)}.login__hint{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-divider);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.otp-input{position:relative;margin-bottom:var(--space-lg)}.otp-input__row{display:flex;gap:var(--space-sm)}.otp-input__box{flex:1;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-background);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-heading);font-weight:600;color:var(--color-text)}.otp-input__box--active{border-width:2px;border-color:var(--color-primary)}.otp-input__hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;font-size:16px}.state{padding:var(--space-xxl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-footnote)}.state--error{color:var(--color-debit)}.filters{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.filters .field{margin-bottom:0;min-width:200px}.section-title{font-size:var(--font-size-subtitle);font-weight:600}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.muted{color:var(--color-text-secondary)}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar__nav{flex-direction:row;overflow-x:auto;gap:var(--space-xs)}.sidebar__link{white-space:nowrap}.content{padding:var(--space-lg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f1a73;display:grid;place-items:center;padding:var(--space-lg);z-index:100}.modal{width:100%;max-width:560px;max-height:calc(100vh - var(--space-xxl));overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet)}.modal__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-divider);position:sticky;top:0;background:var(--color-surface)}.modal__title{font-size:var(--font-size-subtitle);font-weight:600}.modal__close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-title);line-height:1;padding:var(--space-xs);min-height:unset}.modal__body{padding:var(--space-lg)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-divider)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg) var(--space-md)}.field__error{color:var(--color-debit);font-size:var(--font-size-caption)}.field__hint{color:var(--color-text-secondary);font-size:var(--font-size-caption)}textarea.field__input{min-height:72px;padding-top:var(--space-sm);resize:vertical}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-divider)}.tab{padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-footnote);border-bottom:2px solid transparent;min-height:40px}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.banner{padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-footnote)}.banner--info{background:var(--color-info-bg);color:var(--color-info-ink)}.banner--pending{background:var(--color-pending-bg);color:var(--color-pending-ink)}.action-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.chat-shell{display:grid;grid-template-columns:280px 1fr;height:calc(100vh + -0px);overflow:hidden}.chat-list{border-right:1px solid var(--color-divider);display:flex;flex-direction:column;overflow:hidden}.chat-list__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--font-size-body);color:var(--color-text)}.chat-list__new-btn{width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s}.chat-list__new-btn:hover{background:var(--color-surface-sunken)}.chat-list__items{overflow-y:auto;flex:1}.chat-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;border-bottom:1px solid var(--color-divider);transition:background .1s}.chat-list-item:hover{background:var(--color-surface-sunken)}.chat-list-item--active{background:var(--color-selected-bg);border-right:3px solid var(--color-primary)}.chat-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-secondary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-body);flex-shrink:0}.chat-list-item__body{flex:1;min-width:0}.chat-list-item__top{display:flex;justify-content:space-between;align-items:center}.chat-list-item__name{font-weight:600;font-size:var(--font-size-body);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-item__time{font-size:var(--font-size-caption);color:var(--color-text-secondary);flex-shrink:0}.chat-list-item__sub{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.chat-list-item__preview{font-size:var(--font-size-footnote);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-unread-badge{background:var(--color-accent);color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.chat-thread{display:flex;flex-direction:column;overflow:hidden}.chat-thread__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;gap:var(--space-md)}.chat-thread__title{font-weight:600;font-size:var(--font-size-body)}.chat-thread__subtitle{font-size:var(--font-size-caption);opacity:.8}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--chat-wallpaper-bg)}.chat-bubble-row{display:flex;flex-direction:column}.chat-bubble-row--own{align-items:flex-end}.chat-bubble-row--other{align-items:flex-start}.chat-bubble-sender{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-bottom:2px;padding-left:4px}.chat-bubble{max-width:68%;padding:8px 12px;border-radius:8px;font-size:var(--font-size-body);line-height:1.4;position:relative}.chat-bubble--own{background:var(--chat-bubble-own-bg);color:var(--color-text);border-bottom-right-radius:2px}.chat-bubble--other{background:var(--color-surface);color:var(--color-text);border-bottom-left-radius:2px}.chat-bubble--deleted{background:transparent;border:1px solid var(--color-divider)}.chat-bubble__deleted-text{font-size:var(--font-size-body);font-style:italic;color:var(--color-text-secondary)}.chat-bubble__footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px}.chat-bubble__edited{font-size:10px;color:var(--color-text-secondary);font-style:italic}.chat-bubble__time{font-size:10px;color:var(--color-text-secondary)}.chat-bubble__menu-wrap{position:absolute;top:2px;left:-28px;opacity:0;transition:opacity .1s}.chat-bubble-row--own:hover .chat-bubble__menu-wrap{opacity:1}.chat-bubble__menu-btn{width:22px;height:22px;border-radius:50%;border:none;background:var(--color-surface-sunken);color:var(--color-text-secondary);cursor:pointer;line-height:1;font-size:14px}.chat-bubble__menu-btn:hover{background:var(--color-divider)}.chat-bubble__menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.chat-bubble__menu{position:absolute;top:24px;left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:8px;box-shadow:var(--shadow-sheet);min-width:110px;overflow:hidden}.chat-bubble__menu button{display:block;width:100%;padding:8px 14px;border:none;background:none;text-align:left;font-size:13px;color:var(--color-text);cursor:pointer}.chat-bubble__menu button:hover{background:var(--color-surface-sunken)}.chat-editing-bar{display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-md);background:var(--color-surface-sunken);border-top:1px solid var(--color-divider);font-size:13px;color:var(--color-text-secondary)}.chat-editing-bar button{border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px}.chat-tick{flex-shrink:0;color:var(--color-text-secondary)}.chat-tick--read{color:var(--color-info)}.chat-composer{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-divider);background:var(--color-surface)}.chat-composer__input{flex:1;border:1px solid var(--color-divider);border-radius:20px;padding:8px 16px;font-size:var(--font-size-body);resize:none;outline:none;font-family:inherit;background:var(--color-surface);color:var(--color-text);max-height:120px;overflow-y:auto}.chat-composer__input:focus{border-color:var(--color-secondary)}.chat-composer__send{width:40px;height:40px;border-radius:50%;background:var(--color-primary);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.chat-composer__send:hover{background:var(--color-secondary)}.chat-composer__send:disabled{opacity:.5;cursor:default}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-body);background:var(--chat-wallpaper-bg)}