html{--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .24s;--dur-slow: .4s;--duration-fast: var(--dur-fast);--duration-base: var(--dur-base);--nav-h: 72px;--nav-total-h: calc(var(--nav-h) + var(--safe-bottom));--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--page-px: 20px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--card-gap: 12px;--section-gap: 24px;--card-padding: 16px;--header-pad-y: 16px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}html[data-theme=dark],html:not([data-theme]){color-scheme:dark;--bg-base: #07080f;--bg-elevated: #0c0d1a;--bg-surface: #111220;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-input: rgba(255, 255, 255, .05);--bg-overlay: rgba(7, 8, 15, .85);--glass-blur: blur(24px) saturate(180%);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong:rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .35);--glass-strong: rgba(255, 255, 255, .07);--primary: #98ffd8;--primary-solid: #10b981;--primary-mid: #34d399;--primary-glow: rgba(152, 255, 216, .35);--primary-dim: rgba(152, 255, 216, .1);--primary-fg: #07080f;--mint: #10b981;--mint-light: #34d399;--mint-glow: rgba(16, 185, 129, .4);--mint-dim: rgba(16, 185, 129, .12);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .12);--rose: #f43f5e;--rose-dim: rgba(244, 63, 94, .12);--sky: #38bdf8;--sky-dim: rgba(56, 189, 248, .12);--slate: #64748b;--slate-dim: rgba(100, 116, 139, .12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-tertiary: #475569;--text-inverse: #0f172a;--border: rgba(255, 255, 255, .07);--divider: rgba(255, 255, 255, .05);--status-draft: #64748b;--status-draft-dim: rgba(100, 116, 139, .15);--status-pending: #f59e0b;--status-pending-dim: rgba(245, 158, 11, .15);--status-approved: #10b981;--status-approved-dim: rgba(16, 185, 129, .15);--status-partially_paid: #38bdf8;--status-partially_paid-dim:rgba(56, 189, 248, .15);--status-paid: #98ffd8;--status-paid-dim: rgba(152, 255, 216, .15);--status-overdue: #f43f5e;--status-overdue-dim: rgba(244, 63, 94, .15);--status-cancelled: #475569;--status-cancelled-dim: rgba(71, 85, 105, .15);--bg: var(--bg-base);--surface: var(--bg-surface);--surface-raised: #1a1b2c;--background-primary: var(--bg-base);--surface-navbar: rgba(7, 8, 15, .92);--surface-navbar-border: rgba(255, 255, 255, .06);--toggle-knob: #ffffff;--on-primary: var(--primary-fg);--surface-floating-dock: rgba(12, 13, 26, .88);--surface-floating-dock-highlight: rgba(255, 255, 255, .06);--surface-floating-tab: rgba(12, 13, 26, .94);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.45);--shadow-lg: 0 8px 32px rgba(0,0,0,.55);--shadow-primary: 0 4px 20px rgba(152, 255, 216, .25)}html[data-theme=light]{color-scheme:light;--bg-base: #f0fdf7;--bg-elevated: #ffffff;--bg-surface: #f8fffe;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .98);--bg-input: rgba(0, 0, 0, .04);--bg-overlay: rgba(240, 253, 247, .9);--glass-blur: blur(20px) saturate(200%);--glass-border: rgba(0, 0, 0, .08);--glass-border-strong:rgba(0, 0, 0, .15);--glass-shadow: 0 4px 20px rgba(16, 185, 129, .08), 0 1px 4px rgba(0,0,0,.08);--glass-strong: rgba(255, 255, 255, .92);--primary: #00c170;--primary-solid: #059669;--primary-mid: #10b981;--primary-glow: rgba(5, 150, 105, .25);--primary-dim: rgba(5, 150, 105, .08);--primary-fg: #ffffff;--mint: #059669;--mint-light: #10b981;--mint-glow: rgba(5, 150, 105, .25);--mint-dim: rgba(5, 150, 105, .08);--amber: #d97706;--amber-dim: rgba(217, 119, 6, .1);--rose: #e11d48;--rose-dim: rgba(225, 29, 72, .1);--sky: #0284c7;--sky-dim: rgba(2, 132, 199, .1);--slate: #94a3b8;--slate-dim: rgba(148, 163, 184, .1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-tertiary: #64748b;--text-inverse: #f1f5f9;--border: rgba(0, 0, 0, .08);--divider: rgba(0, 0, 0, .05);--status-draft: #64748b;--status-draft-dim: rgba(100, 116, 139, .1);--status-pending: #d97706;--status-pending-dim: rgba(217, 119, 6, .1);--status-approved: #059669;--status-approved-dim: rgba(5, 150, 105, .1);--status-partially_paid: #0284c7;--status-partially_paid-dim:rgba(2, 132, 199, .1);--status-paid: #00c170;--status-paid-dim: rgba(0, 193, 112, .1);--status-overdue: #e11d48;--status-overdue-dim: rgba(225, 29, 72, .1);--status-cancelled: #94a3b8;--status-cancelled-dim: rgba(148, 163, 184, .1);--bg: var(--bg-base);--surface: var(--bg-surface);--surface-raised: #e3f3ec;--background-primary: var(--bg-base);--surface-navbar: rgba(255, 255, 255, .92);--surface-navbar-border: rgba(0, 0, 0, .08);--toggle-knob: #ffffff;--on-primary: var(--primary-fg);--surface-floating-dock: rgba(255, 255, 255, .92);--surface-floating-dock-highlight: rgba(255, 255, 255, .8);--surface-floating-tab: rgba(248, 255, 254, .96);--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 3px 12px rgba(0,0,0,.1);--shadow-lg: 0 6px 24px rgba(0,0,0,.12);--shadow-primary: 0 4px 20px rgba(5, 150, 105, .2)}.glass,.modal,.stat-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a}.glass--strong{background:var(--glass-strong);border-color:var(--glass-border-strong)}.page{width:100%;max-width:100%;overflow-x:clip;background:var(--background-primary);color:var(--text-primary);padding:var(--safe-top) calc(var(--page-px) + var(--safe-right)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--page-px) + var(--safe-left));position:relative;z-index:1}.viewport-frame--nav .page{padding-bottom:calc(var(--nav-total-h) + var(--space-4))}@media (min-width: 1024px){.page{max-width:1360px;margin-inline:auto;padding-inline:40px;padding-top:var(--space-3)}.page__header,.page-header{padding-top:var(--space-4)}.page__header__title,.page-header .page-title,.page-header__title{font-size:1.625rem}.page__body.page__body--list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.page__body.page__body--list>.btn--full,.page__body.page__body--list>.section-label,.page__body.page__body--list>.empty-state,.page__body.page__body--list>.offline-banner{grid-column:1/-1}}.page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--header-pad-y) 0 var(--space-3)}.page__header__title{font-size:1.375rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);margin:0}.page__header__sub{font-size:.8125rem;color:var(--text-secondary);margin-top:2px}.page__toolbar{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-3)}.page__body{display:flex;flex-direction:column;gap:var(--section-gap)}.page__body--list{gap:var(--card-gap)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0 var(--space-4);gap:var(--space-3)}.page-header .page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin:0}.page-header .page-sub{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.section{display:flex;flex-direction:column;gap:var(--card-gap)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:4px}.section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.link-small{font-size:.75rem;font-weight:600;color:var(--primary-solid);text-decoration:none;white-space:nowrap}.link-small:hover{text-decoration:underline}.card-list,.invoice-list{display:flex;flex-direction:column;gap:var(--card-gap)}.scroll-x{display:flex;gap:var(--card-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.row{display:flex;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.section-label--spaced{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--divider)}.stagger>*{animation:slideUp .32s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.stagger>*:nth-child(11){animation-delay:.4s}.stagger>*:nth-child(12){animation-delay:.44s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:all var(--dur-base) var(--ease-out);text-decoration:none;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(160deg,var(--primary-mid, #34d399) 0%,var(--primary-solid) 55%,#059669 100%);color:var(--primary-fg);box-shadow:0 4px 20px #10b98159,inset 0 1px #ffffff2e;font-weight:700}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #10b9818c,inset 0 1px #ffffff38}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #10b9814d}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--glass-border-strong)}.btn--ghost{background:transparent;color:var(--primary);border:1px solid var(--primary-dim)}.btn--ghost:hover:not(:disabled){background:var(--primary-dim)}.btn--danger{background:var(--rose-dim);color:var(--rose);border:1px solid rgba(244,63,94,.2)}.btn--danger:hover:not(:disabled){background:#f43f5e33}.btn--icon{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border-radius:var(--radius-sm)}.btn--full{width:100%}.btn--sm{padding:7px 13px;font-size:.8125rem}.btn--lg{padding:16px 28px;font-size:.975rem;min-height:52px;font-weight:700}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em}.input{width:100%;padding:13px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-family:inherit;outline:none;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);box-sizing:border-box}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-dim);background:var(--bg-elevated)}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px}select.input option{background:var(--bg-elevated);color:var(--text-primary)}textarea.input{resize:vertical;min-height:96px;line-height:1.45;padding-top:12px;padding-bottom:12px}.form-error{font-size:.775rem;color:var(--rose);font-weight:500}.input-wrap{position:relative}.input-wrap .input{padding-right:44px}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-xs);transition:color var(--dur-fast)}.eye-btn:hover{color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill.status--draft{background:var(--status-draft-dim);color:var(--status-draft)}.status-pill.status--pending{background:var(--status-pending-dim);color:var(--status-pending)}.status-pill.status--approved{background:var(--status-approved-dim);color:var(--status-approved)}.status-pill.status--partially_paid{background:var(--status-partially_paid-dim);color:var(--status-partially_paid)}.status-pill.status--paid{background:var(--status-paid-dim);color:var(--status-paid)}.status-pill.status--overdue{background:var(--status-overdue-dim);color:var(--status-overdue)}.status-pill.status--cancelled{background:var(--status-cancelled-dim);color:var(--status-cancelled)}.stat-card{padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.stat-card .stat-card__label,.stat-card__label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.stat-card .stat-card__value,.stat-card__value{font-size:1.375rem;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-card .stat-card__sub,.stat-card__sub{font-size:.6875rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header .section-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--card-padding);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);cursor:pointer}.list-item:hover{background:var(--bg-card-hover);border-color:var(--glass-border-strong)}.avatar{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-dim);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;flex-shrink:0;text-transform:uppercase}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--card-padding);text-align:center;border-radius:var(--radius-lg)}.empty-state .empty-state__icon,.empty-state svg{opacity:.45;color:var(--text-muted)}.empty-state .empty-state__title,.empty-state p{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin:0}.empty-state .empty-state__sub{font-size:.8125rem;color:var(--text-muted);max-width:280px;line-height:1.45;margin:0}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton--card{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;transition:border-color var(--dur-base)}.search-bar:focus-within{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-dim)}.search-bar svg{flex-shrink:0;color:var(--text-muted)}.search-bar input{flex:1;background:none;border:none;outline:none;font-size:.9rem;color:var(--text-primary)}.search-bar input::placeholder{color:var(--text-muted)}.tab-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tab-pills::-webkit-scrollbar{display:none}.tab-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--dur-fast)}.tab-pill.active{background:var(--primary-dim);border-color:var(--primary-solid);color:var(--primary)}.tab-pill .count{background:var(--bg-card);border-radius:var(--radius-full);padding:1px 6px;font-size:.7rem}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0 0 var(--safe-bottom);animation:fadeIn var(--dur-base) var(--ease-out) both}@media (min-width: 640px){.modal-overlay{align-items:center;padding:24px}}.modal{width:100%;max-width:500px;max-height:90dvh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;animation:slideUp var(--dur-slow) var(--ease-spring) both}@media (min-width: 640px){.modal{border-radius:var(--radius-xl)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.api-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--rose-dim);border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-sm);color:var(--rose);font-size:.85rem}.feature-gate{position:relative;cursor:pointer}.feature-gate__overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px;border-radius:inherit;background:color-mix(in srgb,var(--bg-overlay) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.feature-gate__lock{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-solid);background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--primary-solid) 40%,transparent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;height:100dvh;width:100%;max-width:100vw;overflow:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;overscroll-behavior-x:none;user-select:none;-webkit-user-select:none}body{height:100%;height:100dvh;width:100%;max-width:100vw;overflow:hidden;overscroll-behavior:none;overscroll-behavior-x:none;position:relative;background:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI Variable,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;transition:background var(--dur-slow) var(--ease-out),color var(--dur-slow)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 30%,rgba(16,185,129,.13) 0%,transparent 60%),radial-gradient(ellipse 65% 55% at 90% 10%,rgba(152,255,216,.09) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 50% 95%,rgba(16,185,129,.08) 0%,transparent 60%);pointer-events:none;z-index:0;transition:background var(--dur-slow) var(--ease-out)}body ::-webkit-scrollbar{width:4px;height:4px}body ::-webkit-scrollbar-track{background:transparent}body ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}body ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html[dir=rtl] body{font-family:IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html[dir=rtl] .pref-row__chevron{transform:scaleX(-1)}html[data-theme=light] body:before{background:radial-gradient(ellipse 80% 60% at 10% 30%,rgba(5,150,105,.08) 0%,transparent 60%),radial-gradient(ellipse 65% 55% at 90% 10%,rgba(16,185,129,.06) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 50% 95%,rgba(5,150,105,.05) 0%,transparent 60%)}app-root{display:block;width:100%;max-width:100vw;height:100dvh;overflow:hidden;overscroll-behavior:none}input,textarea,select,option,[contenteditable=true],.selectable,.selectable *{user-select:text;-webkit-user-select:text}button,a,label,[role=button],.btn,.tax-pill,.tva-toggle,.smart-tax__action{-webkit-tap-highlight-color:transparent}a[x-apple-data-detectors],a[href^="tel:"],a[href^="sms:"],a[href^="mailto:"]:not(.link):not(.btn){color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important}button,[role=button]{color:inherit;font-family:inherit}button,[role=button],.btn,.nav-item,.tab-pill,.icon-btn{min-height:var(--touch-min);min-width:var(--touch-min)}button.btn--inline,button.toggle,a.link{min-height:unset;min-width:unset}.eye-btn{min-width:var(--touch-min);min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center}::view-transition-old(root),::view-transition-new(root){animation-duration:.12s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-fade-in}@keyframes vt-fade-out{0%{opacity:1}to{opacity:.96}}@keyframes vt-fade-in{0%{opacity:.96}to{opacity:1}}.app-shell,.page,.page__body,.overlay,.vc-workspace__main,.vc-form,.scroll-region,[class*=__body],[class*=-list],.suggestions{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-x:none}.scroll-region{overflow-y:auto;overflow-x:hidden}::selection{background:var(--primary-dim);color:var(--primary-mid)}.glass--interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.glass--interactive:active{transform:scale(.97)}@media (hover: hover){.glass--interactive:hover{background:var(--bg-card-hover);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:var(--radius-full);font-size:.69rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--draft{background:var(--status-draft-dim);color:var(--status-draft)}.badge--pending{background:var(--status-pending-dim);color:var(--status-pending)}.badge--approved{background:var(--status-approved-dim);color:var(--status-approved)}.badge--paid{background:var(--status-paid-dim);color:var(--status-paid)}.badge--overdue{background:var(--status-overdue-dim);color:var(--status-overdue)}.badge--cancelled{background:var(--status-cancelled-dim);color:var(--status-cancelled)}.badge--partially_paid{background:var(--status-partially_paid-dim);color:var(--status-partially_paid)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-mint{color:var(--primary)!important}.text-amber{color:var(--amber)!important}.text-rose{color:var(--rose)!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.divider{height:1px;background:var(--divider);border:none;margin:16px 0}.link{color:var(--primary);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.payment-row__date,.invoice-row__date,.receipt-card__date,.due-chip,.seal-info__date,.portal__date-display,.locale-date{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";unicode-bidi:isolate;direction:ltr;white-space:nowrap;display:inline-block;min-width:7.5ch;text-align:start}