:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-cream:#f7f2ea;--brand-cream-dark:#efe4d3;--brand-surface:#fffcf7;--brand-navy:#10233f;--brand-slate:#5d6b7a;--brand-orange:#c96a4a;--brand-orange-dark:#a94f34;--brand-green:#5f7c5a;--brand-green-soft:#e7efe4;--color-background:#f7f2ea;--color-background-secondary:#efe4d3;--color-surface:#fffcf7;--color-surface-secondary:#f4eee5;--color-surface-elevated:#fff;--color-text:#10233f;--color-text-secondary:#33383d;--color-text-muted:#626f7d;--color-text-disabled:#a5adb4;--color-text-inverse:#fffcf7;--color-border:#ded6ca;--color-border-subtle:#eae4db;--color-border-strong:#c8beb0;--button-primary-bg:#603b4a;--button-primary-text:#fff;--button-primary-hover:#6b4353;--button-primary-active:#53323f;--button-secondary-bg:transparent;--button-secondary-text:#603b4a;--button-secondary-border:#603b4a;--button-secondary-hover-bg:#efe9e0;--button-secondary-hover-border:#807565;--button-ghost-bg:transparent;--button-ghost-text:#3a4756;--button-ghost-hover-bg:#efe9e0;--button-ghost-hover-text:#10233f;--button-danger-bg:#a3473a;--button-danger-text:#fff;--button-danger-hover:#88392f;--button-danger-active:#733027;--color-primary:#c96a4a;--color-primary-hover:#a94f34;--color-primary-active:#93442d;--color-primary-soft:#f4dfd6;--color-on-primary:#fffcf7;--color-nav-background:#fffcf7;--color-nav-text:#10233f;--color-nav-text-hover:#5d6b7a;--color-nav-active-background:#f2e1d9;--color-nav-active-text:#93442d;--color-income:#5f7c5a;--color-income-soft:#e7efe4;--color-expense:#c96a4a;--color-expense-soft:#f4dfd6;--color-outstanding:#4e718e;--color-outstanding-soft:#e0eaf0;--color-expected:#80601e;--color-expected-soft:#f3e9cc;--color-overdue:#963f34;--color-overdue-soft:#f6e3df;--color-flow:#775e91;--color-flow-soft:#eee8f3;--color-success:#53724e;--color-success-background:#e7efe4;--color-warning:#80601e;--color-warning-background:#f5ecd1;--color-danger:#a3473a;--color-danger-background:#f6e2de;--color-info:#3f687b;--color-info-background:#e2edf2;--badge-paid-text:var(--color-success);--badge-paid-background:var(--color-success-background);--badge-pending-text:var(--color-warning);--badge-pending-background:var(--color-warning-background);--badge-overdue-text:var(--color-danger);--badge-overdue-background:var(--color-danger-background);--badge-info-text:var(--color-info);--badge-info-background:var(--color-info-background);--badge-neutral-text:var(--color-text-secondary);--badge-neutral-background:var(--color-surface-secondary);--card-orange:#f0bba7;--card-green:#c8d9c1;--card-yellow:#eedb9f;--card-blue:#c5dae4;--card-purple:#d8cce4;--card-red:#e9c3bc;--card-solid-text:#10233f;--card-solid-text-secondary:#43546a;--color-input-background:#fffcf7;--color-input-border:#d8d0c5;--color-input-border-hover:#bcb2a5;--color-control-border:#7a6d5b;--color-placeholder:#9099a2;--color-focus:#5f7f98;--color-focus-ring:#4e718e33;--chart-income:#5f7c5a;--chart-expense:#c96a4a;--chart-outstanding:#4e718e;--chart-expected:#a78039;--chart-neutral:#9aa4ad;--chart-net-cash-flow:#775e91;--chart-grid:#ded6ca;--category-office:#6f8fa6;--category-software:#8a70a1;--category-marketing:#c9825b;--category-contractors:#6f9270;--category-travel:#b49a4f;--chart-client-active:#5f7c5a;--chart-client-follow-up:#d1a441;--chart-client-overdue:#c96a4a;--chart-client-inactive:#9aa4ad;--shadow-sm:0 1px 3px #10233f14;--shadow-md:0 4px 14px #10233f1a;--shadow-lg:0 10px 30px #10233f1f;--color-overlay:#10233f61;--color-shadow:#10233f14}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0d1724;--color-background-secondary:#101d2b;--color-surface:#142131;--color-surface-secondary:#19283a;--color-surface-elevated:#1d2d40;--button-primary-bg:#d8bec8;--button-primary-text:#10233f;--button-primary-hover:#e0c7d0;--button-primary-active:#cfacb9;--button-secondary-bg:transparent;--button-secondary-text:#f7f2ea;--button-secondary-border:#657486;--button-secondary-hover-bg:#1d2d40;--button-secondary-hover-border:#8996a5;--button-ghost-bg:transparent;--button-ghost-text:#b6bec7;--button-ghost-hover-bg:#1d2d40;--button-ghost-hover-text:#fff;--button-danger-bg:#e98e80;--button-danger-text:#10233f;--button-danger-hover:#f1a496;--button-danger-active:#f6b4a7;--color-text:#f7f2ea;--color-text-secondary:#b6bec7;--color-text-muted:#8995a1;--color-text-disabled:#65717d;--color-text-inverse:#10233f;--color-border:#2c3d50;--color-border-subtle:#223246;--color-border-strong:#405268;--color-primary:#df8060;--color-primary-hover:#ec9273;--color-primary-active:#f1a188;--color-primary-soft:#392a2a;--color-on-primary:#10233f;--color-nav-background:#101d2b;--color-nav-text:#9da8b3;--color-nav-text-hover:#f7f2ea;--color-nav-active-background:#34272a;--color-nav-active-text:#ed9779;--color-income:#91af89;--color-income-soft:#213328;--color-expense:#df8060;--color-expense-soft:#392725;--color-outstanding:#84aeca;--color-outstanding-soft:#1e303e;--color-expected:#d3b566;--color-expected-soft:#332e20;--color-overdue:#e38678;--color-overdue-soft:#3b2626;--color-flow:#b59ac8;--color-flow-soft:#30283a;--color-success:#a7c79f;--color-success-background:#223429;--color-warning:#e0c56e;--color-warning-background:#39311f;--color-danger:#e98e80;--color-danger-background:#3d2626;--color-info:#94bfd2;--color-info-background:#213541;--card-orange:#dc9a81;--card-green:#aec5a6;--card-yellow:#dac784;--card-blue:#aac5d1;--card-purple:#c1b2cf;--card-solid-text:#10233f;--card-solid-text-secondary:#384b62;--color-input-background:#142131;--color-input-border:#33465b;--color-input-border-hover:#52657a;--color-control-border:#8996a5;--color-placeholder:#74818e;--color-focus:#8fb3cc;--color-focus-ring:#84aeca3d;--chart-income:#91af89;--chart-expense:#df8060;--chart-outstanding:#84aeca;--chart-expected:#d3b566;--chart-neutral:#788796;--chart-net-cash-flow:#b9a0ce;--chart-grid:#293b4f;--category-office:#8fb2c9;--category-software:#b19ac4;--category-marketing:#e39b76;--category-contractors:#98b794;--category-travel:#d2b969;--chart-client-active:#91af89;--chart-client-follow-up:#d3b566;--chart-client-overdue:#df8060;--chart-client-inactive:#788796;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 14px #00000047;--shadow-lg:0 10px 30px #00000059;--color-overlay:#020810b3;--color-shadow:#00000040}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-Black-znUH2Gim.woff2);font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-ExtraBold-DOq4oeeu.woff2);font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-Bold-CTZhMRKc.woff2);font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-SemiBold-DVjQpOyC.woff2);font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-Medium-B4TPLJEF.woff2);font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-Regular-BbwSKIJU.woff2);font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-Light-xdSoFHxU.woff2);font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-ExtraLight-BG9adiEx.woff2);font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:Outfit;src:url(/nortepay-dashboard/assets/Outfit-Thin-2MeID00z.woff2);font-style:normal;font-weight:100;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:0;min-height:100vh;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font:inherit}p{text-wrap:pretty}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}img,picture,video,canvas{height:auto}svg{flex-shrink:0}button,input,textarea,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{appearance:none;background:0 0;border:0;border-radius:0;outline:none;min-width:0;margin:0}input,textarea{width:auto}select{text-transform:none;cursor:pointer}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:inherit;opacity:1}input[type=search]{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=search]::-webkit-search-decoration{appearance:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button,[type=button],[type=reset],[type=submit]{appearance:none;text-transform:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0;width:100%}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:focus-visible{outline-offset:2px;outline:2px solid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--topbar-height:4.5rem}body{background:var(--color-surface);color:var(--color-text);font-family:Outfit,sans-serif}.section{width:100%;margin-bottom:2rem}.section-title{margin-bottom:1.5rem}.section-title__title{font-size:24px;font-weight:600;line-height:1}.icon__circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.icon__circle .icon{stroke-width:1.5px;width:24px}.icon__circle.icon-sm{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.icon__circle--revenue{background-color:var(--color-income);color:var(--color-text-inverse)}.icon__circle--outstanding{background-color:var(--color-outstanding);color:var(--color-text-inverse)}.icon__circle--income{background:var(--color-income);color:var(--color-text-inverse)}.icon__circle--expense{background:var(--color-expense);color:var(--color-text-inverse)}.icon__circle--expected{background:var(--color-expected);color:var(--color-text-inverse)}.icon__circle--overdue{background-color:var(--color-overdue);color:var(--color-text-inverse)}.elevated-surface{background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg);border-radius:10px;padding:1.5rem 1rem}.recovery-state{color:var(--color-text);background:var(--color-surface);justify-items:start;gap:1rem;padding:2rem;display:grid}.icon__circle--flow{background:var(--color-flow);color:var(--color-text-inverse)}.main-content{padding:0 1rem 1rem}.sticky{top:calc(var(--topbar-height));z-index:99;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky}.page-header{justify-content:space-between;width:100%;margin-bottom:2rem;padding:1rem;display:inline-flex}.page-title{color:var(--color-text);margin-bottom:.5rem;font-size:32px;font-weight:700;line-height:1}.page-description{color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:1}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;display:grid}.panel__header{justify-content:space-between;align-items:baseline;width:100%;margin-bottom:1rem;display:inline-flex}.panel__title{font-size:18px;font-weight:500}.split-grid{grid-template-columns:1.5fr 1fr;gap:1rem;display:grid}.dashboard{--sidebar-width:15rem;--sidebar-transition-duration:.18s;min-height:100vh}.dashboard--sidebar-collapsed{--sidebar-width:4.75rem}.dashboard__content{width:calc(100% - var(--sidebar-width));min-width:0;margin-left:var(--sidebar-width);transition:width var(--sidebar-transition-duration) ease, margin-left var(--sidebar-transition-duration) ease}.dashboard__main{min-height:100vh;padding:4.5rem 0 0}.sidebar{z-index:20;width:var(--sidebar-width);background-color:var(--color-nav-background);border-right:1px solid var(--color-border-subtle);transition:width var(--sidebar-transition-duration) ease, padding var(--sidebar-transition-duration) ease;flex-direction:column;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__brand{flex-shrink:0;align-items:center;min-height:3rem;display:flex}.sidebar__logo{display:block}.sidebar__logo--full{width:10rem}.sidebar__logo--mark{width:2.5rem;display:none}.sidebar__nav{flex-direction:column;flex-shrink:0;width:100%;margin-top:6rem;display:inline-flex}.sidebar__link{width:100%;color:var(--color-nav-text);background-color:#0000;border-radius:50px;flex-direction:row;flex-shrink:0;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.5rem 1rem;font-size:16px;text-decoration:none;display:flex}.sidebar__link__icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-right:0}.sidebar__link--active{color:var(--color-nav-active-text);background-color:var(--color-primary-soft)}.sidebar__link:hover{color:var(--color-nav-text-hover)}.sidebar__link-label{white-space:nowrap;opacity:1;max-width:10rem;transition:max-width var(--sidebar-transition-duration) ease, opacity var(--sidebar-transition-duration) ease;overflow:hidden}.sidebar--collapsed{padding-inline:.75rem}.sidebar--collapsed .sidebar__brand{justify-content:center}.sidebar--collapsed .sidebar__logo--full{display:none}.sidebar--collapsed .sidebar__logo--mark{display:block}.sidebar--collapsed .sidebar__link{justify-content:center;gap:0;padding-inline:0}.sidebar--collapsed .sidebar__link-label{opacity:0;max-width:0}.sidebar--collapsed .sidebar__theme-control{justify-content:center;padding-inline:0}.sidebar--collapsed .sidebar__theme-label{display:none}.sidebar__footer{border-top:1px solid var(--color-border-subtle);flex-shrink:0;width:100%;margin-top:auto;padding:1rem 0 0}.sidebar__footer .sidebar__link{font-size:16px}.sidebar__theme-control{color:var(--color-nav-text);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.sidebar__theme-control .switch{flex-shrink:0}.sidebar__theme-label{white-space:nowrap}.topbar{transition:left var(--sidebar-transition-duration) ease;top:0;right:0;left:var(--sidebar-width);z-index:10;background-color:var(--color-nav-background);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;height:4.5rem;padding:1rem;display:flex;position:fixed}.topbar__icon-bell{background-color:var(--color-surface-secondary);width:40px;height:40px;color:var(--color-text);border:1px solid;border-color:var(--color-border-subtle);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.topbar__icon-bell__bell{stroke-width:1.8px;width:20px}.topbar__icon-bell__label{background-color:var(--color-info);width:20px;height:20px;color:var(--color-text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;position:absolute;top:-8px;right:-6px}.topbar__actions{flex-direction:row;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.topbar__date{margin-right:2rem}.topbar__date-text{font-size:14px;font-weight:400;line-height:1}.topbar__info{margin-left:1.5rem}.topbar__profile{flex-direction:row;justify-content:center;display:inline-flex}.topbar__profile-avatar{background-color:var(--color-surface-secondary);width:40px;height:40px;color:var(--color-text);border:1px solid;border-color:var(--color-border-subtle);border-radius:50%;justify-content:center;align-items:center;margin-right:1rem;font-size:16px;font-weight:400;display:flex}.topbar__profile-user{flex-direction:column;display:inline-flex}.topbar__profile-username{margin-bottom:.5rem;font-size:16px;font-weight:600;line-height:1}.topbar__profile-company{font-size:14px;font-weight:400;line-height:1}.topbar__sidebar-toggle{width:2.5rem;height:2.5rem;color:var(--color-nav-text);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.topbar__sidebar-toggle:hover{color:var(--color-nav-text-hover);background-color:var(--color-surface-secondary)}.topbar__sidebar-toggle svg{width:1.25rem;height:1.25rem}.button{border:2px solid;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;min-width:12rem;height:2.8rem;font-size:18px;font-weight:400;line-height:1;display:inline-flex}.button .icon{stroke-width:1.8px;width:18px;margin-right:.5rem}.button.icon-right{flex-flow:row-reverse}.button.icon-right .icon{margin-left:.5rem;margin-right:0}.button--primary{background-color:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}.button--primary:hover{background-color:var(--button-primary-hover)}.button--secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.button--secondary:hover{background-color:var(--button-secondary-hover-bg)}.button--danger{color:var(--button-danger-text);background-color:var(--button-danger-bg);border-color:var(--button-danger-bg)}.button--danger:hover:not(:disabled){background-color:var(--button-danger-hover);border-color:var(--button-danger-hover)}.button--danger:active:not(:disabled){background-color:var(--button-danger-active);border-color:var(--button-danger-active)}.button--danger:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.button--danger:disabled{opacity:.55;cursor:not-allowed}.button--ghost{min-width:unset;background-color:var(--button-ghost-bg);border-color:var(--button-ghost-bg);width:auto;color:var(--button-ghost-text)}.button--ghost:hover{color:var(--button-ghost-hover-text)}.button--link{min-width:unset;width:auto;min-height:unset;background-color:var(--button-ghost-bg);border-color:var(--button-ghost-bg);height:auto;color:var(--color-text);font-size:14px;font-weight:500}.button--link:hover{color:var(--color-text-secondary)}.button--small{min-width:7rem;height:2.5rem;font-size:14px}.metric-card{--metric-accent:var(--color-flow);--metric-soft:var(--color-flow-soft);isolation:isolate;border:1px solid;border-color:var(--color-border);width:100%;box-shadow:var(--shadow-md);background-color:var(--metric-soft);background-image:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--metric-accent) 18%, transparent) 0%, transparent 60%), linear-gradient(145deg, var(--color-surface-elevated) 0%, color-mix(in srgb, var(--metric-soft) 45%, var(--color-surface-elevated)) 100%);border-radius:10px;flex-direction:column;flex:1;padding:1rem;display:inline-flex;position:relative;overflow:hidden}.metric-card .icon__circle{margin-bottom:1rem}.metric-card__body{flex-direction:column;display:inline-flex}.metric-card__label{text-transform:uppercase;margin-bottom:.8rem;font-size:12px;font-weight:600;line-height:1}.metric-card__value{margin-bottom:1rem}.metric-card__value .currency-value__main{font-size:24px;font-weight:600}.metric-card__value .currency-value__secondary{font-size:16px;font-weight:600}.metric-card__value span{font-size:24px;font-weight:600}.metric-card .currency-value{flex-direction:column}.metric-card .currency-value__code{color:var(--color-text-secondary);margin-top:.2rem;font-size:14px;font-weight:500}.metric-card__change{align-items:center;gap:.25rem;font-size:14px;font-weight:500;display:inline-flex}.metric-card__change svg{stroke-width:2px;width:.875rem;height:.875rem}.metric-card__change--positive{color:var(--color-success)}.metric-card__change--negative{color:var(--color-danger)}.metric-card__change--neutral{color:var(--color-text-secondary)}.metric-card__change-label{color:var(--color-text-secondary);font-weight:400}.metric-card__detail{font-size:14px;font-weight:500}.metric-card__detail--overdue{color:var(--color-overdue)}.metric-card--overdue{--metric-accent:var(--color-overdue);--metric-soft:var(--color-overdue-soft)}.metric-card--income{--metric-accent:var(--color-income);--metric-soft:var(--color-income-soft)}.metric-card--outstanding{--metric-accent:var(--color-outstanding);--metric-soft:var(--color-outstanding-soft)}.metric-card--flow{--metric-accent:var(--color-flow);--metric-soft:var(--color-flow-soft)}.metric-card--expense{--metric-accent:var(--color-expense);--metric-soft:var(--color-expense-soft)}.metric-card--expected{--metric-accent:var(--color-expected);--metric-soft:var(--color-expected-soft)}.metric-card--compact{box-shadow:var(--shadow-md);flex-direction:row;align-items:center;padding:1rem .5rem .5rem;display:inline-flex}.metric-card--compact .icon__circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.5rem;display:inline-flex}.metric-card--compact .metric-card__label{font-size:12px}.metric-card--compact .metric-card__value .currency-value__main{font-size:20px}.metric-card--compact .metric-card__value .currency-value__secondary,.metric-card--compact .metric-card__value .currency-value__code{font-size:12px}.status-badge{text-align:center;text-transform:capitalize;padding:.2rem .6rem;text-transform:capitalize;border-radius:12px;padding:.2rem .6rem;font-size:12px;font-weight:500;line-height:1.2}.status-badge--paid{background-color:var(--badge-paid-background);color:var(--badge-paid-text)}.status-badge--pending{background-color:var(--badge-pending-background);color:var(--badge-pending-text)}.status-badge--overdue{background-color:var(--badge-overdue-background);color:var(--badge-overdue-text)}.currency-value{font-variant-numeric:tabular-nums;color:var(--color-text);align-items:baseline;display:inline-flex}.currency-value__main{font-size:16px;font-weight:600;line-height:1}.currency-value__secondary{margin-right:.2rem;font-size:12px;font-weight:500}.currency-value__code{font-size:12px;font-weight:500}.cash-flow-chart{width:100%;height:18rem}.table{--table-min-width:48rem;width:100%;min-width:var(--table-min-width);border-collapse:collapse;table-layout:auto;font-size:.875rem}.table th{color:var(--color-text-secondary);text-align:left;text-transform:uppercase;white-space:nowrap;padding:.5rem .3rem;font-size:.75rem;font-weight:600}.table td{color:var(--color-text);vertical-align:middle;padding:.3rem}.table tbody tr{border-bottom:1px solid var(--color-border-subtle)}.table tbody tr:last-child{border-bottom:0}@media (hover:hover) and (pointer:fine){.table tbody tr:hover{background-color:var(--color-surface-secondary)}}.table__strong{white-space:nowrap;font-weight:600}.table__amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.table__cell--left{text-align:left}.table__cell--right{text-align:right}.table__cell--center{text-align:center}.table--invoices{--table-min-width:58rem}.table-container{width:100%;min-width:0;overflow-x:auto;container:records/inline-size}.table__mobile-label{display:none}.table__cell-value{overflow-wrap:anywhere;min-width:0}@container records (width<=48rem){.table{width:100%;min-width:0;display:block}.table thead{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table tbody{gap:.75rem;display:grid}.table tbody tr{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;min-width:0;padding:.625rem;display:block}.table tbody tr:last-child{border-bottom:1px solid var(--color-border)}.table td{text-align:left;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:.75rem;padding:.5rem 0;display:grid}.table td+td{border-top:1px solid var(--color-border-subtle)}.table .table__mobile-label{min-width:0;color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:.75rem;font-weight:500;display:block}.table .table__cell-value{overflow-wrap:anywhere;min-width:0}.table .table__strong,.table .table__amount{white-space:normal;overflow-wrap:anywhere}.table td.table__empty{text-align:center;padding:1rem .5rem;display:block}.table .action-menu__trigger{width:2.75rem;height:2.75rem}}.table-pagination{width:100%;color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:14px;display:flex}.table-pagination__pages{align-items:center;gap:.25rem;display:flex}.table-pagination__button{min-width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:14px;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.table-pagination__button svg{width:1rem;height:1rem}.table-pagination__button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-secondary)}.table-pagination__button:disabled{opacity:.35;cursor:not-allowed}.table-pagination__button--active{color:var(--button-primary-text);background:var(--button-primary-bg)}.table-pagination__button--active:hover{color:var(--button-primary-text);background:var(--button-primary-hover)}.table-pagination__ellipsis{width:1.5rem;height:2rem;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;margin-bottom:1rem;display:flex}.table-toolbar__first-filters{display:inline-flex}.table-toolbar__filters{flex-wrap:wrap;justify-content:flex-end;gap:1rem;min-width:0;display:inline-flex}.table-toolbar__search{flex:14rem;min-width:0;display:inline-block;position:relative}.table-toolbar__search input{width:100%;height:2.5rem;color:var(--color-text);border:1px solid var(--color-input-border);background:var(--color-input-background);border-radius:.5rem;padding:0 .75rem;font-size:14px;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s}.table-toolbar__search input:hover:not(:disabled){border-color:var(--color-input-border-hover)}.table-toolbar__search input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.table-toolbar__search input{padding-right:1.75rem}.table-toolbar__search-icon{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform .15s;position:absolute;top:.75rem;right:.75rem}.table-toolbar__search--disabled{opacity:.5;pointer-events:none}.table-toolbar__toggle{display:none}@media (width<=64rem){.table-toolbar{grid-template-columns:minmax(0,1fr) auto;display:grid}.table-toolbar__search{width:100%}.table-toolbar__toggle{min-width:0;min-height:2.75rem;padding-inline:.75rem;font-size:.8125rem;display:inline-flex}.table-toolbar__search input{min-height:2.75rem;font-size:1rem}.table-toolbar__filters{border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);border-radius:.625rem;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.75rem;display:none}.table-toolbar__filters[data-open=true]{display:grid}.table-toolbar__filters .select{width:100%;min-width:0}.table-toolbar__filters .select__trigger{min-height:2.75rem;font-size:1rem}}@media (width<=40rem){.table-toolbar__filters{grid-template-columns:minmax(0,1fr)}}.select{min-width:10rem;display:inline-block;position:relative}.select__trigger{width:100%;height:2.5rem;color:var(--color-text);border:1px solid var(--color-input-border);background:var(--color-input-background);border-radius:.5rem;padding:0 .75rem;font-size:14px;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s}.select__trigger:hover:not(:disabled){border-color:var(--color-input-border-hover)}.select__trigger:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.select__trigger{padding-right:2.5rem}.select__trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.select__chevron{pointer-events:none;width:1rem;height:1rem;color:var(--color-text-secondary);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.select--disabled{opacity:.5}.action-menu{display:inline-flex}.action-menu__trigger{width:2rem;height:2rem;color:var(--color-text-secondary);border-radius:.375rem;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.action-menu__trigger svg{width:1.125rem;height:1.125rem}.action-menu__trigger:hover{color:var(--color-text);background:var(--color-surface-secondary)}.action-menu__trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.action-menu__dropdown{z-index:1000;border:1px solid var(--color-border);background:var(--color-surface-elevated);min-width:12rem;box-shadow:var(--shadow-md);border-radius:.625rem;padding:.3rem;position:fixed}.action-menu__item{width:100%;color:var(--color-text-secondary);text-align:left;white-space:nowrap;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:14px;font-weight:400;transition:color .12s,background-color .12s;display:flex}.action-menu__item:hover,.action-menu__item:focus-visible{color:var(--color-text);background:var(--color-surface-secondary);outline:none}.action-menu__item:disabled,.action-menu__item[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed}.action-menu__item:disabled:hover,.action-menu__item[aria-disabled=true]:hover{background:0 0}.action-menu__item--danger{color:var(--color-danger)}.action-menu__item--danger:hover,.action-menu__item--danger:focus-visible{color:var(--color-danger);background:var(--color-danger-background)}.action-menu__icon{flex-shrink:0;width:1rem;height:1rem}.action-menu__separator{background:var(--color-border-subtle);height:1px;margin:.3rem .25rem}.payment-method{width:fit-content;color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:.375rem;font-size:14px;font-weight:500;display:inline-flex}.payment-method__icon{width:1rem;height:1rem;color:var(--color-text-muted);stroke-width:1.75px}.payment-method--empty{color:var(--color-text-muted)}.category-label{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:14px;font-weight:500;display:inline-flex}.category-label__dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.category-label__dot--office{background:var(--category-office)}.category-label__dot--software{background:var(--category-software)}.category-label__dot--marketing{background:var(--category-marketing)}.category-label__dot--contractors{background:var(--category-contractors)}.category-label__dot--travel{background:var(--category-travel)}.panel-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);margin-bottom:1rem;position:relative}.panel-card__header{flex-direction:column;margin-bottom:1rem;display:inline-flex}.panel-card__header-title{font-size:16px;font-weight:500}.panel-card__header-description{font-size:14px;font-weight:400}.panel-card .text-label-container{margin-top:1rem}.panel-card .text-label{margin-bottom:.5rem;font-size:14px;font-weight:400}.panel-card--muted{background:var(--card-surface-secondary)}.panel-card--highlight{background:var(--card-primary-soft)}.panel-card .client-health{display:inline-flex}.panel-card .client-health__chart{flex-direction:row;display:inline-flex}.panel-card .client-health__chart .chart-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-left:1rem;display:grid}.panel-card .client-health__chart .chart-values .chart-value{flex-direction:row;align-items:baseline;display:flex}.panel-card .client-health__chart .chart-values .chart-value .circle-indicator{border-radius:50%;width:.5rem;height:.5rem;margin-right:.5rem;display:inline-block}.panel-card .client-health__chart .chart-values .chart-value div{flex-direction:column;display:flex}.panel-card .client-health__chart .chart-values .chart-value .value{font-size:16px;font-weight:500}.panel-card .client-health__chart .chart-values .chart-value .label{font-size:14px;font-weight:400}.panel-card .client-health__donut{width:12rem;height:12rem;position:relative}.panel-card .client-health__donut-center{flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:-1rem;margin-right:-1rem;display:inline-flex;position:absolute;top:50%;right:50%}.panel-card .client-health__donut-center strong{font-size:24px;font-weight:500}.panel-card .client-health__donut-center span{font-size:14px;font-weight:400}.panel-card .client-health__average{border-left:1px solid var(--color-border-subtle);margin-left:2rem;padding-left:1rem}.panel-card .client-health__average-title{font-size:14px;font-weight:500}.panel-card .client-health__average-days{font-size:14px;font-weight:400}.panel-card .client-health__average-days .big-label{margin-right:.3rem;font-size:24px;font-weight:500}.panel-card .client-health__average-change{font-size:14px;font-weight:400}.panel-card .needs-follow-up__body{border-bottom:1px solid var(--color-border-subtle);flex-direction:row;width:100%;margin-bottom:1rem;padding:1rem 0;display:inline-flex}.panel-card .needs-follow-up__info{flex-direction:column;flex:1.5;display:inline-flex}.panel-card .needs-follow-up__info-client{margin-bottom:.5rem;font-size:16px;font-weight:500;line-height:1}.panel-card .needs-follow-up__info-status{text-align:center;text-transform:capitalize;background-color:var(--color-overdue-soft);color:var(--color-overdue);border-radius:12px;align-self:flex-start;padding:.2rem .6rem;font-size:12px;font-weight:500;line-height:1.2}.panel-card .needs-follow-up__amount{flex-direction:column;flex:1;display:inline-flex}.panel-card .needs-follow-up__amount-label{font-size:16px;font-weight:500}.panel-card .needs-follow-up__amount-text,.panel-card .needs-follow-up__footer-label{font-size:14px;font-weight:400}.panel-card .needs-follow-up__footer .button{position:absolute;bottom:1rem;right:1rem}.entity-form-layout__header{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:2rem;display:inline-flex}.entity-form-layout__grid{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);grid-template-areas:"form preview";align-items:start;gap:1rem;display:grid}.entity-form-layout__form{grid-area:form;min-width:0}.entity-form-layout__preview{min-width:0;top:calc(var(--topbar-height) + 2rem);grid-area:preview;position:sticky}.entity-form-layout .actions .button{margin-left:1rem}.entity-form-layout .items-help{margin-bottom:.5rem;font-size:14px;font-weight:400}.form__section{border-bottom:1px solid var(--color-border-subtle);margin-bottom:1rem;padding-bottom:1rem}.form__section-header{margin-bottom:1rem;font-size:16px;font-weight:500}.form__section-error{color:var(--color-danger);margin-bottom:1rem;font-size:.8rem;line-height:1.4}.form__section .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.form__section .form-grid-double{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form__section .form-group{flex-direction:column;display:inline-flex}.form__section .form-group__label{margin-bottom:.5rem;font-size:14px;font-weight:400;line-height:1}.form__section .form-group__input{width:100%;height:2.5rem;color:var(--color-text);border:1px solid var(--color-input-border);background:var(--color-input-background);border-radius:.5rem;padding:0 .75rem;font-size:14px;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s}.form__section .form-group__input:hover:not(:disabled){border-color:var(--color-input-border-hover)}.form__section .form-group__input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.form__section .form-group__input[readonly]{color:var(--color-text-secondary);background-color:var(--color-surface-secondary);border-color:var(--color-border-subtle);cursor:text}.form__section .form-group textarea{width:100%;height:2.5rem;color:var(--color-text);border:1px solid var(--color-input-border);background:var(--color-input-background);border-radius:.5rem;padding:0 .75rem;font-size:14px;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s}.form__section .form-group textarea:hover:not(:disabled){border-color:var(--color-input-border-hover)}.form__section .form-group textarea:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.form__section .form-group textarea{resize:none;min-height:6rem;padding:.5rem}.form__section .form-group .chars-info{text-align:right;margin-top:.3rem;font-size:12px;font-weight:500}.form__section .form-items{grid-template-columns:minmax(0,2fr) minmax(4rem,.5fr) minmax(7rem,.75fr) minmax(7rem,.75fr) auto;gap:.75rem;margin-bottom:.5rem;display:grid}.form__section .form-items+.form__section .form-items{margin-top:.75rem}.form__section .form-items-header{text-transform:uppercase;font-size:12px;font-weight:500}.form__section .form-items-footer{margin-top:2rem;font-size:16px}.form__section .form-items input{width:100%;min-width:0;height:2.5rem;color:var(--color-text);border:1px solid var(--color-input-border);background:var(--color-input-background);border-radius:.5rem;padding:0 .75rem;font-size:14px;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s}.form__section .form-items input:hover:not(:disabled){border-color:var(--color-input-border-hover)}.form__section .form-items input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.form__section .form-items .button-add-item{color:var(--color-text);border:1px solid var(--color-border-subtle)}.form__section .form-items .button-remove:disabled{color:var(--color-text-muted)}.form__section .form-items .button-remove:disabled svg{stroke-width:2px;width:1.2rem;height:1.2rem}.form .client-combobox{min-width:0;position:relative}.form .client-combobox__results{z-index:20;background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:.75rem;max-height:16rem;padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #10233f1f}.form .client-combobox__option{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .75rem;display:flex}.form .client-combobox__option:hover,.form .client-combobox__option--active{background:var(--color-surface-secondary)}.form .client-combobox__name{font-size:14px;font-weight:500}.form .client-combobox__details,.form .client-combobox__empty{color:var(--color-text-secondary);font-size:12px}.form .client-combobox__empty{padding:.75rem}.form-group__error{color:var(--color-danger);margin-top:.35rem;font-size:.75rem;line-height:1.3;display:block}.form-item-control{flex-direction:column;min-width:0;display:flex}.form input[aria-invalid=true],.form textarea[aria-invalid=true]{border-color:var(--color-danger)}.form input[aria-invalid=true]:focus,.form textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--color-danger-background)}.expense-editor .form-group{min-width:0}.expense-editor .form-group__input{width:100%;min-width:0}@media (width<=40rem){.expense-editor .form__section .form-grid-double{grid-template-columns:1fr}}.form-item-label{display:none}@media (width<=64rem){.form .form__section .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form .form-group,.form .select{min-width:0;max-width:100%}.form :is(input,textarea,select){font-size:1rem}.form .form-group__input,.form .select__trigger{min-height:2.75rem}.form .form__section textarea{height:auto;min-height:6rem}.client-combobox__option,.client-combobox__details{overflow-wrap:anywhere}}@media (width<=40rem){.form .form__section .form-grid,.form .form__section .form-grid-double{grid-template-columns:minmax(0,1fr)}.form .form__section .form-items-header{display:none}.form .form__section .form-items-row{border:1px solid var(--color-border);border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem;padding:.75rem}.form-items-row .form-item-control--description{grid-column:1/-1}.form-items-row .form-item-label{color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.8125rem;display:block}.form-items-row .button-remove{border:1px solid var(--color-border);border-radius:.5rem;place-self:end;place-items:center;width:2.75rem;height:2.75rem;display:grid}.form .form__section .form-items-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;font-size:.875rem}.form-items-footer>span[aria-hidden=true]{display:none}.form-items-footer>span:first-child{grid-column:1/-1}.form-items-footer>span{overflow-wrap:anywhere;min-width:0}}.preview__title{margin-bottom:.5rem;font-size:14px;font-weight:500}.preview__box{border:1px solid var(--color-border-subtle);padding:1rem}.preview__box-header{border-bottom:1px solid var(--color-border-subtle);flex-direction:row;justify-content:space-between;width:100%;margin-bottom:1rem;padding-bottom:1rem;display:inline-flex}.preview__box-left{flex-direction:column;display:inline-flex}.preview__box-right{text-align:right;flex-direction:column;flex-shrink:0;display:inline-flex}.preview__box-logo{width:8rem;margin-bottom:1.5rem}.preview__box-logo img{width:100%}.preview__box-bill-info{flex-direction:column;display:inline-flex}.preview__box-text-strong{margin-bottom:.5rem;font-size:12px;font-weight:500}.preview__box-text{margin-bottom:.2rem;font-size:12px;line-height:1.2}.preview__box-text.issue-date,.preview__box-text.due-date{font-size:12px}.preview__box-text.due-date{color:var(--color-expected)}.preview__box-invoice-number{margin-bottom:.5rem;font-size:16px;font-weight:500}.preview__box-body{flex-direction:column;width:100%;display:inline-flex}.preview__box-items{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;width:100%;margin-bottom:1rem;display:inline-flex}.preview__box-items .item{flex-shrink:0;justify-content:space-between;width:100%;margin-bottom:.5rem;display:inline-flex}.preview__box-items .item .amount{font-variant-numeric:tabular-nums}.preview__box-subtotal{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;width:100%;margin-bottom:1rem;display:inline-flex}.preview__box-subtotal span{flex-direction:row;justify-content:space-between;margin-bottom:.5rem;display:inline-flex}.preview__box-total{flex-direction:row;justify-content:space-between;display:inline-flex}.preview__box-total .preview__box-text{font-size:16px;font-weight:500}.preview__box-total .preview__box-text span{margin-left:.3rem;font-size:12px;font-weight:400}.preview__box-label{background-color:var(--color-expected-soft);width:100%;padding:.5rem 1rem;display:inline-flex}.preview__box-label .icon__circle{margin-right:.5rem}.preview__box-label .label-text-container{flex-direction:column;display:inline-flex}.preview__box-label .label-strong,.preview__box-label .label-text{font-size:12px;line-height:1}.preview__box-label .label-strong{margin-bottom:.3rem;font-weight:500}.preview__details{gap:1rem;margin:0;display:grid}.preview__detail-value{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.preview__multiline{white-space:pre-wrap;overflow-wrap:anywhere}.send-options{margin-top:1rem}.send-options__title{margin-bottom:.5rem;font-size:14px;font-weight:500}.send-options__options-item{justify-content:space-between;align-items:baseline;width:100%;margin-bottom:.75rem;display:inline-flex}.send-options__options-item div{display:inline-flex}.send-options__options-item .icon{margin-right:.5rem}.send-options__options-item .icon svg{width:1rem}.send-options__options-item .label{font-size:14px}.switch{background-color:var(--color-border-strong);cursor:pointer;border:0;border-radius:999px;width:3rem;height:1.75rem;padding:0;transition:background-color .15s;position:relative}.switch__thumb{background-color:var(--color-text);border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .15s;position:absolute;top:.25rem;left:.25rem}.switch--checked{background-color:var(--color-primary)}.switch--checked .switch__thumb{background-color:var(--color-on-primary);transform:translate(1.25rem)}.switch:focus-visible{outline-offset:2px;outline:3px solid}.switch:disabled{cursor:not-allowed;opacity:.5}.toast{z-index:100;top:calc(var(--topbar-height) + 1rem);border:1px solid var(--color-success);background:var(--color-success-background);max-width:24rem;color:var(--color-success);box-shadow:var(--shadow-lg);border-radius:.75rem;align-items:center;gap:.75rem;padding:.9rem 1rem;animation:.18s ease-out toast-enter;display:flex;position:fixed;right:1.5rem}.toast__icon{flex:none;width:1.25rem}.toast__message{color:var(--color-text);flex:1;font-size:.9rem}.toast__close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.toast__close svg{width:1rem}.toast--error{border-color:var(--color-danger);background:var(--color-danger-background);color:var(--color-danger)}@keyframes toast-enter{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:translate(0)}}.confirm-dialog{border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:1rem;margin:auto;padding:1.5rem;overflow-y:auto}.confirm-dialog::backdrop{background:#0006}.confirm-dialog h2{margin:0 0 .75rem;font-size:1.25rem}.confirm-dialog p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.5}.confirm-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.notifications-panel{border:0;border-left:1px solid var(--color-border);width:min(26rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-lg);margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden}.notifications-panel[open]{flex-direction:column;display:flex}.notifications-panel::backdrop{background:var(--color-overlay)}.notifications-panel__header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.notifications-panel__header h2{margin-right:.5rem;font-size:1.25rem;font-weight:600}.notifications-panel__header p{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.notifications-panel__header-col{flex-direction:column;align-items:baseline;display:inline-flex}.notifications-panel__header-row{flex-direction:row;align-items:center;display:inline-flex}.notifications-panel__close{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.notifications-panel__close:hover{background:var(--color-surface-secondary)}.notifications-panel__body{overscroll-behavior:contain;flex:1;min-height:0;padding:1rem;overflow-y:auto}.notifications-panel__list{gap:.75rem;display:grid}.notifications-panel__item{border:1px solid var(--color-border);overflow-wrap:anywhere;background:var(--color-surface);border-radius:.75rem;gap:.5rem;padding:1rem;display:grid}.notifications-panel__item strong{font-weight:600}.notifications-panel__item p{color:var(--color-text-secondary);font-size:.875rem}.notifications-panel__item span{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.notifications-panel__item--unread{background:var(--color-primary-soft)}.notifications-panel__item:hover{border-color:var(--color-primary)}.notifications-panel__empty{text-align:center;color:var(--color-text-secondary);padding:2rem 1rem}.notifications-panel :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.notifications-panel__footer{text-align:center;padding:0 1.5rem 1rem;font-size:12px}.brand-logo>img{width:100%;height:auto;display:block}.brand-logo>.brand-logo__dark,[data-theme=dark] .brand-logo>.brand-logo__light{display:none}[data-theme=dark] .brand-logo>.brand-logo__dark{display:block}.page-loader{width:100%;min-height:calc(100svh - var(--topbar-height));color:var(--color-text);background:var(--color-surface);place-items:center;padding:2rem 1rem;display:grid}.page-loader__content{text-align:center;flex-direction:column;align-items:center;display:flex}.page-loader__spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;width:2.25rem;height:2.25rem;margin-bottom:1rem;animation:.8s linear infinite page-loader-spin;display:block}.page-loader__title{margin:0 0 .25rem;font-size:1rem;font-weight:500;line-height:1.4}.page-loader__description{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}@keyframes page-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-loader__spinner{animation:none}}.overview .cash-flow{width:100%}.overview .cash-flow__values{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;margin-bottom:2rem;display:grid}.overview .upcoming-payments{border-left:2px solid var(--color-expected);margin-top:1rem}.overview .upcoming-payments .upcoming-payment{flex-direction:column;width:100%;margin-bottom:.8rem;padding-left:1.5rem;display:inline-flex}.overview .upcoming-payments .upcoming-payment__date{text-transform:uppercase;color:var(--color-expected);margin-bottom:.5rem;font-size:12px;font-weight:600;line-height:1}.overview .upcoming-payments .upcoming-payment__amount{font-size:16px;font-weight:500;line-height:1}.overview .upcoming-payments .upcoming-payment__invoice{grid-template-columns:1.5fr 1fr 1fr;gap:1rem;display:grid}.overview .upcoming-payments .upcoming-payment__info{flex-direction:column;display:inline-flex}.overview .upcoming-payments .upcoming-payment__title{margin-bottom:.3rem;font-size:16px;font-weight:500;line-height:1}.overview .upcoming-payments .upcoming-payment__client{font-size:14px;font-weight:400;line-height:1}.overview .upcoming-payments .upcoming-payment__due-date{color:var(--color-text-secondary);font-size:14px;font-weight:500;line-height:1}.overview .upcoming-payments__footer{justify-content:space-between;align-items:baseline;width:100%;padding-left:1.5rem;display:inline-flex}.overview .upcoming-payments__remaining{font-size:14px;font-weight:400}.overview .attention-card{border:1px solid;border-color:var(--color-border);background:var(--color-surface);border-color:var(--color-border);border-radius:10px;grid-template-columns:1fr 1fr 1fr;width:100%;padding:1rem;display:grid}.overview .attention-card__summary{flex-direction:row;display:inline-flex}.overview .attention-card__summary .icon__circle{margin-right:1rem}.overview .attention-card__content{flex-direction:column;flex-shrink:0;padding-right:.5rem;display:inline-flex}.overview .attention-card__eyebrow{margin-bottom:.3rem;font-size:14px;font-weight:400;line-height:1}.overview .attention-card__title{margin-bottom:.5rem;font-size:16px;font-weight:500;line-height:1}.overview .attention-card__amount{font-size:24px;font-weight:500;line-height:1}.overview .attention-card__amount .currency-value{flex-direction:column;gap:.3rem;display:inline-flex}.overview .attention-card__amount .currency-value__main{font-size:24px;font-weight:600}.overview .attention-card__amount .currency-value__secondary{font-size:16px;font-weight:600}.overview .attention-card__details{border-left:1px solid var(--color-overdue);flex-direction:column;flex-shrink:0;padding-left:.5rem;display:inline-flex}.overview .attention-card__invoice-number,.overview .attention-card__client,.overview .attention-card__due-date{font-size:14px;font-weight:400;line-height:1}.overview .attention-card__invoice-number{margin-bottom:.5rem;font-weight:500}.overview .attention-card__client{margin-bottom:.3rem}.overview .attention-card__due-date{margin-bottom:.5rem}.overview .attention-card__label{color:var(--color-text-secondary);margin-right:.5rem}.overview .attention-card__badge{text-align:center;text-transform:capitalize;background-color:var(--color-overdue);color:var(--color-text-inverse);border-radius:12px;align-self:flex-start;padding:.3rem 1rem;font-size:12px;font-weight:400;line-height:1.2}.overview .attention-card__actions{flex-direction:column;flex-shrink:0;display:inline-flex}.overview .attention-card__actions .button{min-width:unset;width:100%;margin-bottom:.5rem}.overview .tip-card{border:1px solid;border-color:var(--color-border);background-color:var(--color-flow-soft);border-color:var(--color-border);border-radius:10px;flex-direction:row;gap:1rem;width:100%;padding:1rem;display:inline-flex}.overview .tip-card__info{flex-direction:row;flex:2;display:inline-flex}.overview .tip-card__info .icon__circle{margin-right:1rem}.overview .tip-card__content{flex-direction:column;display:inline-flex}.overview .tip-card__title{margin-bottom:.5rem;font-size:16px;font-weight:600;line-height:1}.overview .tip-card__description{margin-bottom:.5rem;font-size:14px;font-weight:400;line-height:1.5}.overview .tip-card__actions{flex:1;justify-content:flex-end;align-items:flex-end;display:inline-flex}.invoices .invoice-summary__card{padding:1rem;position:relative}.invoices .invoice-summary__header{margin-bottom:1rem}.invoices .invoice-summary__title{font-size:16px;font-weight:500}.invoices .invoice-summary__body{flex-direction:row;gap:.5rem;display:flex}.invoices .invoice-summary__item{border-left:1px solid var(--color-border);flex:1;padding-left:.5rem;display:inline-flex}.invoices .invoice-summary__item:first-of-type{border-left:none;padding-left:0}.invoices .invoice-summary__item .icon__circle{margin-right:.5rem}.invoices .invoice-summary__item .icon__circle .icon{width:1.5rem;height:1.5rem}.invoices .invoice-summary__item-content{flex-direction:column;display:inline-flex}.invoices .invoice-summary__item-number{font-size:18px;font-weight:600}.invoices .invoice-summary__item-label{font-size:14px;font-weight:400}.invoices .invoice-summary__item-amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:400}.invoices .invoice-summary__item-amount .currency-value__main{font-size:14px}.invoices .invoice-summary__info{flex:1}.invoices .invoice-summary__text{margin-bottom:.3rem;font-size:14px;font-weight:400}.invoices .invoice-summary__text .currency-value__main{font-size:14px}.invoices .invoice-summary__action{position:absolute;bottom:1rem;right:1rem}.invoice-detail .actions .button{margin-left:1rem}.invoice-detail .title-container{flex-direction:column;display:inline-flex}.invoice-detail .page-title__container{flex-direction:row;align-items:center;display:inline-flex}.invoice-detail .page-title__container .page-description{margin:0 1rem;font-size:14px}.client-detail{gap:1.5rem;min-width:0;display:grid}.client-detail>*,.client-detail__grid>*{min-width:0}.client-detail .page-header{flex-wrap:wrap;gap:1rem;margin-bottom:0}.client-detail .page-title{overflow-wrap:anywhere}.client-detail__grid{grid-template-columns:1.5fr 1fr;gap:1rem;display:grid}.client-detail__information{gap:1rem;margin:0;display:grid}.client-detail__information dt{color:var(--color-text-muted);font-size:.875rem}.client-detail__information dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0 0}.client-detail__actions{flex-flow:column wrap;gap:.75rem;margin-bottom:1rem;display:flex}.client-detail__actions .button{flex-grow:0}.client-detail__health{text-transform:capitalize;font-weight:600}.client-detail__health[data-status=overdue]{color:var(--color-danger)}.client-detail__health[data-status=active]{color:var(--color-success)}.client-detail__upcoming{margin:1rem 0 0;padding:0;list-style:none}.client-detail__upcoming li{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 0;display:flex}.client-detail__note{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:1rem}.client-detail .metrics{margin-bottom:1rem}@media (width<=64rem){.client-detail .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-detail__grid{grid-template-columns:1fr}}@media (width<=40rem){.client-detail .metrics-grid{grid-template-columns:1fr}}.preview__details-item-main p{font-size:16px;font-weight:500}.preview__details-item{flex-direction:row;display:inline-flex}.preview__details-item .preview__box-icon{stroke-width:1.8px;width:18px;margin-right:.5rem}.preview__details-item p{font-size:14px;font-weight:400}.preview__details-item p.preview__details-item-title{font-weight:500}.preview__details-item.col{flex-direction:column}.expenses-summary{margin-bottom:1.5rem}.expenses-summary>*{min-width:0}.expenses-summary__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1rem;display:grid}.expenses-summary__values dt{color:var(--color-text-muted);font-size:.875rem}.expenses-summary__values dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:1.25rem;font-weight:600}.expenses-summary__progress{width:100%;height:.75rem;accent-color:var(--color-success)}.expenses-summary__warning{color:var(--color-danger);font-size:14px}.expenses-summary__label{margin-bottom:.5rem;font-size:14px;font-weight:400;line-height:1.2}.expenses-summary .form{margin-top:1rem}.expenses-summary .form-group{min-width:0;margin-bottom:1rem;display:flex}.expenses-summary .form-group__input{width:100%;min-width:0}.expenses-summary .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2rem}.expenses-summary .grid-two-cols{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.expenses-summary .form-group__input{margin-bottom:.5rem}.expenses-summary .item-help{font-size:14px}.expenses-summary .actions{justify-content:end;width:100%;display:inline-flex}@media (width<=64rem){.expenses-summary{grid-template-columns:1fr}}@media (width<=40rem){.expenses-summary__values{grid-template-columns:1fr}}.settings-page .page-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.settings-page .page-header .actions .button{margin-left:1rem}.settings-page__appearance-label{text-transform:capitalize}.settings-page__sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.settings-page__sections>*{min-width:0}.settings-page__wide{grid-column:1/-1}.settings-page .form-group{min-width:0}.settings-page .form-group__input{width:100%;min-width:0}@media (width<=64rem){.settings-page__sections{grid-template-columns:1fr}}@media (width<=40rem){.settings-page .form__section .form-grid-double{grid-template-columns:1fr}}.settings-page__appearance{border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;gap:1rem;margin:0 0 1rem;padding:1rem;display:flex}.settings-page__appearance label{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.settings-page__appearance input[type=radio]{appearance:none;border:2px solid var(--color-control-border);background-color:var(--color-surface-elevated);cursor:pointer;border-radius:50%;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;margin:0;transition:border-color .15s,background-color .15s}.settings-page__appearance input[type=radio]:checked{border-color:var(--color-primary);background-color:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-surface-elevated)}.settings-page__appearance input[type=radio]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.settings-page__appearance input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.settings-page__preference{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.settings-page__preference .switch{flex-shrink:0}.topbar__mobile-brand,.topbar__mobile-menu,.topbar__date-short,.sidebar__user{display:none}.topbar{height:var(--topbar-height);z-index:200}.dashboard__main{padding-top:var(--topbar-height)}.sticky{z-index:30}.toast{z-index:300}.mobile-navigation{overscroll-behavior:contain;width:100%;max-width:100%;height:100dvh;max-height:100dvh;color:var(--color-text);background:var(--color-nav-background);border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.mobile-navigation[open]{display:block}.mobile-navigation::backdrop{background:var(--color-overlay)}.mobile-navigation__close{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex;position:fixed;top:1rem;right:1rem}.mobile-navigation__close svg{width:1.25rem;height:1.25rem}.mobile-navigation .sidebar{width:100%;min-height:100%;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));border-right:0;position:static;overflow:visible}.mobile-navigation .sidebar__brand{padding-right:4rem}.mobile-navigation .sidebar__nav{margin-top:2rem}.mobile-navigation .sidebar__link{min-height:2.75rem}.mobile-navigation .sidebar__footer{padding-top:1rem}.mobile-navigation .sidebar__user{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;padding:0 0 1rem .5rem;display:flex}.mobile-navigation .sidebar__user-avatar{background:var(--color-surface-secondary);border-radius:50%;flex:0 0 2.5rem;place-items:center;height:2.5rem;display:grid}.mobile-navigation .sidebar__user-info{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.mobile-navigation .sidebar__user-info strong{font-size:.875rem;font-weight:600}.mobile-navigation .sidebar__user-info span{color:var(--color-text-secondary);font-size:.8125rem}.mobile-navigation :is(a,button,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (width<=64rem){:root{--topbar-height:4rem}html{scroll-padding-top:calc(var(--topbar-height) + 9rem)}.dashboard__desktop-sidebar{display:none}.dashboard .dashboard__content{width:100%;margin-left:0}.topbar{gap:.75rem;padding:0 .75rem;left:0}.topbar__sidebar-toggle{display:none}.topbar__mobile-brand{flex:0 0 2rem;width:2rem;display:inline-flex}.topbar__actions{gap:.5rem;min-width:0}.topbar__mobile-menu{border-radius:.5rem;flex:0 0 2.75rem;justify-content:center;align-items:center;height:2.75rem;display:inline-flex}.topbar__mobile-menu svg{width:1.5rem;height:1.5rem}.topbar__icon-bell{flex-shrink:0;width:2.75rem;height:2.75rem}.topbar__info,.topbar__profile-avatar,.topbar__date{margin:0}.topbar__profile-user,.topbar__date-long{display:none}.topbar__date-short{white-space:nowrap;font-size:.75rem;display:inline}.topbar__profile-avatar{width:2.25rem;height:2.25rem;font-size:.875rem}.topbar :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}}@media (width<=29.999rem){.topbar__date{display:none}}.main-content,.main-content>*,.metrics-grid>*,.split-grid>*,.entity-form-layout__grid>*,.client-detail__grid>*,.settings-page__sections>*{min-width:0}@media (width<=80rem){.metrics-grid,.client-detail .metrics-grid,.expenses-summary .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.client-detail__grid,.expenses-summary .grid-two-cols,.settings-page__sections{grid-template-columns:minmax(0,1fr);gap:1rem}.entity-form-layout__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"form""preview"}.entity-form-layout__preview{position:static}.page-header{align-items:center;gap:1rem}.page-title{font-size:1.75rem;line-height:1.15}.page-description{line-height:1.4}.page-header .actions{flex-wrap:wrap;gap:.5rem;display:flex}.page-header .button,.overview .attention-card .button,.overview .tip-card .button{white-space:nowrap;min-width:0;height:auto;min-height:2.75rem;padding:.625rem .75rem;font-size:.875rem}.entity-form-layout .actions .button,.settings-page .page-header .actions .button,.invoice-detail .actions .button{margin-left:0}.metric-card{min-width:0}.metric-card__body{min-width:0;max-width:100%}.metric-card__label,.metric-card__detail{overflow-wrap:anywhere;line-height:1.35}.metric-card__change{flex-wrap:wrap;line-height:1.3}}@media (width<=64rem){.main-content{padding:0 .75rem 1rem}.page-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;margin-bottom:1rem;padding:.875rem .75rem;display:grid}.page-header>div{min-width:0}.page-title{overflow-wrap:anywhere;font-size:clamp(1.25rem,3.5vw,1.625rem)}.page-description{font-size:.8125rem;line-height:1.35}.page-header .button{padding-inline:.625rem;font-size:.8125rem}.page-header .button .icon{width:1rem;margin-right:.3rem}.page-header .button.icon-right .icon{margin-left:.3rem;margin-right:0}.entity-form-layout__header.page-header,.settings-page .page-header,.invoice-detail .page-header{grid-template-columns:minmax(0,1fr)}.entity-form-layout__header .actions,.settings-page .page-header .actions,.invoice-detail .page-header .actions{flex-wrap:nowrap;width:100%}.entity-form-layout__header .actions .button,.settings-page .page-header .actions .button,.invoice-detail .page-header .actions .button{flex:1 1 0;min-width:0;padding-inline:.375rem;font-size:.75rem}.invoice-detail .page-title__container{flex-wrap:wrap;gap:.5rem}.invoice-detail .page-title__container .page-description{margin:0}.section{margin-bottom:1rem}.metrics-grid{gap:.625rem}.metric-card{padding:.75rem}.metric-card .icon__circle{width:2rem;height:2rem;margin-bottom:.625rem}.metric-card .icon__circle .icon{width:1.125rem;height:1.125rem}.metric-card .metric-card__label{margin-bottom:.5rem;font-size:.6875rem}.metric-card .metric-card__value{overflow-wrap:anywhere;margin-bottom:.625rem;font-size:clamp(1rem,3vw,1.375rem)}.metric-card .metric-card__value span{font-size:inherit}.metric-card .metric-card__value .currency-value__secondary,.metric-card .metric-card__value .currency-value__code,.metric-card__change,.metric-card__detail{font-size:.75rem}.metric-card__change-label{flex-basis:100%}.elevated-surface{padding:1rem .75rem}.panel__header{flex-wrap:wrap;align-items:center;gap:.5rem}.panel__title{font-size:1rem}}@media (width<=80rem){.overview .attention-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.overview .attention-card__summary,.overview .attention-card__content,.overview .attention-card__details{overflow-wrap:anywhere;min-width:0}.overview .attention-card__content{flex-shrink:1}.overview .attention-card__actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.overview .attention-card__actions .button{margin-bottom:0}.overview .tip-card{flex-wrap:wrap}.overview .tip-card__info{flex:16rem;min-width:0}.overview .tip-card__content{min-width:0}.overview .tip-card__actions{flex:none;margin-left:auto}.overview .tip-card__actions .button{white-space:nowrap}}@media (width<=64rem){.overview .cash-flow__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-bottom:1rem}.overview .cash-flow__values>:last-child{grid-column:1/-1}.overview .cash-flow__values .metric-card--compact{flex-direction:column;align-items:flex-start}.cash-flow-chart{height:15rem}.overview .upcoming-payments{border-left:0}.overview .upcoming-payments .upcoming-payment{border:1px solid var(--color-border-subtle);border-radius:.625rem;margin-bottom:.75rem;padding:.75rem}.overview .upcoming-payments .upcoming-payment__invoice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.overview .upcoming-payments .upcoming-payment__info{grid-column:1/-1}.overview .upcoming-payments .upcoming-payment__invoice>*{overflow-wrap:anywhere;min-width:0}.overview .upcoming-payments .upcoming-payment__title,.overview .upcoming-payments .upcoming-payment__amount{font-size:.875rem;line-height:1.3}.overview .upcoming-payments .upcoming-payment__client,.overview .upcoming-payments .upcoming-payment__due-date{font-size:.8125rem;line-height:1.3}.overview .upcoming-payments .upcoming-payment__due-date{text-align:right}.overview .upcoming-payments__footer{flex-wrap:wrap;gap:.75rem;padding-left:0}}@media (width<=40rem){.overview .attention-card{grid-template-columns:minmax(0,1fr)}.overview .attention-card__details{border-left:0;border-top:1px solid var(--color-border);padding:.75rem 0 0}.overview .attention-card__actions{grid-column:auto}.overview .tip-card{flex-direction:column}.overview .tip-card__info{flex:auto}.overview .tip-card__actions{align-self:flex-end}}@media (width<=80rem){.invoices .invoice-summary__body--stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.invoices .invoice-summary__item{border-left:0;min-width:0;padding-left:0}.invoices .invoice-summary__item-content{overflow-wrap:anywhere;min-width:0}.invoices .invoice-summary__body{flex-wrap:wrap;align-items:flex-start}.invoices .invoice-summary__info{flex:15rem;min-width:0}.invoices .invoice-summary__action{flex-shrink:0;margin-left:auto;position:static}.panel-card .client-health{flex-direction:column;gap:1rem;width:100%;display:flex}.panel-card .client-health__chart{flex-wrap:wrap;align-items:center;gap:1rem;min-width:0}.panel-card .client-health__chart .chart-values{flex:12rem;margin-left:0}.panel-card .client-health__average{border-left:0;border-top:1px solid var(--color-border-subtle);margin-left:0;padding:1rem 0 0}.panel-card .needs-follow-up__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.panel-card .needs-follow-up__info,.panel-card .needs-follow-up__amount{overflow-wrap:anywhere;min-width:0}.panel-card .needs-follow-up__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-card .needs-follow-up__footer .button{position:static}}@media (width<=40rem){.panel-card .client-health__chart{flex-direction:column;align-items:stretch}.panel-card .client-health__donut{align-self:center;width:10rem;height:10rem}.panel-card .client-health__chart .chart-values{flex:auto}.invoices .invoice-summary__item .icon__circle{width:1.75rem;height:1.75rem;margin-right:.375rem}.invoices .invoice-summary__item .icon__circle .icon{width:1rem;height:1rem}.invoices .invoice-summary__item-label{font-size:.75rem}}@media (width<=64rem){.preview,.send-options{width:100%;min-width:0}.preview__box{padding:.75rem}.preview__box-header{gap:1rem}.preview__box-left,.preview__box-right{flex:1 1 0;min-width:0}.preview__box-text,.preview__box-text-strong,.preview__box-invoice-number,.preview__detail-value{overflow-wrap:anywhere}.preview__box-items .item{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding-bottom:.5rem;display:grid}.preview__box-items .item>*{min-width:0}.preview__box-items .item .amount{text-align:right}.preview__box-subtotal>span,.preview__box-total{gap:.75rem}.preview__box-label{align-items:flex-start;padding:.75rem}.preview__box-label .label-text-container{min-width:0}.preview__box-label .label-strong,.preview__box-label .label-text{line-height:1.4}.send-options__options-item{align-items:center;gap:.75rem}.send-options__options-item>div{align-items:flex-start;min-width:0}.send-options .switch{flex-shrink:0}.settings-page__preference{gap:.75rem}.settings-page__preference>div{min-width:0}}@media (width<=40rem){.preview__box-header{flex-direction:column}.preview__box-right{text-align:left}.preview__box-logo{width:7rem;margin-bottom:1rem}.preview__box-items .item{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));padding:.625rem 0}.preview__box-items .item>:first-child{grid-column:1/-1;font-weight:500}.toast{overflow-wrap:anywhere;max-width:none;left:.75rem;right:.75rem}.notifications-panel{width:100%;max-width:100%}.notifications-panel__header,.notifications-panel__toolbar{padding:1rem}}@media (prefers-reduced-motion:reduce){.dashboard__content,.topbar,.sidebar,.sidebar__link-label{transition:none}}@media (width<=64rem){.table-pagination{flex-direction:column;align-items:stretch}.table-pagination__info{text-align:center;font-size:.8125rem}.table-pagination__pages{flex-wrap:wrap;justify-content:center}.table-pagination__button{min-width:2.75rem;height:2.75rem}.action-menu__dropdown{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto}.action-menu__item{white-space:normal;min-height:2.75rem}.form .form__section :is(input,textarea,select){font-size:1rem}.page-header>.button--primary{min-width:clamp(8.5rem,36vw,10rem);padding-inline:1rem}.entity-form-layout__header .actions .button.button--primary,.settings-page .page-header .actions .button.button--primary,.invoice-detail .page-header .actions .button.button--primary{flex-grow:1.3}.topbar__icon-bell{isolation:isolate;background:0 0;border:0;width:2.75rem;height:2.75rem}.topbar__icon-bell:before{content:"";border:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);pointer-events:none;border-radius:50%;position:absolute;inset:.25rem}.topbar__icon-bell__bell{z-index:1;width:1.125rem;height:1.125rem;position:relative}.topbar__icon-bell__label{z-index:2;width:auto;min-width:1.125rem;height:1.125rem;padding-inline:.2rem;font-size:.625rem;line-height:1;top:0;right:0}}
