:root{--mt-content-max: 96rem;--mt-tablet-bar-height: 4.25rem;--mt-radius-sm: 0.75rem;--mt-radius-md: 1rem;--mt-radius-lg: 1.25rem;--mt-control-height: 2.75rem;--mt-focus-ring: rgba(129,140,248,0.48);--mt-surface-highlight: rgba(255,255,255,0.035);--mt-shadow-soft: 0 16px 36px -28px rgba(2,6,23,0.72);--mt-shadow-raised: 0 24px 52px -34px rgba(2,6,23,0.78)}@supports (color: oklch(0.5 0.1 260)){:root{--bg-primary: oklch(0.17 0.025 278);--bg-secondary: oklch(0.205 0.032 276);--bg-card: oklch(0.245 0.038 273);--card-background: oklch(0.245 0.038 273);--input-background: oklch(0.185 0.028 278 / 0.88);--text-primary: oklch(0.94 0.012 274);--text-secondary: oklch(0.73 0.022 274);--border-color: oklch(0.82 0.035 275 / 0.14);--accent-primary: oklch(0.69 0.17 278);--accent-secondary: oklch(0.7 0.17 302);--success: oklch(0.72 0.17 158);--danger: oklch(0.68 0.2 25);--warning: oklch(0.78 0.16 75)}body.light-mode{--bg-primary: oklch(0.975 0.008 270);--bg-secondary: oklch(0.95 0.012 270);--bg-card: oklch(0.995 0.004 270);--card-background: oklch(0.995 0.004 270);--input-background: oklch(0.995 0.004 270 / 0.96);--text-primary: oklch(0.25 0.035 270);--text-secondary: oklch(0.49 0.035 270);--border-color: oklch(0.45 0.03 270 / 0.16)}}html{color-scheme: dark;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body.light-mode{color-scheme: light}body{line-height: 1.55}body.app-authenticated{background: radial-gradient(circle at 72% -12%,rgba(99,102,241,0.11),transparent 34rem),var(--bg-primary)}::selection{background: rgba(129,140,248,0.3);color: var(--text-primary)}.skip-link{position: fixed;top: max(0.75rem,env(safe-area-inset-top));left: 50%;z-index: 1000002;min-height: var(--mt-control-height);padding: 0.65rem 1rem;border: 1px solid var(--accent-primary);border-radius: var(--mt-radius-sm);background: var(--bg-card);color: var(--text-primary);font-weight: 700;transform: translate(-50%,-180%);transition: transform 180ms cubic-bezier(0.22,1,0.36,1)}.skip-link:focus{transform: translate(-50%,0)}:where(a,button,input,select,textarea,summary,[role="button"],[tabindex]):focus-visible{outline: 3px solid var(--mt-focus-ring) !important;outline-offset: 3px !important}:where(button,input,select,textarea,[role="button"]):disabled,:where(button,input,select,textarea,[role="button"])[aria-disabled="true"]{cursor: not-allowed !important;opacity: 0.56 !important}.app-shell{width: 100%;min-width: 0;height: 100vh;height: 100dvh}.app-shell>main{min-width: 0;overscroll-behavior: contain;scrollbar-gutter: stable}.app-content{width: 100%;max-width: var(--mt-content-max);min-width: 0;margin-inline: auto}.app-content>:first-child{min-width: 0}.app-tablet-bar{display: none}.sidebar{width: 17rem;flex: 0 0 17rem;overscroll-behavior: contain}.sidebar-header{position: sticky;top: 0;z-index: 2;background: var(--bg-card)}.sidebar-brand-title{min-width: 0;color: var(--text-primary);letter-spacing: -0.02em}.sidebar-brand-wordmark{color: #a5b4fc}.sidebar-close{display: none;width: var(--mt-control-height);height: var(--mt-control-height);flex: 0 0 var(--mt-control-height);align-items: center;justify-content: center;border: 1px solid var(--border-color);border-radius: var(--mt-radius-sm);background: rgba(148,163,184,0.08);color: var(--text-primary);font-size: 1.25rem}body.app-authenticated .glass,body.app-authenticated .glass-white,body.app-authenticated .card{border-color: var(--border-color);box-shadow: var(--mt-shadow-soft)}body.app-authenticated .glass,body.app-authenticated .glass-white{background: linear-gradient(180deg,var(--mt-surface-highlight),transparent 8rem),var(--bg-card);backdrop-filter: none;-webkit-backdrop-filter: none}body.app-authenticated .card:hover{border-color: rgba(129,140,248,0.25);box-shadow: var(--mt-shadow-raised);transform: none}body.app-authenticated .btn-primary,body.app-authenticated button.btn-primary,body.app-authenticated a.btn-primary{min-height: var(--mt-control-height);background: var(--accent-primary) !important;border: 1px solid rgba(199,210,254,0.18) !important;border-radius: var(--mt-radius-sm);box-shadow: 0 12px 26px -18px rgba(99,102,241,0.92);transition: background-color 180ms cubic-bezier(0.22,1,0.36,1),border-color 180ms cubic-bezier(0.22,1,0.36,1),box-shadow 180ms cubic-bezier(0.22,1,0.36,1),transform 180ms cubic-bezier(0.22,1,0.36,1)}body.app-authenticated .btn-primary:hover{background: #7377f5 !important;box-shadow: 0 16px 30px -18px rgba(99,102,241,0.95);transform: translateY(-1px)}body.app-authenticated .btn-primary:active{box-shadow: none;transform: translateY(0)}body.app-authenticated .btn-secondary{min-height: var(--mt-control-height);border-radius: var(--mt-radius-sm)}.mt-table-scroll,body.app-authenticated main .responsive-table,body.app-authenticated main [class*="table-wrap"],body.app-authenticated main [class*="table-scroll"]{max-width: 100%;overflow-x: auto;overscroll-behavior-inline: contain;-webkit-overflow-scrolling: touch;scrollbar-gutter: stable}.mt-table-scroll{border-radius: inherit}.mt-table-scroll:focus-visible{outline: 3px solid var(--mt-focus-ring);outline-offset: -3px}.mt-table-scroll>table{margin: 0}body.app-authenticated main :where(h1,h2,h3,p,label,td,th,code,pre,span){overflow-wrap: break-word}body.app-authenticated main :where(.page-header,.tx-page-header,.doc-page-header,.team-page-header,.ledger-page-header,.usage-header){min-width: 0}body.app-authenticated main pre{max-width: 100%;overflow: auto;white-space: pre;overscroll-behavior-inline: contain}.public-brand-wordmark{background: none !important;color: #a5b4fc !important;-webkit-text-fill-color: currentColor !important}.public-sticky-header :where(a,button){min-height: var(--mt-control-height)}.public-nav-links>a{display: inline-flex;min-width: var(--mt-control-height);align-items: center;justify-content: center;padding-inline: 0.25rem}.public-nav-menu-button{min-width: var(--mt-control-height);min-height: var(--mt-control-height)}.mt-update-notice{position: fixed;z-index: 1400;right: max(1rem,env(safe-area-inset-right,0px));bottom: max(1rem,env(safe-area-inset-bottom,0px));display: flex;width: min(34rem,calc(100vw - 2rem));align-items: center;gap: 1rem;padding: 1rem;color: var(--mt-text-primary);background: color-mix(in srgb,var(--mt-surface-raised) 94%,transparent);border: 1px solid var(--mt-border-strong);border-radius: var(--mt-radius-md);box-shadow: var(--mt-shadow-lg);backdrop-filter: blur(18px)}.mt-update-notice__copy{display: grid;flex: 1;gap: 0.25rem;min-width: 0}.mt-update-notice__copy span{color: var(--mt-text-secondary);font-size: 0.875rem}.mt-update-notice__actions{display: flex;flex: 0 0 auto;gap: 0.5rem}.mt-update-notice__actions button{min-height: var(--mt-control-height);padding-inline: 0.875rem;border: 1px solid var(--mt-border-strong);border-radius: 0.75rem;color: var(--mt-text-primary);background: var(--mt-surface-muted);font: inherit;font-weight: 650;cursor: pointer}.mt-update-notice__actions .mt-update-notice__apply{color: #fff;background: var(--mt-accent);border-color: transparent}.mt-update-notice__actions button:disabled{cursor: wait;opacity: 0.7}@media (hover: hover) and (pointer: fine){body.app-authenticated .nav-item:hover{transform: none}}@media (max-width: 1199px),(hover: none) and (pointer: coarse) and (max-width: 1366px){:root{--mt-tablet-bar-height: 4.25rem}body.app-authenticated #pwa-install-btn.show{display: none}body.app-authenticated{min-height: 100dvh;overscroll-behavior-y: none}body.app-authenticated.sidebar-open{overflow: hidden !important}.app-tablet-bar{position: fixed;inset: 0 0 auto 0;z-index: 1001;display: flex;min-width: 0;height: calc(var(--mt-tablet-bar-height) + env(safe-area-inset-top,0px));padding: env(safe-area-inset-top,0px) clamp(0.75rem,2.6vw,1.5rem) 0;align-items: center;gap: 0.75rem;border-bottom: 1px solid var(--border-color);background: rgba(18,25,52,0.96);box-shadow: 0 14px 30px -28px rgba(2,6,23,0.95)}@supports (background: color-mix(in srgb,black 50%,transparent)){.app-tablet-bar{background: color-mix(in srgb,var(--bg-card) 94%,transparent)}}.app-tablet-bar__menu.mobile-menu-toggle,html.device-ipad .app-tablet-bar .app-tablet-bar__menu.mobile-menu-toggle{position: relative !important;inset: auto !important;top: auto !important;right: auto !important;bottom: auto !important;left: auto !important;display: inline-flex !important;width: var(--mt-control-height) !important;height: var(--mt-control-height) !important;min-width: var(--mt-control-height);flex: 0 0 var(--mt-control-height);border-radius: var(--mt-radius-sm);box-shadow: none;cursor: pointer;touch-action: manipulation !important}.app-tablet-bar__copy{display: flex;min-width: 0;flex: 1 1 auto;flex-direction: column;justify-content: center;line-height: 1.15}.app-tablet-bar__brand{color: var(--text-secondary);font-size: 0.69rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.app-tablet-bar__title{overflow: hidden;color: var(--text-primary);font-size: clamp(0.98rem,2.7vw,1.1rem);font-weight: 750;text-overflow: ellipsis;white-space: nowrap}.app-tablet-bar__action{display: inline-flex;min-height: var(--mt-control-height);flex: 0 0 auto;align-items: center;justify-content: center;gap: 0.45rem;padding: 0.55rem 0.9rem;border: 1px solid rgba(199,210,254,0.18);border-radius: var(--mt-radius-sm);background: var(--accent-primary);color: #f8f8ff;font-size: 0.9rem;font-weight: 700;text-decoration: none}body.app-authenticated .app-shell{height: 100vh;height: 100dvh;padding-top: calc(var(--mt-tablet-bar-height) + env(safe-area-inset-top,0px))}body.app-authenticated .app-shell>main{width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto}body.app-authenticated .app-content{max-width: 100%;padding: clamp(1rem,2.8vw,1.75rem) !important;padding-bottom: max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-bottom,0px)) !important}body.app-authenticated .sidebar,html.device-ipad body.app-authenticated .sidebar,html.device-ipad body.business-ledger-page .sidebar{position: fixed !important;inset: 0 auto 0 0 !important;z-index: 1003 !important;display: flex !important;width: min(21rem,88vw) !important;height: 100vh !important;height: 100dvh !important;max-height: 100dvh !important;padding-bottom: env(safe-area-inset-bottom,0px);transform: translate3d(-105%,0,0);transition: transform 220ms cubic-bezier(0.22,1,0.36,1) !important;will-change: transform}body.app-authenticated .sidebar.active,html.device-ipad body.app-authenticated .sidebar.active{left: 0 !important;transform: translate3d(0,0,0);box-shadow: 22px 0 56px -32px rgba(2,6,23,0.95)}body.app-authenticated .sidebar-overlay,html.device-ipad body.app-authenticated .sidebar-overlay{position: fixed;inset: 0;z-index: 1002;display: block !important;background: rgba(3,7,18,0.66);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 180ms cubic-bezier(0.22,1,0.36,1),visibility 0s linear 180ms}body.app-authenticated .sidebar-overlay.active,html.device-ipad body.app-authenticated .sidebar-overlay.active{opacity: 1;visibility: visible;pointer-events: auto;transition-delay: 0s}.sidebar-header{padding-top: max(1.1rem,env(safe-area-inset-top,0px)) !important}.sidebar-close{display: inline-flex}body.app-authenticated main :where(button,[role="button"],input:not([type="checkbox"]):not([type="radio"]),select,textarea),body.app-authenticated main :where(.btn-primary,.btn-secondary,[class*="-btn"],[class*="button"]){min-height: var(--mt-control-height)}body.app-authenticated main :where(button,[role="button"]),body.app-authenticated main :where([class*="icon-btn"],[class*="action-btn"],[class*="-action-button"]){min-width: var(--mt-control-height);touch-action: manipulation}body.app-authenticated main :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size: 1rem !important}body.app-authenticated main :where(input[type="checkbox"],input[type="radio"]){width: 1.25rem;height: 1.25rem;min-height: 1.25rem}body.app-authenticated main :where(label:has(input[type="checkbox"]),label:has(input[type="radio"])){display: flex;align-items: center;min-height: var(--mt-control-height)}body.route-team main summary{display: flex;min-height: var(--mt-control-height);align-items: center;touch-action: manipulation}body.route-business-ledger main summary{display: flex;min-height: var(--mt-control-height);align-items: center;touch-action: manipulation}body.route-transactions main :where(.tx-input,.bank-account-combobox__trigger,.meetang-mobile-picker-input),body.route-documents main .doc-filter-input{height: var(--mt-control-height) !important;min-height: var(--mt-control-height) !important}body.route-documents main .doc-pagination-btn,body.route-journal main .journal-action-link,body.business-ledger-page main .ledger-page-btn--number,body.route-business-ledger main .ledger-page-btn--number{width: var(--mt-control-height) !important;min-width: var(--mt-control-height) !important;height: var(--mt-control-height) !important;min-height: var(--mt-control-height) !important;display: inline-flex;align-items: center;justify-content: center}body.route-business-ledger main .ledger-overview-position__metric>a{display: inline-flex;min-height: var(--mt-control-height);align-items: center;touch-action: manipulation}body.app-authenticated main :where([role="tablist"],[class$="-tabs"],[class*="-tabs "]){max-width: 100%;overflow-x: auto;overscroll-behavior-inline: contain;scrollbar-width: thin}body.app-authenticated main :where([role="tab"],[class$="-tab"],[class*="-tab "]){min-height: var(--mt-control-height);touch-action: manipulation}body.app-authenticated main :where(.modal-content,[class$="-modal"],[class*="-modal "]){max-width: calc(100vw - 2rem);max-height: calc(100dvh - 2rem)}body.app-authenticated .flatpickr-calendar{max-width: calc(100vw - 1.5rem) !important}body.bank-accounts-page .bank-table-view{display: none !important}body.bank-accounts-page .bank-card-view{display: block !important}body.categories-page .category-card>.flex.space-x-1{opacity: 1 !important}body.categories-page .category-card :where(button,a){min-width: var(--mt-control-height);min-height: var(--mt-control-height)}body.route-api-tokens main :where(button[onclick],a[title]),body.route-api-logs main :where(button[onclick],a[title]){min-width: var(--mt-control-height) !important;min-height: var(--mt-control-height) !important;display: inline-flex;align-items: center;justify-content: center}body.route-api-logs main .api-log-page-link,body.route-api-logs main .api-log-reset{min-width: var(--mt-control-height) !important;min-height: var(--mt-control-height) !important;display: inline-flex;align-items: center;justify-content: center;padding-inline: 0.75rem}body.route-documents main :where(.doc-filter-grid,.doc-filter-row),body.route-transactions main :where(.tx-filter-grid,.tx-filter-form),body.business-ledger-page main .ledger-table-controls{min-width: 0}body.business-ledger-page .ledger-shell,body.business-ledger-page .ledger-data-section,body.business-ledger-page .ledger-table-card,body.business-ledger-page .ledger-panel-grid{min-width: 0;max-width: 100%}}@media (min-width: 769px) and (max-width: 1199px){body.app-authenticated .app-content{padding-inline: clamp(1.5rem,3.2vw,2.5rem) !important}body.app-authenticated main :where(.page-header,.tx-page-header,.doc-page-header,.ledger-page-header){gap: 1rem}}@media (max-width: 899px){.public-nav-links{display: none !important}.public-nav-menu-button{display: inline-flex !important;align-items: center;justify-content: center}.public-mobile-menu:not(.hidden){display: block !important}body.app-authenticated main [class~="md:grid-cols-4"],body.app-authenticated main [class~="lg:grid-cols-4"],body.app-authenticated main [class~="xl:grid-cols-4"]{grid-template-columns: repeat(2,minmax(0,1fr)) !important}body.app-authenticated main :where(.page-header,.tx-page-header,.doc-page-header,.ledger-page-header,.team-page-header){flex-wrap: wrap}}@media (min-width: 900px){.public-nav-links{display: flex !important}.public-nav-menu-button{display: none !important}.public-mobile-menu{display: none !important}}@media (max-width: 640px){:root{--mt-tablet-bar-height: 4rem}.app-tablet-bar{gap: 0.625rem;padding-inline: 0.75rem}.app-tablet-bar__action{width: var(--mt-control-height);padding-inline: 0}.app-tablet-bar__action-label{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}body.app-authenticated .app-content{padding: 0.875rem !important;padding-bottom: max(1.5rem,env(safe-area-inset-bottom,0px)) !important}.mt-update-notice{right: 0.5rem;bottom: max(0.5rem,env(safe-area-inset-bottom,0px));width: calc(100vw - 1rem);align-items: stretch;flex-direction: column}.mt-update-notice__actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}body.app-authenticated main [class~="md:grid-cols-3"],body.app-authenticated main [class~="lg:grid-cols-3"],body.app-authenticated main [class~="xl:grid-cols-3"],body.app-authenticated main [class~="md:grid-cols-4"],body.app-authenticated main [class~="lg:grid-cols-4"],body.app-authenticated main [class~="xl:grid-cols-4"]{grid-template-columns: minmax(0,1fr) !important}body.app-authenticated main :where(.modal-content,[class$="-modal"],[class*="-modal "]){width: calc(100vw - 1rem);max-width: calc(100vw - 1rem);max-height: calc(100dvh - 1rem);border-radius: var(--mt-radius-md)}.tx-receipt-modal-footer,.tx-modal-footer{align-items: stretch !important;flex-direction: column !important;gap: 0.75rem !important}.tx-receipt-modal-actions,.tx-modal-actions{display: grid !important;grid-template-columns: minmax(0,1fr) !important}}@media (prefers-reduced-motion: reduce){.app-tablet-bar,.sidebar,.sidebar-overlay,.skip-link,body.app-authenticated .btn-primary,body.app-authenticated .btn-secondary{scroll-behavior: auto !important;transition-duration: 0.001ms !important;animation-duration: 0.001ms !important;animation-iteration-count: 1 !important}}