:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-900:#0c4a6e;--color-status-active:#10b981;--color-status-overdue:#f59e0b;--color-status-paid:#6b7280;--color-status-cancelled:#9ca3af;--color-risk-low:#10b981;--color-risk-medium:#f59e0b;--color-risk-high:#ef4444;--color-risk-very-high:#dc2626;--color-behavior-clear:#10b981;--color-behavior-regular:#3b82f6;--color-behavior-delayed:#f59e0b;--color-behavior-risky:#ef4444;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-mono:"JetBrains Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-none:none;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--transition-fast:120ms ease;--transition-base:150ms ease;--transition-slow:200ms ease}*{-webkit-overflow-scrolling:touch}[role=button],a,button{touch-action:manipulation}@media (max-width:768px){input,select,textarea{font-size:16px!important}[role=button],a,button{min-height:44px}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f7f6f2;--bg-secondary:#faf9f6;--bg-tertiary:#f0efeb;--bg-hover:#eeede9;--text-primary:#2e2e2e;--text-secondary:#6b6f6a;--text-tertiary:#8e918c;--border-color:#e2e4e1;--border-light:#e8eae7;--shadow:#0000000a;--shadow-hover:#0000000f;--accent:#8faf9a;--accent-hover:#7f9f8a;--accent-light:#e8f0ec;--accent-color:#8faf9a;--focus-ring:#9db7a4;--on-accent:#2e2e2e;--sidebar-bg:#f1f4f1;--theme-sidebar-bg:#f1f4f1;--selection-bg:#0000;--error:#b8544a;--success:#5a8f6e}:root,[data-theme=light]{--bg-primary:#f7f6f2;--bg-secondary:#faf9f6;--bg-tertiary:#f0efeb;--bg-hover:#eeede9;--border-color:#e2e4e1;--border-light:#e5e7e3;--accent:#8faf9a;--accent-hover:#7f9f8a;--accent-light:#e8f0ec;--accent-color:#8faf9a;--focus-ring:#9db7a4;--on-accent:#2e2e2e;--sidebar-bg:#f1f4f1;--theme-sidebar-bg:#f1f4f1;--selection-bg:#0000}[data-theme=light-ocean]{--bg-primary:#f4f6f9;--bg-secondary:#f6f9fc;--bg-tertiary:#eef2f7;--bg-hover:#e6ebf2;--border-color:#dee4eb;--border-light:#e4e9ef;--accent:#4a90d9;--accent-hover:#3a7bc4;--accent-light:#e3eff9;--accent-color:#4a90d9;--focus-ring:#5b9fe8;--on-accent:#faf9f6;--sidebar-bg:#e8f2fa;--theme-sidebar-bg:#e8f2fa;--selection-bg:#0000}[data-theme=light-violet]{--bg-primary:#f6f5f9;--bg-secondary:#f8f7fb;--bg-tertiary:#efedf4;--bg-hover:#e8e5ef;--border-color:#e2dee8;--border-light:#e8e4ed;--accent:#7c6bb5;--accent-hover:#6a5a9e;--accent-light:#ede9f5;--accent-color:#7c6bb5;--focus-ring:#8e7ec4;--on-accent:#faf9f6;--sidebar-bg:#f3eff9;--theme-sidebar-bg:#f3eff9;--selection-bg:#0000}[data-theme=light-coral]{--bg-primary:#faf6f5;--bg-secondary:#fcf9f8;--bg-tertiary:#f5efed;--bg-hover:#f0e8e6;--border-color:#e8e0de;--border-light:#ede5e3;--accent:#d97b6b;--accent-hover:#c46a5a;--accent-light:#faedea;--accent-color:#d97b6b;--focus-ring:#e08b7c;--on-accent:#2e2e2e;--sidebar-bg:#fbf0ed;--theme-sidebar-bg:#fbf0ed;--selection-bg:#0000}[data-theme=light-teal]{--bg-primary:#f4f9f8;--bg-secondary:#f6faf9;--bg-tertiary:#ecf5f4;--bg-hover:#e4efee;--border-color:#dce8e6;--border-light:#e2ecea;--accent:#3a9b8e;--accent-hover:#2e8a7e;--accent-light:#e4f3f1;--accent-color:#3a9b8e;--focus-ring:#4aab9e;--on-accent:#faf9f6;--sidebar-bg:#e8f5f3;--theme-sidebar-bg:#e8f5f3;--selection-bg:#0000}[data-theme=light-amber]{--bg-primary:#faf9f4;--bg-secondary:#fcfbf6;--bg-tertiary:#f5f3eb;--bg-hover:#f0ede4;--border-color:#e8e6dc;--border-light:#eceae2;--accent:#c9a227;--accent-hover:#b38f20;--accent-light:#f9f4e3;--accent-color:#c9a227;--focus-ring:#d4b030;--on-accent:#2e2e2e;--sidebar-bg:#fbf6e8;--theme-sidebar-bg:#fbf6e8;--selection-bg:#0000}[data-theme=light-rose]{--bg-primary:#faf6f7;--bg-secondary:#fcf9fa;--bg-tertiary:#f5eff1;--bg-hover:#f0e8ea;--border-color:#e8e0e2;--border-light:#ede5e7;--accent:#c97b8b;--accent-hover:#b86a7a;--accent-light:#faedf0;--accent-color:#c97b8b;--focus-ring:#d88b9b;--on-accent:#2e2e2e;--sidebar-bg:#fbf0f2;--theme-sidebar-bg:#fbf0f2;--selection-bg:#0000}[data-theme=light-indigo]{--bg-primary:#f5f6f9;--bg-secondary:#f7f8fb;--bg-tertiary:#eef0f5;--bg-hover:#e6e8f0;--border-color:#dee0e8;--border-light:#e4e6ed;--accent:#5b6bb8;--accent-hover:#4a5aa3;--accent-light:#e8ebf5;--accent-color:#5b6bb8;--focus-ring:#6d7cc8;--on-accent:#faf9f6;--sidebar-bg:#eef0f9;--theme-sidebar-bg:#eef0f9;--selection-bg:#0000}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-hover:#222;--text-primary:#e8e8e6;--text-secondary:#a0a0a0;--text-tertiary:#6a6a6a;--border-color:#2a2a2a;--border-light:#333;--shadow:#0006;--shadow-hover:#0009;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#1e3a5f;--accent-color:#3b82f6;--focus-ring:#60a5fa;--on-accent:#fff;--sidebar-bg:#0d0d0d;--selection-bg:#0000;--error:#ef4444;--success:#10b981}:focus-visible{outline:2px solid #9db7a4;outline:2px solid var(--focus-ring,var(--accent));outline-offset:2px;transition:outline-color .12s ease,outline-offset .12s ease}::selection{background:#0000;background:var(--selection-bg,var(--accent-light));color:#2e2e2e;color:var(--text-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f6f2;background-color:var(--bg-primary);color:#2e2e2e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-sans,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif);overflow:hidden}@media (max-width:768px){body{overflow:auto;overflow-x:hidden}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-family-mono,source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--accent);color:var(--on-accent);transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 2px 6px var(--shadow-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn-text{background-color:initial;color:var(--text-secondary)}.btn-ghost,.btn-text:hover:not(:disabled){color:var(--text-primary)}.btn-ghost{background-color:initial;border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled),[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-light)}.btn-small{font-size:12px;padding:6px 12px}.btn-medium{font-size:14px;padding:10px 20px}.btn-large{font-size:16px;padding:14px 28px}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:400px;padding:var(--spacing-2xl)}.error-boundary-content{max-width:500px;text-align:center}.error-boundary-title{color:var(--color-neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.error-boundary-message{color:var(--color-neutral-600);font-size:var(--font-size-base);margin:0 0 var(--spacing-xl) 0}.error-boundary-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.error-boundary-details{background-color:var(--color-neutral-50);border-radius:var(--radius-md);font-size:var(--font-size-xs);margin-top:var(--spacing-xl);padding:var(--spacing-md);text-align:left}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.error-boundary-details pre{color:var(--color-neutral-700);overflow-x:auto}.auth-layout{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100dvh;transition:background-color .3s ease}.auth-layout__brand{align-items:center;display:flex;gap:10px;padding:20px 24px 0}.auth-brand-logo{align-items:center;background:linear-gradient(135deg,#d4af37,#a07d20);border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.auth-brand-logo svg{fill:#0f0f0f;height:20px;width:20px}.auth-brand-name{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.5px}.auth-brand-name span{color:#d4af37}.auth-layout__hero{flex-shrink:0;height:200px;margin-top:16px;overflow:hidden;position:relative;width:100%}.auth-layout__hero:after{background:linear-gradient(to bottom,#0f0f0f00 0,var(--bg-primary) 100%);content:"";inset:0;pointer-events:none;position:absolute}.auth-layout__hero img{display:block;height:100%;object-fit:cover;width:100%}.auth-layout__panel{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:4px 20px 40px}.auth-panel{max-width:440px;width:100%}@media (min-width:900px){.auth-layout{flex-direction:row}.auth-layout__brand{display:none}.auth-layout__hero{flex:1 1 50%;height:100dvh;margin-top:0;position:-webkit-sticky;position:sticky;top:0}.auth-layout__hero:after{background:linear-gradient(to right,#0f0f0f00 0,var(--bg-primary) 100%)}.auth-layout__hero img{border-radius:0 32px 32px 0}.auth-layout__panel{align-items:center;flex:1 1 50%;overflow-y:auto;padding:clamp(40px,6vw,80px) clamp(32px,5vw,64px)}}.auth-layout--minimal{align-items:center;background-color:var(--bg-primary);flex-direction:column;justify-content:center}.auth-layout__panel--minimal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 10px 40px -10px #0003;flex:none;margin:auto;max-width:440px;padding:40px;width:100%}@media (max-width:500px){.auth-layout__panel--minimal{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:100%;padding:24px}}.auth-panel__logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:32px}.input-wrapper{position:relative;width:100%}.input{background-color:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:15px;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.input::placeholder{color:var(--text-tertiary)}.input:focus{background-color:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.input-icon{color:var(--text-tertiary);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}[data-theme=dark] .input{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .input:focus{background-color:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .input-icon{color:var(--text-tertiary)}.text{display:inline-block}.text-heading{font-size:24px;font-weight:600}.text-subheading{font-size:18px;font-weight:500}.text-body{font-size:14px}.text-small{font-size:12px}.text-caption{font-size:11px}.text-normal{font-weight:400}.text-medium{font-weight:500}.text-bold{font-weight:600}.form-field{display:flex;flex-direction:column;gap:10px;width:100%}.form-label{align-items:center;color:#333;display:flex;font-size:14px;gap:4px}.input-error{background-color:#fff5f5!important;border-color:#ef4444!important}.error-message{font-size:12px;margin-top:-4px}.form-textarea{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;transition:all .15s ease;width:100%}.form-textarea:focus{border-color:var(--accent-color,var(--accent));box-shadow:0 0 0 3px var(--accent-light)}.form-textarea::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.icon{align-items:center;color:var(--text-primary);display:inline-flex;justify-content:center;line-height:1;transition:color .3s ease}.auth-form{gap:20px}.auth-form,.auth-form__header{display:flex;flex-direction:column}.auth-form__header{gap:4px;margin-bottom:4px}.auth-form__title{color:var(--text-primary);display:block;font-size:clamp(24px,6vw,32px);font-weight:800;letter-spacing:-.5px;line-height:1.15}.auth-form__subtitle{color:var(--text-secondary);display:block;font-size:14px;line-height:1.5;margin-top:2px}.auth-tabs{background:var(--bg-tertiary);border-radius:16px;box-shadow:inset 0 1px 3px #00000026;display:flex;gap:4px;margin-top:16px;padding:4px;width:100%}.auth-tabs__btn{-webkit-tap-highlight-color:transparent;border-radius:12px;color:var(--text-tertiary);flex:1 1;font-size:14px;font-weight:600;min-width:0;padding:11px 16px;text-align:center;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1)}.auth-tabs__btn.active{background:var(--bg-secondary);box-shadow:0 4px 12px var(--shadow);color:var(--text-primary)}.server-error{align-items:center;animation:slideDown .2s ease;background:#ef444414;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;color:var(--error,#ef4444);display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-form__stack{display:flex;flex-direction:column;gap:14px}.password-field-wrapper{position:relative;width:100%}.password-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:14px;top:50%;touch-action:manipulation;transform:translateY(-50%);transition:color .15s ease,background .15s ease}.password-toggle-btn:focus-visible,.password-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);outline:none}.password-field-wrapper .input-wrapper .input{padding-right:48px}.auth-form__actions{align-items:center;display:flex;justify-content:flex-end;margin-top:-4px}.forgot-link{-webkit-tap-highlight-color:transparent;color:var(--accent);font-size:13px;font-weight:600;padding:4px 0;text-decoration:none;transition:opacity .15s ease}.forgot-link:active{opacity:.7}.auth-form__submit{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:16px;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:4px;padding:15px 24px;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:100%}.auth-form__submit--primary{background:linear-gradient(135deg,#d4af37,#a07d20);border:none;box-shadow:0 8px 24px #d4af3759;color:#0f0f0f}.auth-form__submit--primary:active:not(:disabled){box-shadow:0 4px 12px #d4af3740;transform:scale(.97)}.auth-form__submit:disabled{cursor:not-allowed;opacity:.6}.auth-form__footer-text{color:var(--text-secondary);font-size:13px;margin:0;padding-top:4px;text-align:center}.auth-form__footer-text .link{color:#d4af37;color:var(--accent,#d4af37);font-weight:600;text-decoration:none}@media (max-width:480px){.auth-form{gap:18px}.auth-tabs__btn{font-size:13px;padding:10px 12px}}.attio-sidebar{--sidebar-bg:#fafafa;--sidebar-border:#e5e5e5;--sidebar-text:#1a1a1a;--sidebar-text-secondary:#666;--sidebar-hover:#f0f0f0;--sidebar-active:#e8f0fe;--sidebar-active-text:#1a73e8;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;height:100vh;min-width:180px;overflow:hidden;width:180px}[data-theme=light-amber] .attio-sidebar,[data-theme=light-coral] .attio-sidebar,[data-theme=light-indigo] .attio-sidebar,[data-theme=light-ocean] .attio-sidebar,[data-theme=light-rose] .attio-sidebar,[data-theme=light-teal] .attio-sidebar,[data-theme=light-violet] .attio-sidebar,[data-theme=light] .attio-sidebar{--sidebar-bg:var(--theme-sidebar-bg);--sidebar-border:var(--border-color);--sidebar-text:var(--text-primary);--sidebar-text-secondary:var(--text-secondary);--sidebar-hover:var(--bg-hover);--sidebar-active:var(--accent-light);--sidebar-active-text:var(--accent)}[data-theme=dark] .attio-sidebar{--sidebar-bg:#0d0d0d;--sidebar-border:#262626;--sidebar-text:#e5e5e5;--sidebar-text-secondary:#888;--sidebar-hover:#1a1a1a;--sidebar-active:var(--accent-light);--sidebar-active-text:var(--focus-ring)}.attio-sidebar-collapsed{align-items:center;flex-shrink:0;min-width:60px;padding:12px 8px;width:60px}.attio-collapsed-nav{border-bottom:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:4px;padding:12px 0;width:100%}.attio-collapsed-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;margin:0 auto;width:44px}.attio-collapsed-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.attio-collapsed-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text)}.attio-collapsed-footer{border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;width:100%}.attio-workspace-header{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;padding:12px 12px 8px;position:relative}.attio-workspace-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--sidebar-text);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;min-width:0;overflow:hidden;padding:6px 8px}.attio-workspace-btn:hover{background:var(--sidebar-hover)}.attio-workspace-icon{align-items:center;border-radius:6px;color:var(--bg-secondary);display:flex;height:24px;justify-content:center;width:24px}.attio-workspace-icon,[data-theme=dark] .attio-workspace-icon{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%)}[data-theme=dark] .attio-workspace-icon{color:var(--bg-primary)}.attio-workspace-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attio-collapse-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px}.attio-collapse-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.attio-workspace-dropdown{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:10px;box-shadow:0 8px 24px #00000026;left:12px;padding:8px;position:absolute;right:12px;top:calc(100% + 4px);z-index:1000}[data-theme=dark] .attio-workspace-dropdown{box-shadow:0 8px 24px #0006}.attio-dropdown-user{align-items:center;display:flex;gap:10px;padding:8px}.attio-user-avatar{background:var(--sidebar-hover);color:var(--sidebar-text-secondary);height:32px;width:32px}.attio-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.attio-user-email{color:var(--sidebar-text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attio-user-workspace{color:var(--sidebar-text-secondary);font-size:11px}.attio-dropdown-divider{background:var(--sidebar-border);margin:6px 0}.attio-dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--sidebar-text-secondary);display:flex;gap:10px;text-align:left;width:100%}.attio-dropdown-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.attio-dropdown-signout{color:#ef4444}.attio-dropdown-signout:hover{background:#ef44441a;color:#ef4444}.attio-search-container{border-bottom:1px solid var(--sidebar-border);padding:8px 12px}.attio-search-btn{align-items:center;background:none;border:1px solid var(--sidebar-border);border-radius:8px;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;width:100%}.attio-search-btn:hover{border-color:var(--sidebar-text-secondary);color:var(--sidebar-text)}.attio-shortcut{background:var(--sidebar-hover);border-radius:4px;font-family:inherit;font-size:11px;margin-left:auto;padding:2px 6px}.attio-section{flex:1 1;overflow-y:auto;padding:8px}.attio-section-header{align-items:center;background:none;border:none;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;letter-spacing:.5px;padding:8px 6px;text-transform:uppercase;width:100%}.attio-section-header:hover{color:var(--sidebar-text)}.attio-section-chevron{align-items:center;display:flex;justify-content:center}.attio-section-chevron.expanded{transform:rotate(90deg)}.attio-section-title{flex:1 1;text-align:left}.attio-section-content{padding-left:4px}.attio-record-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;width:100%}.attio-record-item:hover{background:var(--sidebar-hover)}.attio-record-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text)}.attio-record-item.active .attio-record-icon{color:var(--sidebar-active-text)!important}.attio-record-icon{align-items:center;display:flex;height:22px;justify-content:center;width:22px}.attio-record-label,.attio-spacer{flex:1 1}@media (max-width:768px){.attio-sidebar{display:none!important}}.attio-sidebar::-webkit-scrollbar{display:none}.tab{border-bottom:2px solid #0000;cursor:pointer;padding:8px 16px;transition:all .2s ease}.tab-active,.tab:hover{color:#ff6b35}.tab-active{border-bottom-color:#ff6b35}.dashboard-header{margin-bottom:24px}.header-top{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.header-actions,.header-top{align-items:center;display:flex}.header-actions{gap:12px}.header-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.header-action-btn:hover{background-color:var(--bg-tertiary)}.header-action-btn .icon{color:var(--text-primary)}.user-avatars{align-items:center;display:flex;gap:-8px}.avatar{background-color:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:50%;display:flex;font-size:16px;height:32px;margin-left:-8px;width:32px}.avatar,.avatar .icon{color:var(--text-primary)}.avatar:first-child{margin-left:0}.avatar-more{background-color:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:50%;color:var(--text-secondary);font-size:11px;height:32px;justify-content:center;margin-left:-8px;width:32px}.avatar-more,.header-tabs{align-items:center;display:flex}.header-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px;justify-content:space-between}.tabs-container{display:flex;gap:8px}@media (max-width:768px){.dashboard-header{background:var(--bg-primary);border-bottom:none;box-shadow:none;margin-bottom:4px;padding:0;position:relative;z-index:10}.header-top{align-items:center;flex-direction:row;gap:8px;justify-content:flex-start;margin-bottom:0;padding:10px 0}.header-top .text--heading{font-size:18px!important}.header-actions{display:none}.header-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-light,var(--border-color));display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;overflow-x:auto;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.header-tabs::-webkit-scrollbar{display:none}.header-tabs>*{flex-shrink:0;scroll-snap-align:start}.tabs-container{flex-shrink:0}.header-tabs>.btn-secondary,.header-tabs>button{display:none}}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{align-items:center;background-color:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;height:64px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}[data-theme=dark] .bottom-nav{background-color:var(--bg-secondary);box-shadow:0 -2px 10px #0000004d}.bottom-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:center;text-decoration:none;transition:color .2s ease}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{align-items:center;display:flex;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-label{font-size:11px;font-weight:500}}.dashboard-template{background-color:var(--bg-primary);display:flex;gap:0;height:100vh;min-height:100vh;overflow:hidden}.dashboard-main{-ms-overflow-style:none;flex:1 1;height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px;scrollbar-width:none}.dashboard-main::-webkit-scrollbar{display:none}.dashboard-content{margin:0 auto;max-width:1400px}.widgets-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}@media (max-width:1200px){.widgets-row{grid-template-columns:1fr}}.mobile-menu-button{background:var(--bg-secondary);border:none;border-radius:10px;box-shadow:0 2px 8px var(--shadow),0 0 0 1px var(--border-color);color:var(--text-primary);cursor:pointer;font-size:20px;left:16px;padding:10px;top:16px}.mobile-menu-button,.mobile-overlay{display:none;position:fixed;z-index:999}.mobile-overlay{background:#00000080;bottom:0;left:0;right:0;top:0}@media (max-width:768px){.mobile-menu-button{display:none!important}.mobile-overlay{display:block;z-index:1500}.dashboard-template{flex-direction:column}.dashboard-main{max-width:100vw;padding:12px 16px calc(64px + env(safe-area-inset-bottom, 0px));width:100%}.widgets-row{grid-template-columns:1fr}}.checkbox{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.checkbox__box{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:4px;height:16px;position:relative;width:16px}.checkbox__box,.checkbox__icon{align-items:center;display:flex;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.checkbox__icon{color:#fff;opacity:0;transform:scale(.5)}.checkbox__icon,.checkbox__icon svg{height:12px;width:12px}.checkbox:hover .checkbox__box{background:var(--accent-light);border-color:var(--accent)}.checkbox:focus-visible .checkbox__box{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.checkbox--active .checkbox__box{background:var(--accent);border-color:var(--accent)}.checkbox--active .checkbox__icon{opacity:1;transform:scale(1)}.checkbox--active:hover .checkbox__box{background:var(--accent-hover);border-color:var(--accent-hover)}.checkbox--indeterminate .checkbox__box{background:var(--accent);border-color:var(--accent)}.checkbox--disabled{cursor:not-allowed;pointer-events:none}.checkbox--disabled .checkbox__box{background:var(--bg-tertiary);border-color:var(--border-color);opacity:.4}.checkbox--disabled.checkbox--active .checkbox__box{background:var(--accent);border-color:var(--accent)}tr:hover .checkbox .checkbox__box{border-color:var(--text-tertiary)}tr:hover .checkbox--active .checkbox__box{border-color:var(--accent)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer}.dropdown-menu{animation:dropdownFadeIn .1s ease-out;background:var(--bg-secondary);background:var(--ct-bg,var(--bg-secondary));border:1px solid #e5e7eb;border:1px solid var(--ct-border-light,#e5e7eb);border-radius:6px;box-shadow:0 4px 16px #0000001f;min-width:160px;padding:4px;position:absolute;top:calc(100% + 4px);z-index:100}.dropdown-align-left{left:0}.dropdown-align-right{right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;display:flex;font-size:13px;gap:8px;text-align:left;transition:background .1s;width:100%}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.active{background:var(--accent-color);color:var(--on-accent)}.dropdown-item.disabled{cursor:not-allowed;opacity:.5}.dropdown-item.disabled:hover{background:#0000}.dropdown-item-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.dropdown-item-icon svg{height:14px;width:14px}.dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.filter-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--ct-text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 8px;transition:all .12s ease;white-space:nowrap}.filter-button:hover{background:#0000000d;background:var(--ct-hover,#0000000d);color:#1f2937;color:var(--ct-text,#1f2937)}.filter-button.active{background:var(--accent-light);background:var(--ct-accent-bg,var(--accent-light));color:var(--accent);color:var(--ct-accent,var(--accent))}.filter-button-icon{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;opacity:.7;width:14px}.filter-button.active .filter-button-icon,.filter-button:hover .filter-button-icon{opacity:1}.filter-button-icon svg{height:14px;width:14px}.filter-button-label{font-weight:500}.filter-button-value{color:var(--accent);color:var(--ct-accent,var(--accent));font-weight:500}.filter-button-placeholder{display:none}.pill{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--ct-border,#e5e7eb);border-radius:4px;color:#6b7280;color:var(--ct-text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;justify-content:center;padding:4px 10px;transition:all .12s ease;white-space:nowrap}.pill:hover{background:#0000000a;background:var(--ct-hover,#0000000a);border-color:#d1d5db;border-color:var(--ct-border,#d1d5db);color:#1f2937;color:var(--ct-text,#1f2937)}.pill.active{background:var(--accent);background:var(--ct-accent,var(--accent));border-color:var(--ct-accent,var(--accent));color:var(--on-accent)}.pill.active:hover{background:var(--accent-hover);background:var(--ct-accent-hover,var(--accent-hover));border-color:var(--ct-accent-hover,var(--accent-hover))}.enum-filter-content{min-width:180px;padding:8px}.enum-filter-header{color:#9ca3af;color:var(--ct-text-muted,#9ca3af);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 4px;text-transform:uppercase}.enum-filter-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.enum-filter-clear{background:#0000;border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--ct-border-light,#e5e7eb);color:#9ca3af;color:var(--ct-text-muted,#9ca3af);cursor:pointer;font-size:12px;margin-top:4px;padding:6px 8px;text-align:left;transition:all .12s;width:100%}.enum-filter-clear:hover{background:#0000000a;background:var(--ct-hover,#0000000a);color:#1f2937;color:var(--ct-text,#1f2937)}.boolean-filter-content{min-width:160px;padding:8px}.boolean-filter-header{color:var(--text-muted);font-size:12px;font-weight:500;margin-bottom:10px;padding:0 4px}.boolean-filter-options{display:flex;gap:8px}.boolean-option{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .15s ease}.boolean-option:hover{background:var(--bg-hover);border-color:var(--border-hover)}.boolean-option.active.yes{background:#4ade8026;border-color:#4ade80;color:#4ade80}.boolean-option.active.no{background:#ef444426;border-color:#ef4444;color:#ef4444}.boolean-option svg{flex-shrink:0}.range-filter-content{min-width:220px;padding:8px}.range-filter-header{color:var(--text-muted);font-size:12px;font-weight:500;margin-bottom:10px;padding:0 4px}.range-filter-inputs{align-items:center;display:flex;gap:8px}.range-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.range-input:focus{border-color:var(--accent-color)}.range-input::placeholder{color:var(--text-muted)}.range-input::-webkit-inner-spin-button,.range-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-input[type=number]{-moz-appearance:textfield}.range-separator{flex-shrink:0}.range-filter-clear,.range-separator{color:var(--text-muted);font-size:12px}.range-filter-clear{background:#0000;border:none;border-top:1px solid var(--border-color);cursor:pointer;margin-top:8px;padding:8px;transition:color .15s;width:100%}.range-filter-clear:hover{color:var(--accent-color)}.date-range-content{min-width:240px;padding:8px}.date-range-header{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-top:12px;padding:0 4px;text-transform:uppercase}.date-range-presets{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.preset-btn{background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 10px;text-align:left;transition:all .15s}.preset-btn:hover{background:var(--bg-secondary);color:var(--accent-color)}.date-range-fields{gap:10px}.date-field,.date-range-fields{display:flex;flex-direction:column}.date-field{gap:4px}.date-field label{color:var(--text-muted);font-size:11px;font-weight:500;padding-left:2px}.date-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.date-input:focus{border-color:var(--accent-color)}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5)}.date-range-clear{background:#0000;border:none;border-top:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:12px;margin-top:8px;padding:8px;transition:color .15s;width:100%}.date-range-clear:hover{color:var(--accent-color)}.text-filter-content{min-width:220px;padding:8px}.text-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.text-filter-title{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.text-filter-clear,.text-filter-title{color:#9ca3af;color:var(--ct-text-muted,#9ca3af);font-size:11px}.text-filter-clear{background:#0000;border:none;border-radius:3px;cursor:pointer;padding:2px 6px;transition:all .12s ease}.text-filter-clear:hover{background:#0000000a;background:var(--ct-hover,#0000000a);color:#1f2937;color:var(--ct-text,#1f2937)}.text-filter-input{background:var(--bg-secondary);background:var(--ct-bg,var(--bg-secondary));border:1px solid #e5e7eb;border:1px solid var(--ct-border,#e5e7eb);border-radius:4px;color:#1f2937;color:var(--ct-text,#1f2937);font-size:13px;outline:none;padding:7px 10px;transition:all .12s ease;width:100%}.text-filter-input:focus{border-color:var(--ct-accent);box-shadow:0 0 0 2px var(--accent-light)}.text-filter-input::placeholder{color:#9ca3af;color:var(--ct-text-muted,#9ca3af)}[data-theme=dark] .text-filter-title{color:#6b7280;color:var(--ct-text-muted,#6b7280)}[data-theme=dark] .text-filter-input{background:#1f2937;background:var(--ct-bg-secondary,#1f2937);border-color:#374151;border-color:var(--ct-border,#374151);color:#f9fafb;color:var(--ct-text,#f9fafb)}.view-selector{display:inline-block}.view-selector-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 10px;transition:all .15s ease}.view-selector-btn.open,.view-selector-btn:hover{background:var(--bg-tertiary)}.view-selector-btn svg:first-child{color:var(--text-secondary)}.view-selector-btn svg:last-child{color:var(--text-muted);margin-left:2px}.import-export-menu{display:inline-block}.import-export-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .15s ease}.import-export-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.import-export-btn.loading{cursor:wait}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:14px;width:14px}.import-export-btn.open{background:var(--bg-tertiary);border-color:var(--border-hover)}.import-export-btn svg:first-child{flex-shrink:0}.import-export-btn svg:last-child{color:var(--text-muted)}.pagination-container{align-items:center;background:var(--bg-secondary);background:var(--ct-bg,var(--bg-secondary));border-top:1px solid #e5e7eb;border-top:1px solid var(--ct-border-light,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 20px}[data-theme=dark] .pagination-container{background:#0f0f0f;background:var(--ct-bg,#0f0f0f);border-top-color:#1f1f1f;border-top-color:var(--ct-border-light,#1f1f1f)}.pagination-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.pagination-text{color:#9ca3af;color:var(--ct-text-muted,#9ca3af);font-size:12px;font-weight:400}.pagination-text strong{color:#1f2937;color:var(--ct-text,#1f2937);font-weight:500}[data-theme=dark] .pagination-text strong{color:#e5e5e5;color:var(--ct-text,#e5e5e5)}.pagination-size-selector{align-items:center;display:flex;gap:6px}.pagination-size-selector label{color:#9ca3af;color:var(--ct-text-muted,#9ca3af);font-size:12px;font-weight:400}.pagination-size-select{background:var(--bg-secondary);background:var(--ct-bg,var(--bg-secondary));border:1px solid #e5e7eb;border:1px solid var(--ct-border,#e5e7eb);border-radius:4px;color:#1f2937;color:var(--ct-text,#1f2937);cursor:pointer;font-size:12px;font-weight:400;outline:none;padding:4px 8px 4px 6px;transition:all .12s ease}.pagination-size-select:hover{background:#00000005;background:var(--ct-hover,#00000005);border-color:#d1d5db;border-color:var(--ct-border,#d1d5db)}.pagination-size-select:focus{border-color:var(--ct-accent);box-shadow:0 0 0 2px var(--accent-light)}[data-theme=dark] .pagination-size-select{background:#141414;background:var(--ct-bg-secondary,#141414);border-color:#262626;border-color:var(--ct-border,#262626);color:#e5e5e5;color:var(--ct-text,#e5e5e5)}.pagination-controls{align-items:center;display:flex;gap:2px}.pagination-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--ct-text-secondary,#6b7280);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .12s ease;width:28px}.pagination-btn:hover:not(:disabled){background:#0000000a;background:var(--ct-hover,#0000000a);color:#1f2937;color:var(--ct-text,#1f2937)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-btn svg{height:14px;width:14px}[data-theme=dark] .pagination-btn{color:#888;color:var(--ct-text-secondary,#888)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#1a1a1a;background:var(--ct-hover,#1a1a1a);color:#e5e5e5;color:var(--ct-text,#e5e5e5)}.pagination-pages{align-items:center;display:flex;gap:2px}.pagination-page{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--ct-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;min-width:28px;padding:0 8px;transition:all .12s ease}.pagination-page:hover:not(.active){background:#0000000a;background:var(--ct-hover,#0000000a);color:#1f2937;color:var(--ct-text,#1f2937)}.pagination-page.active{background:var(--ct-accent);color:var(--on-accent);font-weight:600}[data-theme=dark] .pagination-page{color:#888;color:var(--ct-text-secondary,#888)}[data-theme=dark] .pagination-page:hover:not(.active){background:#1a1a1a;background:var(--ct-hover,#1a1a1a);color:#e5e5e5;color:var(--ct-text,#e5e5e5)}[data-theme=dark] .pagination-page.active{background:var(--ct-accent);color:var(--on-accent)}.pagination-ellipsis{align-items:center;color:#9ca3af;color:var(--ct-text-muted,#9ca3af);display:flex;font-size:12px;font-weight:400;height:28px;justify-content:center;min-width:28px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.pagination-info{justify-content:space-between;width:100%}.pagination-controls{justify-content:center;width:100%}.pagination-pages{flex-wrap:wrap;justify-content:center}}.editable-field-row{align-items:flex-start;display:flex;gap:12px;padding:6px 0}.editable-field-label{color:var(--text-tertiary);flex-shrink:0;font-size:13px;font-weight:500;width:110px}.editable-field-value-wrapper{flex:1 1;position:relative}.editable-field-input-wrapper{align-items:center;display:flex;gap:8px}.editable-field-input{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:13px;outline:none;padding:4px 8px;transition:box-shadow .15s ease;width:100%}.editable-field-input:focus{box-shadow:0 0 0 2px var(--accent-light)}.editable-field-input:disabled{cursor:not-allowed;opacity:.5}.editable-field-saving{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.editable-field-display{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin:0 -8px;min-height:28px;padding:4px 8px;transition:background-color .15s ease}.editable-field-display.hovered{background:var(--bg-tertiary)}.editable-field-text{color:var(--text-primary);flex:1 1;font-size:13px}.editable-field-text.placeholder{color:var(--text-tertiary);font-style:italic}.editable-field-pencil{color:var(--text-tertiary);flex-shrink:0;margin-left:8px;opacity:0;transition:opacity .15s ease}.editable-field-pencil.visible{opacity:1}.delete-dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0}.delete-dialog-content,.delete-dialog-overlay{animation:fadeIn .15s ease-out;position:fixed;z-index:50}.delete-dialog-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 20px 40px #00000026;left:50%;max-width:400px;padding:24px;top:50%;transform:translate(-50%,-50%);width:100%}.delete-dialog-content:focus{outline:none}[data-theme=dark] .delete-dialog-content{box-shadow:0 20px 40px #00000080}.delete-dialog-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.delete-dialog-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:12px}.customer-name-highlight{color:var(--text-primary);font-weight:500}.delete-dialog-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.delete-dialog-cancel{background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .15s ease}.delete-dialog-cancel:hover{background:var(--border-color)}.delete-dialog-cancel:disabled{cursor:not-allowed;opacity:.5}.delete-dialog-confirm{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .15s ease}.delete-dialog-confirm:hover{background:#b91c1c}.delete-dialog-confirm:disabled{cursor:not-allowed;opacity:.5}.delete-dialog-loading{align-items:center;display:flex;gap:8px}.delete-dialog-spinner{animation:spin .8s linear infinite;height:16px;width:16px}.spinner-track{opacity:.25}.spinner-head{opacity:.75}.inspector-skeleton{display:flex;flex-direction:column;height:100%}.skeleton-bar{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{border-bottom:1px solid var(--border-light);padding:20px 24px 16px}.skeleton-header-top{align-items:flex-start;display:flex;gap:16px}.skeleton-identity{flex:1 1;min-width:0}.skeleton-name{height:24px;margin-bottom:8px;width:180px}.skeleton-name.create-title{width:140px}.skeleton-code{height:14px;width:100px}.skeleton-status{border-radius:12px;flex-shrink:0;height:24px;width:70px}.skeleton-action{border-radius:6px;flex-shrink:0;height:28px;width:28px}.skeleton-meta{align-items:center;display:flex;gap:8px;margin-top:12px}.skeleton-meta-item{height:14px;width:80px}.skeleton-meta-item.short{width:50px}.skeleton-content{flex:1 1;overflow-y:auto;padding:20px 24px}.skeleton-section{margin-bottom:4px}.skeleton-section-title{height:12px;margin-bottom:16px;width:80px}.skeleton-fields{display:flex;flex-direction:column;gap:8px}.skeleton-field{align-items:center;display:flex;gap:12px;padding:6px 0}.skeleton-label{flex-shrink:0;height:14px;width:100px}.skeleton-value{flex:1 1;height:14px;max-width:200px}.skeleton-value.short{max-width:120px}.skeleton-divider{background:var(--border-light);height:1px;margin:16px 0}.skeleton-collapsed{display:flex;flex-direction:column;gap:8px}.skeleton-accordion{height:32px;width:100%}@media (prefers-reduced-motion:reduce){.skeleton-bar{animation:none;background:var(--bg-tertiary)}}.create-form{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px 24px}.create-form-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:16px;padding:12px}.form-section{margin-bottom:4px}.form-section-title{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.form-divider{background:var(--border-light);height:1px;margin:16px 0}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.required{color:#ef4444}.form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}textarea.form-input{min-height:60px}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input textarea,.form-input[type=textarea],textarea.form-input{font-family:inherit;line-height:1.5}textarea.form-input{resize:vertical}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-field.has-error .form-input{border-color:#ef4444}.form-field.has-error .form-input:focus{box-shadow:0 0 0 3px #ef444426}.form-error{color:#ef4444;display:block;font-size:12px;margin-top:6px}.form-field.has-warning .form-input{border-color:#f59e0b}.form-field.has-warning .form-input:focus{box-shadow:0 0 0 3px #f59e0b26}.form-warning{align-items:flex-start;color:#f59e0b;display:flex;font-size:12px;gap:6px;line-height:1.4;margin-top:6px}.form-warning.checking{color:var(--text-tertiary);font-style:italic}.form-warning.duplicate-warning{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;color:#d97706;padding:8px 10px}.form-warning.duplicate-warning svg{flex-shrink:0;margin-top:1px}.form-warning.duplicate-warning strong{color:#b45309;font-weight:600}.phone-input-wrapper{align-items:stretch;display:flex}.phone-prefix{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px 0 0 6px;border-right:none;color:var(--text-secondary);display:flex;font-size:14px;padding:0 12px}.phone-input{border-radius:0 6px 6px 0}.form-actions{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);bottom:-20px;display:flex;gap:12px;justify-content:flex-end;margin:auto -24px -20px;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.form-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .15s ease}.form-btn:disabled{cursor:not-allowed;opacity:.5}.form-btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.form-btn-cancel:hover:not(:disabled){background:var(--border-color)}.form-btn-save{background:var(--accent);color:#fff}.form-btn-save:hover:not(:disabled){background:var(--accent-hover)}.form-btn-save:disabled[title*=duplicate]{background:#f59e0b;color:#fff;opacity:.8}@media (max-width:480px){.form-actions{flex-direction:column-reverse;gap:8px;margin:auto -24px -20px;padding:12px 20px}.form-btn{font-size:15px;padding:12px 16px;width:100%}}.form-spinner{animation:spin .8s linear infinite;height:16px;width:16px}.form-spinner .spinner-track{opacity:.25}.form-spinner .spinner-head{opacity:.75}.toast{align-items:center;animation:toastSlideIn .3s ease-out;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;justify-content:space-between;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:24px;z-index:1000}[data-theme=dark] .toast{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);box-shadow:0 4px 12px #0006}.toast-content{align-items:center;display:flex;flex:1 1;gap:8px}.toast-icon{color:currentColor;flex-shrink:0}.toast-message{color:#111827;color:var(--text-primary,#111827);font-size:14px;line-height:1.4}[data-theme=dark] .toast-message{color:#f9fafb;color:var(--text-primary,#f9fafb)}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .15s ease}.toast-close:hover{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}[data-theme=dark] .toast-close:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#d1d5db;color:var(--text-secondary,#d1d5db)}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-info{border-left:3px solid var(--accent)}.toast-info .toast-icon{color:var(--accent)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.inspector-overlay{animation:fadeIn .15s ease-out;background:#00000026;inset:0;position:fixed;z-index:1000}.inspector-panel{animation:slideIn .2s ease-out;background:var(--bg-secondary);box-shadow:-4px 0 24px #00000014;display:flex;flex-direction:column;height:100%;max-width:100%;position:fixed;right:0;top:0;width:460px;z-index:1001}.inspector-panel:focus{outline:none}[data-theme=dark] .inspector-panel{box-shadow:-4px 0 24px #0006}.inspector-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .2s ease;z-index:10}.inspector-header.header-shadow{box-shadow:0 2px 8px #0000000a}[data-theme=dark] .inspector-header.header-shadow{box-shadow:0 2px 8px #0000004d}.header-top-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.header-identity{flex:1 1;min-width:0}.customer-name{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-code-row{align-items:center;display:flex;gap:6px;margin-top:4px}.customer-code{color:var(--text-tertiary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;margin:0}.copy-code-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:all .15s ease;transition:opacity .15s ease}.customer-code-row:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.header-subtitle{color:var(--text-secondary);font-size:13px;font-weight:400;margin:4px 0 0}.header-actions{border-top:1px solid var(--border-light);margin-top:12px;padding-top:12px}.view-profile-btn{align-items:center;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .15s ease;width:100%}.view-profile-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--shadow-hover);transform:translateY(-1px)}.view-profile-btn:active{box-shadow:0 1px 4px var(--shadow);transform:translateY(0)}.status-pill{border-radius:9999px;flex-shrink:0}.status-active{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-inactive{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.status-suspended{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.status-closed{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.header-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-top:10px}.action-button,.meta-dot{color:var(--text-tertiary)}.action-button{background:#0000;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;padding:6px;transition:all .15s ease}.action-button:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.dropdown-content{animation:fadeIn .1s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;padding:4px;z-index:50}[data-theme=dark] .dropdown-content{box-shadow:0 4px 12px #0006}.dropdown-item{border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.dropdown-item:focus,.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger:focus,.dropdown-item-danger:hover{background:#ef44441a}.dropdown-separator{background:var(--border-light);height:1px;margin:4px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.add-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:background .15s ease}.add-button:hover{background:var(--accent-light)}.sub-item{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:8px;padding:12px}.sub-item:last-child{margin-bottom:0}.sub-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.sub-item-title{color:var(--text-primary);font-size:14px;font-weight:500}.sub-item-badge{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:11px;padding:2px 6px;text-transform:capitalize}.sub-item-actions{display:flex;gap:4px}.sub-item-btn{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s ease}.sub-item-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sub-item-btn.danger:hover{background:#ef44441a;color:#ef4444}.sub-item-btn.icon-btn{min-width:auto;padding:6px}.sub-item-btn.icon-btn svg{height:14px;width:14px}.sub-item-details{display:flex;flex-direction:column;gap:4px}.sub-item-row{align-items:center;display:flex;font-size:13px;gap:8px}.sub-item-label{color:var(--text-tertiary);min-width:80px}.sub-item-value{color:var(--text-primary)}.inspector-content{flex:1 1;overflow-y:auto;padding:20px 24px}.property-section{margin-bottom:4px}.section-title{color:var(--text-tertiary);font-size:11px;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.section-divider{background:var(--border-light);height:1px;margin:16px 0}.property-list{display:flex;flex-direction:column;gap:2px}.property-row{align-items:flex-start;display:flex;gap:12px;padding:6px 0}.property-label{color:var(--text-tertiary);flex-shrink:0;font-size:13px;font-weight:500;width:110px}.property-value{color:var(--text-primary);flex:1 1;font-size:13px}.property-value.muted{color:var(--text-secondary);font-size:12px}.empty-state-text{color:var(--text-tertiary);font-size:13px;font-style:italic;margin:0;padding:6px 0}.verification-badge{border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.verification-badge.verified{background:#10b9811a;color:#10b981}.verification-badge.pending{background:var(--bg-tertiary);color:var(--text-secondary)}.accordion-root{display:flex;flex-direction:column;gap:4px}.accordion-item{border:none}.accordion-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0;text-align:left;width:100%}.accordion-trigger:hover{opacity:.8}.accordion-chevron{color:var(--text-tertiary);transition:transform .2s ease}.accordion-trigger[data-state=open] .accordion-chevron{transform:rotate(180deg)}.accordion-content{overflow:hidden;padding-bottom:12px}.accordion-content[data-state=open]{animation:accordionOpen .2s ease-out}.accordion-content[data-state=closed]{animation:accordionClose .2s ease-out}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:12px;justify-content:center}.loading-spinner{border:2px solid var(--border-light);height:32px;width:32px}.error-state{flex:1 1;flex-direction:column;gap:16px;padding:24px}.error-icon,.error-state{align-items:center;display:flex;justify-content:center}.error-icon{background:#ef44441a;border-radius:50%;color:#ef4444;height:48px;width:48px}.error-message{color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.error-close-btn{background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .15s ease}.error-close-btn:hover{background:var(--border-color)}.error-banner{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:16px;padding:12px}@keyframes accordionOpen{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordionClose{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@media (max-width:520px){.inspector-panel{width:100%}}@media (max-width:768px){.inspector-overlay{z-index:900}.inspector-panel{height:100dvh;width:100%;z-index:950}.inspector-content{-webkit-overflow-scrolling:touch;padding:16px 16px 24px}.inspector-header{padding:16px}.property-row{flex-direction:column;gap:4px}.property-label{width:auto}}.inline-form{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:16px}.inline-form-field{margin-bottom:12px}.inline-form-field:last-of-type{margin-bottom:16px}.inline-form-field label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.inline-form-field input,.inline-form-field select,.inline-form-field textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.inline-form-field input:focus,.inline-form-field select:focus,.inline-form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.inline-form-field input:disabled,.inline-form-field select:disabled,.inline-form-field textarea:disabled{cursor:not-allowed;opacity:.6}.inline-form-actions{display:flex;gap:8px;justify-content:flex-end}.inline-form-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .15s ease}.inline-form-btn:disabled{cursor:not-allowed;opacity:.5}.inline-form-btn.cancel{background:#0000;color:var(--text-secondary)}.inline-form-btn.cancel:hover:not(:disabled){background:var(--bg-secondary)}.inline-form-btn.save{background:var(--accent);color:#fff}.inline-form-btn.save:hover:not(:disabled){background:var(--accent-hover)}.sub-items-list{display:flex;flex-direction:column;gap:8px}.activity-timeline{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;padding-left:8px;position:relative}.activity-item:not(:last-child):before{background:var(--border-light);bottom:-16px;content:"";left:7px;position:absolute;top:24px;width:2px}.activity-icon{align-items:center;background:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px;z-index:1}.activity-content{flex:1 1;padding-top:2px}.activity-description{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:4px}.activity-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:8px}.activity-user{color:var(--text-secondary);font-weight:500}.activity-time{color:var(--text-tertiary)}.attio-title-bar{align-items:center;background:var(--ct-bg);border-bottom:1px solid var(--ct-border);display:flex;justify-content:space-between;padding:12px 16px}.attio-title-left{align-items:center;display:flex;gap:10px}.attio-title-icon{align-items:center;background:var(--ct-bg-tertiary);border-radius:6px;color:var(--ct-accent);display:flex;height:28px;justify-content:center;width:28px}.attio-title{color:var(--ct-text);font-size:15px;font-weight:600;margin:0}.attio-header-divider{background:var(--ct-border);height:20px;margin:0 4px;width:1px}.attio-dropdown{position:relative}.attio-view-btn{align-items:center;background:var(--ct-bg-tertiary);border:1px solid var(--ct-border);border-radius:6px;color:var(--ct-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 10px}.attio-view-btn:hover{background:var(--ct-hover)}.attio-view-btn svg:first-child{color:var(--ct-success)}.attio-dropdown-menu{background:var(--ct-bg);border:1px solid var(--ct-border);border-radius:8px;box-shadow:0 8px 24px var(--ct-shadow);left:0;min-width:180px;padding:4px;position:absolute;top:calc(100% + 4px);z-index:100}.attio-dropdown-item{border-radius:4px;color:var(--ct-text-secondary);cursor:pointer;font-size:13px;padding:8px 10px}@media (max-width:768px){.attio-dropdown-menu{left:auto;right:0}}.attio-dropdown-item.active,.attio-dropdown-item:hover{background:var(--ct-hover);color:var(--ct-text)}.attio-dropdown-divider{background:var(--ct-border);height:1px;margin:4px 0}.attio-header-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--ct-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px}.attio-header-btn:hover{background:var(--ct-hover);color:var(--ct-text)}.attio-primary-btn{align-items:center;background:var(--ct-accent);border:none;border-radius:6px;color:var(--on-accent);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px}.attio-primary-btn:hover{background:var(--accent-hover)}.saas-search-icon{color:var(--ct-text-muted);flex-shrink:0;height:15px;width:15px}.saas-search-input{font-weight:400}.saas-search-input::placeholder{color:var(--ct-text-muted)}.saas-search-clear{border-radius:3px;justify-content:center;padding:3px;transition:all .12s ease}.saas-search-clear:hover{background:var(--ct-hover);color:var(--ct-text)}.saas-clear-filters{transition:all .12s ease}.saas-clear-filters svg{height:13px;width:13px}.saas-count{white-space:nowrap}.attio-filters-bar{background:var(--ct-bg);border-bottom:1px solid var(--ct-border-light);gap:12px;justify-content:space-between;padding:10px 16px}.attio-filters-bar,.attio-filters-left{align-items:center;display:flex;flex-wrap:wrap}.attio-filters-left{gap:6px}.attio-filters-right{align-items:center;display:flex;gap:8px}.attio-semantic-filter{position:relative}.attio-semantic-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--ct-text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:5px 10px}.attio-semantic-btn:hover{background:var(--ct-hover);color:var(--ct-text)}.attio-semantic-btn.active{background:var(--ct-accent-bg);border-color:var(--ct-accent);color:var(--ct-text)}.attio-semantic-btn svg{color:inherit}.attio-semantic-placeholder{color:var(--ct-text-muted);font-style:italic}.attio-semantic-value{color:var(--ct-accent);font-weight:500}.attio-semantic-dropdown{background:var(--ct-bg);border:1px solid var(--ct-border);border-radius:10px;box-shadow:0 8px 24px var(--ct-shadow);left:0;min-width:220px;padding:12px;position:absolute;top:calc(100% + 4px);z-index:100}.attio-semantic-header{color:var(--ct-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.attio-pills-grid{display:flex;flex-wrap:wrap;gap:6px}.attio-pill{background:var(--ct-bg-tertiary);border:1px solid var(--ct-border);border-radius:6px;color:var(--ct-text-secondary);cursor:pointer;font-size:12px;padding:5px 12px}.attio-pill:hover{background:var(--ct-hover);color:var(--ct-text)}.attio-pill.active{background:var(--ct-accent-bg);border-color:var(--ct-accent);color:var(--ct-accent)}.attio-semantic-clear{background:#0000;border:none;border-top:1px solid var(--ct-border);color:var(--ct-accent);cursor:pointer;font-size:12px;margin-top:10px;padding:8px;width:100%}.attio-semantic-clear:hover{color:var(--accent)}.attio-boolean-dropdown{min-width:180px}.attio-boolean-options{display:flex;gap:8px}.attio-boolean-btn{align-items:center;background:var(--ct-bg-tertiary);border:1px solid var(--ct-border);border-radius:8px;color:var(--ct-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:10px}.attio-boolean-btn:hover{background:var(--ct-hover);color:var(--ct-text)}.attio-boolean-btn.active.true{background:var(--ct-success-bg);border-color:var(--ct-success);color:var(--ct-success)}.attio-boolean-btn.active.false{background:var(--ct-danger-bg);border-color:var(--ct-danger);color:var(--ct-danger)}.attio-range-dropdown{min-width:200px}.attio-range-inputs{align-items:center;display:flex;gap:8px}.attio-range-inputs input{background:var(--ct-bg-tertiary);border:1px solid var(--ct-border);border-radius:6px;color:var(--ct-text);flex:1 1;font-size:13px;outline:none;padding:8px 10px;width:70px}.attio-range-inputs input:focus{border-color:var(--ct-accent)}.attio-range-inputs input::placeholder,.attio-range-sep{color:var(--ct-text-muted)}.attio-range-sep{font-size:12px}.attio-date-dropdown{min-width:240px}.attio-date-inputs{display:flex;gap:12px}.attio-date-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.attio-date-field label{color:var(--ct-text-muted);font-size:10px;text-transform:uppercase}.attio-date-field input{background:var(--ct-bg-tertiary);border:1px solid var(--ct-border);border-radius:6px;color:var(--ct-text);font-size:12px;outline:none;padding:8px}.attio-date-field input:focus{border-color:var(--ct-accent)}.attio-clear-all{background:#0000;border:1px solid var(--ct-danger);border-radius:6px;color:var(--ct-danger);cursor:pointer;font-size:12px;padding:5px 10px}.attio-clear-all:hover{background:var(--ct-danger-bg)}.attio-search{align-items:center;background:var(--ct-bg-tertiary);border:1px solid var(--ct-border);border-radius:6px;display:flex;gap:8px;min-width:160px;padding:5px 10px}.attio-search:focus-within{border-color:var(--ct-accent)}.attio-search svg{color:var(--ct-text-muted);flex-shrink:0}.attio-search input{background:none;border:none;color:var(--ct-text);flex:1 1;font-size:12px;outline:none}.attio-search input::placeholder{color:var(--ct-text-muted)}.attio-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.attio-table-wrapper::-webkit-scrollbar-track{background:#0000}.attio-table-wrapper::-webkit-scrollbar-thumb{background:var(--ct-border);border-radius:4px}.attio-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.attio-table thead tr{background:var(--ct-bg-secondary);border-bottom:1px solid var(--ct-border-light)}.attio-th{cursor:pointer}.attio-th:hover{color:var(--ct-text-secondary)}.attio-th:last-child{border-right:none}.attio-th-checkbox{background:var(--ct-bg);border-right:1px solid var(--ct-border-light);box-shadow:2px 0 4px #0000000a;cursor:default;left:0;padding:9px 10px;position:-webkit-sticky;position:sticky;width:40px;z-index:6}.attio-th-checkbox:after{background:linear-gradient(90deg,#0000001a,#0000000d,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);width:24px;z-index:7}[data-theme=dark] .attio-th-checkbox:after{background:linear-gradient(90deg,#00000080,#0003,#0000)}.attio-th-pinned{background:var(--ct-bg);border-right:1px solid var(--ct-border-light);box-shadow:2px 0 4px #0000000a;left:40px;position:-webkit-sticky;position:sticky;z-index:6}.attio-th-pinned:after{background:linear-gradient(90deg,#0000001a,#0000000d,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);width:24px;z-index:7}[data-theme=dark] .attio-th-pinned:after{background:linear-gradient(90deg,#ffffff1a,#fffdfd0d,#0000)}.attio-col-icon{align-items:center;color:var(--ct-text-muted);display:flex}.attio-sort-icon{color:var(--ct-accent);margin-left:2px}.attio-checkbox{accent-color:var(--ct-accent);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:3px;cursor:pointer;height:14px;position:relative;transition:all .15s ease;width:14px}.attio-checkbox:checked,.attio-checkbox:hover{border-color:var(--ct-accent)}.attio-checkbox:checked{background-color:var(--ct-accent)}.attio-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.attio-checkbox:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .attio-checkbox{background-color:var(--ct-bg-secondary);border-color:var(--ct-border)}[data-theme=dark] .attio-checkbox:checked{background-color:var(--ct-accent);border-color:var(--ct-accent)}.attio-table tbody tr{border-bottom:1px solid var(--ct-border-light)}.attio-table tbody tr:hover{background:var(--ct-hover)}.attio-td:last-child{border-right:none}.attio-td-checkbox{background:var(--ct-bg);border-right:1px solid var(--ct-border-light);box-shadow:2px 0 4px #0000000a;left:0;padding:11px 10px;position:-webkit-sticky;position:sticky;width:40px;z-index:4}.attio-table tbody tr:hover .attio-td-checkbox{background:var(--ct-hover)}.attio-row-selected .attio-td-checkbox{background:var(--ct-selected)!important}.attio-td-pinned{background:var(--ct-bg);border-right:1px solid var(--ct-border-light);box-shadow:2px 0 4px #0000000a;font-weight:500;left:40px;position:-webkit-sticky;position:sticky;z-index:4}.attio-td-pinned:after{background:linear-gradient(90deg,#0000001a,#0000000d,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);width:24px;z-index:9}[data-theme=dark] .attio-td-pinned:after{background:linear-gradient(90deg,#ffffff1a,#fffdfd0d,#0000)}.attio-td-checkbox:after{background:linear-gradient(90deg,#0000001a,#0000000d,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);width:24px;z-index:5}[data-theme=dark] .attio-td-checkbox:after{background:linear-gradient(90deg,#00000080,#0003,#0000)}.attio-table tbody tr:hover .attio-td-checkbox,.attio-table tbody tr:hover .attio-td-pinned{background:var(--ct-hover)}.attio-table tbody tr:hover .attio-td-checkbox:after,.attio-table tbody tr:hover .attio-td-pinned:after{display:block}.attio-row-selected .attio-td-checkbox,.attio-row-selected .attio-td-pinned{background:var(--ct-selected)!important}.attio-row-selected .attio-td-checkbox:after,.attio-row-selected .attio-td-pinned:after{display:block}.attio-empty{color:var(--ct-text-muted);padding:60px 20px}.attio-empty svg{margin-bottom:12px;opacity:.5}.attio-empty span{display:block;font-size:13px}.attio-table tfoot tr{background:var(--ct-bg-secondary);border-top:1px solid var(--ct-border-light)}.attio-tf{border-right:1px solid var(--ct-border-light);color:var(--ct-text-muted);padding:10px 12px}.attio-tf:last-child{border-right:none}.attio-tf-checkbox{left:0;width:40px}.attio-tf-checkbox,.attio-tf-pinned{background:var(--ct-bg-secondary);position:-webkit-sticky;position:sticky;z-index:3}.attio-tf-pinned{left:40px}.attio-tf-pinned:after{background:linear-gradient(90deg,#00000014,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);width:30px;z-index:4}[data-theme=dark] .attio-tf-pinned:after{background:linear-gradient(90deg,#ffffff1a,#fffdfd0d,#0000)}.attio-tf-value{color:var(--ct-text-secondary);font-weight:500}.attio-tf-status{align-items:center;display:flex;font-size:11px;gap:4px}.tf-active{color:var(--ct-success);font-weight:600}.tf-inactive{color:var(--ct-text-secondary)}.attio-tf-add{color:var(--ct-text-muted);cursor:pointer}.attio-tf-add:hover{color:var(--ct-text-secondary)}.cell-name{gap:10px}.cell-name,.name-avatar{align-items:center;display:flex}.name-avatar{border-radius:6px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;height:26px;justify-content:center;width:26px}.name-text{color:var(--ct-text);font-weight:400}.customer-status-pill{border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 9px}.cell-code,.cell-phone{color:var(--ct-text-secondary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:400}.contact-method-badge{align-items:center;background:var(--ct-bg-tertiary);border-radius:4px;color:var(--ct-text-secondary);display:inline-flex;font-size:11px;gap:4px;padding:2px 8px}.contact-method-icon{align-items:center;color:inherit;display:flex;font-size:10px}.contact-method-icon.whatsapp-icon{color:#25d366}.cell-email{color:var(--ct-accent);cursor:pointer;font-size:12px}.cell-email:hover{text-decoration:underline}.cell-date{color:var(--ct-text-secondary);font-size:12px}.cell-age{color:var(--ct-text);font-family:SF Mono,monospace}.cell-empty{color:var(--ct-text-muted)}.cell-text-muted{color:var(--ct-text-secondary)}.boolean-pill{border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.boolean-true{background:var(--ct-success-bg);color:var(--ct-success)}.boolean-false{background:var(--ct-danger-bg);color:var(--ct-danger)}.score-cell{align-items:center;display:flex;gap:8px}.score-bar{background:var(--ct-bg-tertiary);border-radius:3px;flex:1 1;height:6px;max-width:60px;overflow:hidden}.score-fill{border-radius:3px;height:100%}.score-value{font-family:SF Mono,monospace;font-size:11px;min-width:32px}.cell-days-ago,.score-value{color:var(--ct-text-secondary)}.cell-days-ago{font-size:12px}.attio-loading{align-items:center;color:var(--ct-text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.attio-spinner{animation:spin .8s linear infinite;border:2px solid var(--ct-border);border-radius:50%;border-top-color:var(--ct-accent);height:24px;width:24px}.attio-skeleton-table .skeleton-row{animation:none}.skeleton-cell{gap:10px}.skeleton-avatar{background:var(--ct-bg-tertiary);border-radius:6px;flex-shrink:0;height:26px;width:26px}.skeleton-avatar,.skeleton-bar{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-row:nth-child(odd) .skeleton-bar{animation-delay:.1s}.skeleton-row:nth-child(2n) .skeleton-bar{animation-delay:.2s}.skeleton-row:nth-child(3n) .skeleton-bar{animation-delay:.3s}.skeleton-footer-bar{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--ct-accent);border-radius:3px;height:10px;opacity:.3;width:50px}.skeleton-filter-text{color:var(--ct-text-secondary);font-size:13px}.skeleton-filter-value{color:var(--ct-text);font-size:13px;font-weight:500}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}[data-theme=dark] .skeleton-avatar,[data-theme=dark] .skeleton-bar{background:#1f1f1f}[data-theme=dark] .skeleton-footer-bar{background:var(--ct-accent)}@media (max-width:768px){.attio-header{align-items:center;border-bottom:1px solid var(--ct-border-light);flex-direction:row;gap:8px;height:auto;justify-content:space-between;padding:8px 12px}.attio-header-left{display:flex;flex:1 1;min-width:0}.attio-header-right{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px}.attio-header-right .import-export-menu .import-export-btn span,.attio-header-right .import-export-menu .import-export-btn svg:last-child{display:none}.attio-header-right .import-export-menu .import-export-btn{justify-content:center;min-width:36px;padding:8px}.attio-header-right .attio-primary-btn{align-items:center;border-radius:28px;bottom:calc(70px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 16px #0000004d;display:flex;height:56px;justify-content:center;padding:0;position:fixed;right:16px;width:56px;z-index:900}.attio-header-right .attio-primary-btn span{display:none}.attio-header-right .attio-primary-btn svg{height:24px;margin:0;width:24px}.saas-toolbar{align-items:stretch;border-bottom:1px solid var(--ct-border-light);flex-direction:column;gap:8px;padding:6px 12px;position:relative;z-index:50}.saas-toolbar-search{border-radius:8px;height:40px;max-width:100%;width:100%}.saas-search-input{font-size:16px}.saas-toolbar-filters{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.saas-toolbar-filters::-webkit-scrollbar{display:none}.saas-toolbar-filters .filter-button{-webkit-tap-highlight-color:transparent;border-radius:6px;flex-shrink:0;font-size:11px;height:auto;padding:5px 10px;white-space:nowrap}.saas-toolbar-filters .filter-button .filter-button-icon svg{height:12px;width:12px}.saas-toolbar-filters .dropdown-menu{border-radius:12px;bottom:auto!important;box-shadow:0 10px 40px #0003,0 0 0 100vw #0000004d!important;left:50%!important;max-height:70vh;max-width:340px;overflow-y:auto;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 48px)!important;z-index:9999!important}.saas-clear-filters{flex-shrink:0;font-size:11px;padding:4px 8px}.saas-toolbar-meta{display:none}.attio-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.attio-table{min-width:600px}.attio-td-checkbox,.attio-th-checkbox{box-shadow:none;padding:8px 6px;position:static;width:32px}.attio-td-checkbox:after,.attio-td-pinned:after,.attio-tf-pinned:after,.attio-th-checkbox:after,.attio-th-pinned:after{display:none}.attio-td-pinned,.attio-tf-pinned,.attio-th-pinned{box-shadow:none;position:static}.attio-th{font-size:10px;padding:8px 10px}.attio-td{font-size:12px;padding:10px}.name-avatar{font-size:10px;height:22px;width:22px}.cell-name{gap:6px}.attio-table tbody tr{cursor:pointer}}.customers-page-wrapper{border-radius:0;display:flex;flex-direction:column;height:calc(100vh - 80px);margin:0 -24px -24px;overflow:hidden}.customers-page-wrapper .attio-table-container{border-left:none;margin-left:0}@media (max-width:768px){.customers-page-wrapper{height:auto;margin:0 -16px -12px;min-height:calc(100vh - 100px);overflow:visible}}.avatar{align-items:center;color:#fff;display:inline-flex;flex-shrink:0;font-weight:var(--font-weight-semibold);justify-content:center;overflow:hidden;position:relative}.avatar,.avatar-image{border-radius:var(--radius-full)}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:inherit;line-height:1;-webkit-user-select:none;user-select:none}.avatar-sm{font-size:var(--font-size-xs);height:24px;width:24px}.avatar-md{font-size:var(--font-size-sm);height:32px;width:32px}.avatar-lg{font-size:var(--font-size-base);height:40px;width:40px}.avatar-default{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.avatar-r{background:linear-gradient(135deg,#ef4444,#f97316)}.avatar-s{background:linear-gradient(135deg,#f59e0b,#eab308)}.avatar-m{background:linear-gradient(135deg,#00a4ef,#7fba00)}.avatar-p{background:linear-gradient(135deg,#003087,#009cde)}.avatar-a{background:linear-gradient(135deg,#555,#333)}.avatar-k{background:linear-gradient(135deg,#10b981,#059669)}.avatar-g{background:linear-gradient(135deg,#4285f4,#34a853)}.avatar-l{background:linear-gradient(135deg,#8b4513,#d2691e)}.avatar-d{background:linear-gradient(135deg,#006e99,#09c)}.avatar-b{background:linear-gradient(135deg,#7c3aed,#a855f7)}.avatar-u{background:linear-gradient(135deg,#00529b,#1a73e8)}.avatar-i{background:linear-gradient(135deg,#1f1f5c,#5865f2)}.avatar-j{background:linear-gradient(135deg,#ec4899,#f472b6)}.avatar-n{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.avatar-t{background:linear-gradient(135deg,#f97316,#fb923c)}.avatar-v{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.avatar-w{background:linear-gradient(135deg,#06b6d4,#0891b2)}.avatar-h{background:linear-gradient(135deg,#ef4444,#f87171)}.avatar-c{background:linear-gradient(135deg,var(--accent),var(--focus-ring))}.avatar-e{background:linear-gradient(135deg,#10b981,#34d399)}.avatar-f{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.avatar-o{background:linear-gradient(135deg,#8b5cf6,#c084fc)}.avatar-q{background:linear-gradient(135deg,#ec4899,#f472b6)}.avatar-x{background:linear-gradient(135deg,#6366f1,#818cf8)}.avatar-y{background:linear-gradient(135deg,#f59e0b,#fcd34d)}.avatar-z{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.avatar-status{border:2px solid var(--bg-secondary);border-radius:var(--radius-full);bottom:0;height:8px;position:absolute;right:0;width:8px}.avatar-status-online{background-color:var(--color-status-active)}.avatar-status-offline{background-color:var(--text-tertiary)}.status-pill{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;line-height:1.4;padding:4px 10px;white-space:nowrap}.customer-profile-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);padding:0 0 calc(var(--spacing-lg)*1.5);position:relative}.customer-profile-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.nav-icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.nav-icon-btn:active,.nav-icon-btn:hover{background-color:var(--bg-tertiary)}.customer-profile-identity{align-items:center;display:flex;flex-direction:column;padding:0 var(--spacing-md);text-align:center;width:100%}.customer-profile-avatar-wrap{margin-bottom:var(--spacing-sm);position:relative}.profile-avatar{border:4px solid var(--bg-primary);box-shadow:0 8px 24px #0000001a;font-size:32px;height:96px;width:96px}.customer-profile-status-badge{background:var(--bg-primary);border-radius:100px;bottom:0;padding:2px;position:absolute;right:-8px}.customer-profile-status-badge .status-pill{font-size:11px;padding:2px 8px}.customer-profile-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.4px;margin:0 0 4px}.customer-profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.meta-pill{background:var(--bg-tertiary);border-radius:6px;font-family:var(--font-family-mono);font-size:13px;padding:2px 8px}.meta-pill,.meta-text{color:var(--text-secondary);font-weight:500}.meta-text{font-size:15px}.secondary-meta{color:var(--text-tertiary);font-size:14px;margin-bottom:0}.meta-dot{color:var(--border-light);font-weight:800}.customer-profile-quick-actions{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px;width:100%}.quick-action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .1s}.quick-action-btn:disabled{cursor:not-allowed;opacity:.4}.quick-action-icon.disabled{filter:grayscale(1)}.quick-action-icon{align-items:center;border-radius:50%;box-shadow:0 8px 16px #0000001a;display:flex;height:52px;justify-content:center;transition:filter .2s;width:52px}.quick-action-btn:hover .quick-action-icon{filter:brightness(1.1)}.quick-action-icon.call{background:#10b981;box-shadow:0 8px 16px #10b9814d}.quick-action-icon.payment{background:#3b82f6;box-shadow:0 8px 16px #3b82f64d}.quick-action-icon.add{background:var(--accent);box-shadow:0 8px 16px #d4af374d}.quick-action-btn span{color:var(--text-primary);font-size:13px;font-weight:500}@media (min-width:900px){.customer-profile-header{align-items:flex-start;flex-direction:row;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.customer-profile-nav{display:none}.customer-profile-identity{flex-direction:row;gap:var(--spacing-xl);padding:0;text-align:left}.customer-profile-avatar-wrap{margin-bottom:0}.customer-profile-meta{justify-content:flex-start}.customer-profile-quick-actions{gap:16px;margin-left:auto;margin-top:0;width:auto}.quick-action-btn{background:var(--bg-tertiary);border-radius:100px;box-shadow:0 2px 8px #0000000d;flex-direction:row;padding:6px 16px 6px 6px}.quick-action-btn:hover{background:var(--border-light)}.quick-action-icon{box-shadow:none;height:36px;width:36px}.quick-action-icon svg{height:18px;width:18px}}.amount-display{color:var(--text-primary);display:inline-block;font-family:var(--font-family-mono);font-weight:var(--font-weight-medium)}.amount-md{font-size:var(--font-size-base)}.amount-sm{font-size:var(--font-size-sm)}.amount-lg{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.amount-emphasis{font-weight:var(--font-weight-bold)}.amount-default{color:var(--text-primary)}.amount-positive{color:var(--color-status-active)}.amount-negative{color:var(--color-status-overdue)}.amount-neutral{color:var(--text-secondary)}[data-theme=dark] .amount-default,[data-theme=dark] .amount-display{color:var(--text-primary)}[data-theme=dark] .amount-positive{color:var(--color-status-active)}[data-theme=dark] .amount-negative{color:var(--color-status-overdue)}[data-theme=dark] .amount-neutral{color:var(--text-secondary)}.date-display{color:var(--text-primary);font-size:var(--font-size-sm)}.date-sm{font-size:var(--font-size-xs)}.date-md{font-size:var(--font-size-sm)}.date-lg{font-size:var(--font-size-base)}[data-theme=dark] .date-display{color:var(--text-primary)}.customer-credit-summary{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-credit-summary-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:200px}.customer-credit-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.customer-credit-summary-card-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.customer-credit-summary-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.customer-credit-summary-metrics{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-lg)}.customer-credit-summary-metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-credit-summary-metric-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customer-credit-summary-metric-value-large{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.customer-credit-summary-status{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.customer-credit-summary-status-item{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.customer-credit-summary-status-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.customer-credit-summary-status-badge{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.customer-credit-summary-status-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customer-credit-summary-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:var(--spacing-lg)}.customer-credit-summary-stat{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.customer-credit-summary-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.customer-credit-summary-stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.customer-credit-summary-metrics{grid-template-columns:1fr}.customer-credit-summary-stats{grid-template-columns:repeat(3,1fr)}}.status-badge{border-radius:4px;font-size:11px;gap:4px;letter-spacing:.3px;line-height:1;padding:3px 9px}.status-badge-sm{font-size:10px;gap:3px;padding:2px 7px}.status-badge-md{font-size:11px;gap:4px;padding:3px 9px}.status-badge-dot{border-radius:var(--radius-full);flex-shrink:0;height:5px;width:5px}.status-badge-sm .status-badge-dot{height:4px;width:4px}.status-badge-label{color:inherit;white-space:nowrap}.status-badge-subtle .status-badge-label{color:inherit}.status-badge-outline{background-color:initial;border:1px solid}.status-badge-solid{background-color:var(--status-color);color:#fff}.status-badge-solid .status-badge-label{color:#fff}.status-badge-solid .status-badge-dot{background-color:#fff}[data-theme=dark] .status-badge{color:inherit}[data-theme=dark] .status-badge-label{color:inherit}.progress-bar-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-bar-wrapper{border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.progress-bar-wrapper,[data-theme=dark] .progress-bar-wrapper{background-color:var(--bg-tertiary)}.progress-sm .progress-bar-wrapper{height:4px}.progress-md .progress-bar-wrapper{height:8px}.progress-lg .progress-bar-wrapper{height:12px}.progress-bar-fill{background-color:var(--color-status-active);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.progress-bar-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.progress-bar-paid{color:var(--color-status-active);font-weight:var(--font-weight-semibold)}.progress-bar-separator{color:var(--text-tertiary)}.progress-bar-total,[data-theme=dark] .progress-bar-label{color:var(--text-secondary)}[data-theme=dark] .progress-bar-paid{color:var(--color-status-active)}[data-theme=dark] .progress-bar-separator{color:var(--text-tertiary)}[data-theme=dark] .progress-bar-total{color:var(--text-secondary)}.credit-list-row{grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 100px 50px;min-height:56px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-base)}.credit-list-row:hover{background-color:var(--bg-tertiary)}.credit-list-row:last-child{border-bottom:none}.credit-list-cell{align-items:center;display:flex;font-size:var(--font-size-sm);min-width:0}.credit-list-cell-customer{gap:var(--spacing-sm);min-width:0}.credit-list-customer-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.credit-list-customer-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.credit-list-customer-name,.credit-list-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-list-item{color:var(--text-secondary);font-size:var(--font-size-xs)}.credit-list-cell-amount,.credit-list-cell-remaining{font-family:var(--font-family-mono);justify-content:flex-end}.credit-list-cell-progress{min-width:120px}.credit-list-progress-wrapper{align-items:center;display:flex;gap:var(--spacing-xs);width:100%}.credit-list-progress-wrapper .progress-bar{flex:1 1;min-width:60px}.credit-list-progress-text{color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:35px;text-align:right;white-space:nowrap}.credit-list-cell-due,.credit-list-progress-text{font-size:var(--font-size-xs)}.credit-list-due-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.credit-list-overdue-badge{background-color:#f59e0b26;border-radius:4px;color:var(--color-status-overdue);font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;white-space:nowrap}.credit-list-no-due{color:var(--text-tertiary);font-size:var(--font-size-xs)}.credit-list-cell-status{justify-content:flex-start}.credit-list-cell-actions{justify-content:flex-end}.credit-list-action-btn{opacity:0;transition:opacity var(--transition-base)}.credit-list-row:hover .credit-list-action-btn{opacity:1}[data-theme=dark] .credit-list-row{border-bottom-color:var(--border-color)}[data-theme=dark] .credit-list-row:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .credit-list-customer-name{color:var(--text-primary)}[data-theme=dark] .credit-list-item,[data-theme=dark] .credit-list-progress-text{color:var(--text-secondary)}[data-theme=dark] .credit-list-overdue-badge{background-color:#f59e0b33;color:var(--color-status-overdue)}[data-theme=dark] .credit-list-no-due{color:var(--text-tertiary)}@media (max-width:1400px){.credit-list-row{gap:var(--spacing-sm);grid-template-columns:2fr 1fr 1fr 1.2fr .8fr 90px 40px}}@media (max-width:1200px){.credit-list-row{grid-template-columns:2fr 1fr 1fr 1fr 80px 40px}.credit-list-cell-progress{display:none}}@media (max-width:768px){.credit-list-row{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:auto;padding:16px;position:relative}.credit-list-row:last-child{margin-bottom:0}[data-theme=dark] .credit-list-row{border-color:var(--border-color);box-shadow:0 1px 4px #0003}.credit-list-cell-customer{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.credit-list-cell-status{justify-content:flex-end;position:absolute;right:16px;top:16px}.credit-list-customer-name{font-size:16px;font-weight:600}.credit-list-item{font-size:13px;opacity:.8}.credit-list-cell-amount,.credit-list-cell-progress{display:none}.credit-list-cell-remaining{justify-content:flex-start;margin-top:8px;width:100%}.credit-list-cell-remaining .amount-display{color:var(--error);font-size:20px!important;font-weight:700}.credit-list-cell-due{color:var(--text-secondary);font-size:13px;margin-top:4px;width:100%}.credit-list-cell-actions{bottom:12px;position:absolute;right:12px}.credit-list-action-btn{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--accent);display:flex;height:36px;justify-content:center;opacity:1;padding:0;width:36px}}.customer-credits-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-credits-list-filters{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) 0}.customer-credits-list-filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.customer-credits-list-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.customer-credits-list-filter:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.customer-credits-list-filter.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.customer-credits-list-content{min-height:200px}.customer-credits-list-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-credits-list-empty{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:200px;text-align:center}.customer-credits-list-empty p{font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.customer-credits-list-filters{align-items:stretch;flex-direction:column}.customer-credits-list-filter-group{width:100%}.customer-credits-list-filter{flex:1 1;min-width:0}}.customer-notes{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-notes-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:var(--spacing-md)}.customer-notes-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.customer-notes-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:200px}.customer-notes-add-form{background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.customer-notes-add-form,.customer-notes-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md)}.customer-notes-textarea{background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);min-height:80px;padding:var(--spacing-sm);resize:vertical;width:100%}.customer-notes-textarea:focus{border-color:var(--primary-color);outline:none}.customer-notes-form-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end}.customer-notes-content{min-height:200px}.customer-notes-empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:200px;text-align:center}.customer-notes-empty p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.customer-notes-empty-hint{color:var(--text-tertiary);font-size:var(--font-size-sm);max-width:400px}.customer-notes-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-notes-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.customer-notes-item-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.customer-notes-item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.customer-notes-item-type{color:var(--text-primary);font-weight:var(--font-weight-medium)}.customer-notes-item-dot{color:var(--text-tertiary)}.customer-notes-item-credit,.customer-notes-item-source{color:var(--text-secondary)}.customer-notes-item-text{word-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0;white-space:pre-wrap}@media (max-width:768px){.customer-notes-item-header{align-items:flex-start;flex-direction:column}}.customer-profile-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}.customer-profile-error,.customer-profile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px;text-align:center}.customer-profile-error p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.customer-profile-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.customer-profile-content{min-height:400px}.customer-profile-tab-panel{animation:fadeIn .2s ease-in}@media (max-width:768px){.customer-profile-page{padding:var(--spacing-sm)}.customer-profile-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;overflow-x:auto;padding:0;scrollbar-width:none}.customer-profile-tabs::-webkit-scrollbar{display:none}.customer-profile-tabs .tab{-webkit-tap-highlight-color:transparent;flex-shrink:0;padding:10px 16px;white-space:nowrap}.customer-profile-content{min-height:200px}}.customer-entries-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.customer-entries-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md)}.customer-entries-empty{color:var(--text-secondary);padding:var(--spacing-xl) 0;text-align:center}.customer-entries-scroll{overflow-x:auto}.customer-entries-tbl{border-collapse:collapse;font-size:.875rem;width:100%}.customer-entries-tbl th{color:var(--text-secondary);font-weight:500;text-align:left;text-transform:capitalize}.customer-entries-tbl td,.customer-entries-tbl th{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.customer-entries-tbl td{color:var(--text-primary)}.customer-entries-tbl tr:last-child td{border-bottom:none}.customer-entries-tbl tbody tr:hover{background:var(--bg-hover)}.statement-balance{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md) 0}.statement-balance-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ledger-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.ledger-table{border-collapse:collapse;font-size:.875rem;width:100%}.ledger-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.ledger-table td,.ledger-table th{padding:var(--spacing-sm) var(--spacing-md)}.ledger-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.ledger-table tbody tr:last-child td{border-bottom:none}.ledger-table tbody tr:hover{background:var(--bg-hover)}.ledger-td-amount,.ledger-th-amount{text-align:right}.ledger-td-date{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.ledger-td-desc{color:var(--text-primary)}.ledger-type-pill{border-radius:var(--radius-full);font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.ledger-type-UDHAR{background:#f59e0b26;color:#d97706}.ledger-type-PAYMENT{background:#10b98126;color:#059669}.ledger-type-ADJUSTMENT{background:#6366f126;color:#6366f1}.udhar-picker-backdrop{align-items:flex-end;background:#0000004d;inset:0;justify-content:center;position:fixed;z-index:200}.udhar-picker,.udhar-picker-backdrop{display:flex;padding:var(--spacing-md)}.udhar-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--spacing-sm);max-width:480px;width:100%}.udhar-picker-title{border-bottom:1px solid var(--border-light);color:var(--text-tertiary);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding-bottom:var(--spacing-xs);text-transform:uppercase}.udhar-picker-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background var(--transition-fast)}.udhar-picker-item:hover{background:var(--bg-hover)}.udhar-picker-item-left{display:flex;flex-direction:column;gap:2px;min-width:0}.udhar-picker-desc{color:var(--text-primary);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udhar-picker-due{color:var(--text-secondary);font-size:.75rem}.udhar-picker-item-right{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.credit-summary-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-base)}.credit-summary-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-theme=dark] .credit-summary-card{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .credit-summary-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.credit-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.credit-card-customer{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.credit-card-customer-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.credit-card-customer-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.credit-card-customer-name,.credit-card-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-card-item{color:var(--text-secondary);font-size:var(--font-size-xs)}.credit-card-amounts{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.credit-card-amount-row{align-items:center;display:flex;justify-content:space-between}.credit-card-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.credit-card-due-date,.credit-card-progress{margin-bottom:var(--spacing-md)}.credit-card-due-date{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.credit-card-overdue{color:var(--color-status-overdue);font-weight:var(--font-weight-medium)}.credit-card-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.credit-card-detailed{padding:var(--spacing-lg)}.credit-card-detailed .credit-card-amounts{margin-bottom:var(--spacing-lg)}[data-theme=dark] .credit-card-customer-name{color:var(--text-primary)}[data-theme=dark] .credit-card-due-date,[data-theme=dark] .credit-card-item,[data-theme=dark] .credit-card-label{color:var(--text-secondary)}@media (max-width:768px){.credit-summary-card{border-radius:16px;padding:var(--spacing-lg);width:100%}.credit-summary-card:hover{transform:none}.credit-card-actions{flex-wrap:wrap}.credit-card-actions>button{flex:1 1;justify-content:center;min-width:120px}}.credit-skeleton-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.credit-skeleton-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.credit-skeleton-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.credit-skeleton-avatar{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-full);flex-shrink:0;height:32px;width:32px}.credit-skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.credit-skeleton-badge{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-full);flex-shrink:0;height:20px;width:60px}.credit-skeleton-amounts{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.credit-skeleton-amount-row{align-items:center;display:flex;justify-content:space-between}.credit-skeleton-progress{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-full);height:6px;margin-bottom:var(--spacing-md)}.credit-skeleton-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.credit-skeleton-bar{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);height:14px}.credit-skeleton-name{height:16px;width:120px}.credit-skeleton-item{height:12px;width:80px}.credit-skeleton-label{width:60px}.credit-skeleton-value{width:80px}.credit-skeleton-button{border-radius:var(--radius-md);height:28px;width:100px}[data-theme=dark] .credit-skeleton-card{background-color:var(--bg-secondary);border-color:var(--border-color)}@media (max-width:768px){.credit-skeleton-container{grid-template-columns:1fr}}.search-bar{position:relative;width:100%}.search-shortcut{border-radius:4px;font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1}.search-shortcut,[data-theme=dark] .search-shortcut{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.slideover-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006;left:0;z-index:999}.slideover-backdrop,.slideover-panel{bottom:0;position:fixed;right:0;top:0}.slideover-panel{animation:slideIn .3s ease-out;background:var(--bg-primary);border-left:1px solid #0000001a;border-left:1px solid var(--border-light,#0000001a);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:100vw;overflow:hidden;width:500px;z-index:1000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.slideover-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-light,#0000001a);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.slideover-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-weight:600;line-height:1.2;margin:0}.slideover-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.slideover-close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.slideover-close svg{height:18px;width:18px}.slideover-content{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px}.slideover-content::-webkit-scrollbar{width:6px}.slideover-content::-webkit-scrollbar-track{background:#0000}.slideover-content::-webkit-scrollbar-thumb{background:#0003;background:var(--border-light,#0003);border-radius:3px}.slideover-content::-webkit-scrollbar-thumb:hover{background:#0000004d;background:var(--text-muted,#0000004d)}@media (max-width:1024px){.slideover-panel{max-width:650px;width:80vw!important}.slideover-header{padding:18px 20px}.slideover-title{font-size:16px}.slideover-content{padding:20px}}@media (max-width:768px){.slideover-panel{animation:slideUp .3s cubic-bezier(.32,.72,0,1);border-left:none;border-radius:20px 20px 0 0;bottom:0;left:0;max-height:92dvh;max-width:100%!important;right:0;top:auto;width:100%!important}.slideover-panel:before{background:#0003;background:var(--border-light,#0003);border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:12px auto 4px;width:36px}.slideover-header{background:var(--bg-primary);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-light,#0000001a);padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.slideover-title{font-size:16px;font-weight:600}.slideover-close{height:36px;min-height:36px;width:36px}.slideover-close svg{height:18px;width:18px}.slideover-content{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.slideover-backdrop{background:#00000080}}@media (max-width:480px){.slideover-header{padding:14px 16px}.slideover-title{font-size:15px}.slideover-content{padding:14px 16px}.slideover-close{height:24px;width:24px}.slideover-close svg{height:14px;width:14px}}.record-payment-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.record-payment-panel-loading{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.record-payment-panel-credit-info{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.record-payment-panel-section-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}[data-theme=dark] .record-payment-panel-section-title{color:#f9fafb}.record-payment-panel-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.record-payment-panel-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.record-payment-panel-info-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-theme=dark] .record-payment-panel-info-label{color:#d1d5db}.record-payment-panel-info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.record-payment-panel-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.record-payment-panel-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.record-payment-panel-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.record-payment-panel-form-field-full{grid-column:1/-1}.record-payment-panel-form-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.record-payment-panel-form-label .required{color:var(--color-risk-high)}.record-payment-panel-form-hint{color:var(--text-secondary);font-size:var(--font-size-xs)}.record-payment-panel-form-select{cursor:pointer}.record-payment-panel-form-select,.record-payment-panel-form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.record-payment-panel-form-textarea{resize:vertical}.record-payment-panel-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.record-payment-panel-form-grid,.record-payment-panel-info-grid{grid-template-columns:1fr}}.credits-list-page{padding:var(--spacing-lg);width:100%}.credits-list-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.credits-list-header-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-lg)}.credits-list-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.credits-list-header-actions{display:flex;gap:var(--spacing-xs)}.credits-list-filters{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.credits-list-search{flex:1 1;max-width:400px}.credits-list-filter-buttons{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--spacing-sm)}.credits-list-content{min-height:400px}.credits-list-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.credits-list-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.credits-list-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.credits-list-table-header{grid-gap:var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:grid;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 100px 50px;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.credits-list-header-cell{align-items:center;display:flex;min-width:0}.credits-list-header-actions,.credits-list-header-amount,.credits-list-header-remaining{justify-content:flex-end}.credits-list-table-body{display:flex;flex-direction:column}[data-theme=dark] .credits-list-table{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .credits-list-table-header{background-color:var(--bg-tertiary);border-bottom-color:var(--border-color);color:var(--text-secondary)}@media (max-width:1400px){.credits-list-table-header{gap:var(--spacing-sm);grid-template-columns:2fr 1fr 1fr 1.2fr .8fr 90px 40px}}@media (max-width:1200px){.credits-list-table-header{grid-template-columns:2fr 1fr 1fr 1fr 80px 40px}.credits-list-header-progress{display:none}}@media (max-width:768px){.credits-list-table-header{display:none}}.credits-list-empty,.credits-list-error,.credits-list-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center}.credits-list-error p{margin:0}.credits-list-error p,[data-theme=dark] .credits-list-title{color:var(--text-primary)}[data-theme=dark] .credits-list-subtitle{color:var(--text-secondary)}@media (max-width:1024px){.credits-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.credits-list-page{padding:0 0 24px}.credits-list-header{align-items:center;border-bottom:1px solid var(--border-light,var(--border-color));flex-direction:row;margin-bottom:var(--spacing-sm);padding:8px 12px;padding-bottom:var(--spacing-sm)}.credits-list-header-actions{display:none}.credits-list-header>button{align-items:center;border-radius:28px;bottom:calc(70px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 16px #0000004d;display:flex;font-size:0;height:56px;justify-content:center;padding:0;position:fixed;right:16px;width:56px;z-index:900}.credits-list-header>button svg{height:24px;margin:0;width:24px}.credits-list-filters{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:var(--spacing-sm);padding:0 12px}.credits-list-search{max-width:100%;width:100%}.credits-list-filter-buttons{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.credits-list-filter-buttons::-webkit-scrollbar{display:none}.credits-list-filter-buttons button{-webkit-tap-highlight-color:transparent;border-radius:20px;font-size:13px;padding:8px 16px;white-space:nowrap}.credits-list-content{min-height:200px;padding:0 12px}.credits-list-grid,.credits-list-list{gap:0;grid-template-columns:1fr}.credits-list-table{background:#0000;border:none;border-radius:0}}.payment-method-badge{background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-700);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.payment-method-sm{font-size:var(--font-size-xs);padding:.125rem var(--spacing-xs)}.payment-method-md{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.credit-timeline{padding:var(--spacing-lg) 0;position:relative}.credit-timeline,[data-theme=dark] .credit-timeline{background-color:initial}.credit-timeline-line{bottom:20px;left:20px;position:absolute;top:20px;width:2px;z-index:0}.credit-timeline-line,[data-theme=dark] .credit-timeline-line{background-color:var(--border-color)}.credit-timeline-event{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-left:0;position:relative}.credit-timeline-event:last-child{margin-bottom:0}.credit-timeline-event-marker{align-items:flex-start;padding-top:0}.credit-timeline-event-icon,.credit-timeline-event-marker{display:flex;flex-shrink:0;justify-content:center;position:relative;width:40px;z-index:2}.credit-timeline-event-icon{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-full);height:40px}.credit-timeline-event-icon-completed{background-color:#10b9811a;border-color:#10b981;color:#10b981}.credit-timeline-event-icon-pending{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .credit-timeline-event-icon-completed{background-color:#10b98126;border-color:#10b981;color:#10b981}[data-theme=dark] .credit-timeline-event-icon-pending{background-color:var(--bg-tertiary);border-color:var(--border-color)}.credit-timeline-event-content{flex:1 1;min-width:0;padding-top:4px}.credit-timeline-event-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.4;margin:0 0 var(--spacing-xs) 0}[data-theme=dark] .credit-timeline-event-title{color:#f9fafb}.credit-timeline-event-date{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-sm)}[data-theme=dark] .credit-timeline-event-date{color:#d1d5db}.credit-timeline-event-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-sm) 0}[data-theme=dark] .credit-timeline-event-description{color:#d1d5db}.credit-timeline-event-amount,.credit-timeline-event-meta{margin-bottom:var(--spacing-sm)}.credit-timeline-event-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.credit-timeline-event-meta-item{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.credit-timeline-event-meta-item,[data-theme=dark] .credit-timeline-event-meta-item{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.credit-timeline-event-link{color:var(--color-primary-500);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);text-decoration:none;transition:color var(--transition-base)}.credit-timeline-event-link:hover{color:var(--color-primary-600);text-decoration:underline}[data-theme=dark] .credit-timeline-event-link{color:var(--color-primary-400)}[data-theme=dark] .credit-timeline-event-link:hover{color:var(--color-primary-500)}.credit-timeline-event-notes{background-color:var(--bg-tertiary);border-left:2px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.credit-timeline-event-notes-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}[data-theme=dark] .credit-timeline-event-notes{background-color:var(--bg-tertiary);border-left-color:var(--border-color)}.credit-timeline-empty,[data-theme=dark] .credit-timeline-event-notes-text{color:var(--text-secondary)}.credit-timeline-empty{font-size:var(--font-size-sm);padding:var(--spacing-2xl);text-align:center}.credit-timeline-compact{padding:var(--spacing-md) 0}.credit-timeline-compact .credit-timeline-event{margin-bottom:var(--spacing-xl)}.credit-timeline-compact .credit-timeline-event-icon{height:32px;width:32px}.credit-timeline-compact .credit-timeline-event-icon svg{height:16px;width:16px}.timeline-skeleton{padding:var(--spacing-lg) 0;position:relative}.timeline-skeleton-line{background-color:var(--border-color);bottom:0;left:20px;position:absolute;top:0;width:2px}.timeline-skeleton-event{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-left:var(--spacing-md);position:relative}.timeline-skeleton-marker{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-full);flex-shrink:0;height:40px;width:40px}.timeline-skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.timeline-skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.timeline-skeleton-bar{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);height:14px}.timeline-skeleton-title{width:120px}.timeline-skeleton-date{width:100px}.timeline-skeleton-description{margin-top:var(--spacing-xs);width:200px}.timeline-skeleton-amount{margin-top:var(--spacing-xs);width:80px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .timeline-skeleton-line{background-color:var(--border-color)}.payment-row{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--spacing-md);transition:background-color var(--transition-base)}.payment-row:hover,[data-theme=dark] .payment-row:hover{background-color:var(--bg-tertiary)}.payment-row-main{align-items:center;display:flex;gap:var(--spacing-md)}.payment-row-date{color:var(--text-secondary);flex:0 0 120px;font-size:var(--font-size-sm)}.payment-row-amount{flex:1 1;font-weight:var(--font-weight-semibold)}.payment-row-method{flex:0 0 auto}.payment-row-expand{flex:0 0 auto;margin-left:auto}.payment-row-actions{display:flex;flex:0 0 auto;gap:var(--spacing-xs)}.payment-row-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.payment-row-detail-item{display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.payment-row-detail-label{color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:100px}.payment-row-detail-value{color:var(--text-primary)}.payment-row-detailed{padding:var(--spacing-lg)}[data-theme=dark] .payment-row-detail-label{color:var(--text-secondary)}[data-theme=dark] .payment-row-detail-value{color:var(--text-primary)}.delete-confirmation-overlay{align-items:center;animation:fadeIn .15s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}[data-theme=dark] .delete-confirmation-overlay{background:#000000b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirmation-dialog{animation:slideUp .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:90%}[data-theme=dark] .delete-confirmation-dialog{box-shadow:0 20px 25px -5px #00000080}.delete-confirmation-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.delete-confirmation-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.delete-confirmation-body{padding:var(--spacing-lg)}.delete-confirmation-message{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.delete-confirmation-item-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.delete-confirmation-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.delete-confirmation-delete-button{background-color:var(--color-risk-high);color:#fff}.delete-confirmation-delete-button:hover:not(:disabled){background-color:var(--color-risk-very-high)}.payment-edit-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.payment-edit-credit-info{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.payment-edit-section-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}[data-theme=dark] .payment-edit-section-title{color:#f9fafb}.payment-edit-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.payment-edit-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-edit-info-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-theme=dark] .payment-edit-info-label{color:#d1d5db}.payment-edit-info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.payment-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-edit-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.payment-edit-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-edit-form-field-full{grid-column:1/-1}.payment-edit-form-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.payment-edit-form-label .required{color:var(--color-risk-high)}.payment-edit-form-hint{color:var(--text-secondary);font-size:var(--font-size-xs)}.payment-edit-form-select{cursor:pointer}.payment-edit-form-select,.payment-edit-form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.payment-edit-form-textarea{resize:vertical}.payment-edit-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.payment-edit-form-grid,.payment-edit-info-grid{grid-template-columns:1fr}}.credit-edit-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.credit-edit-panel-loading{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.credit-edit-customer-info{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.credit-edit-section-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.credit-edit-customer-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-edit-customer-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.credit-edit-customer-code{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.credit-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credit-edit-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.credit-edit-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-edit-form-field-full{grid-column:1/-1}.credit-edit-form-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.credit-edit-form-hint{color:var(--text-secondary);font-size:var(--font-size-xs)}.credit-edit-form-select{cursor:pointer}.credit-edit-form-select,.credit-edit-form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.credit-edit-form-textarea{resize:vertical}.credit-edit-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.credit-edit-form-grid{grid-template-columns:1fr}}.credit-detail-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}.credit-detail-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.credit-detail-header-main,.credit-detail-identity{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.credit-detail-identity-info{flex:1 1;min-width:0}.credit-detail-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-detail-meta{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.credit-detail-item-text,.credit-detail-meta{color:var(--text-secondary)}.credit-detail-meta-dot{color:var(--text-tertiary)}.credit-detail-meta-text{color:var(--text-secondary)}.credit-detail-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.credit-detail-content,.credit-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credit-detail-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.credit-detail-card-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.credit-detail-card-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}[data-theme=dark] .credit-detail-card-title{color:var(--text-primary)}.credit-detail-card-count{background:var(--bg-primary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.credit-detail-metrics{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:var(--spacing-lg)}.credit-detail-metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-detail-metric-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-theme=dark] .credit-detail-metric-label{color:var(--text-secondary)}.credit-detail-progress{padding:0 var(--spacing-lg) var(--spacing-lg)}.credit-detail-details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-lg)}.credit-detail-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-detail-detail-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-theme=dark] .credit-detail-detail-label{color:var(--text-secondary)}.credit-detail-detail-value{color:var(--text-primary);font-size:var(--font-size-base)}.credit-detail-detail-value-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-detail-overdue-indicator{color:var(--color-status-overdue);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.credit-detail-description,.credit-detail-notes{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg);padding-top:var(--spacing-lg)}.credit-detail-description-title,.credit-detail-notes-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.credit-detail-description-text,.credit-detail-notes-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.credit-detail-payments-list{display:flex;flex-direction:column}.credit-detail-payment-item{border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.credit-detail-payment-item:last-child{border-bottom:none}.credit-detail-empty-state{padding:var(--spacing-2xl);text-align:center}.credit-detail-empty-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.credit-detail-error,.credit-detail-loading{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.credit-detail-error{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}[data-theme=dark] .credit-detail-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .credit-detail-card-header{background:var(--bg-tertiary)}@media (max-width:768px){.credit-detail-page{padding:var(--spacing-md)}.credit-detail-header{align-items:stretch;flex-direction:column}.credit-detail-header-actions{flex-wrap:wrap}.credit-detail-details-grid,.credit-detail-metrics{grid-template-columns:1fr}}.behavior-tag{background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-700);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.behavior-tag-sm{font-size:var(--font-size-xs);padding:.125rem var(--spacing-xs)}.behavior-tag-md{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.behavior-tag[style*=CLEAR]{background-color:#10b9811a;border-color:#10b98133;color:var(--color-behavior-clear)}.behavior-tag[style*=REGULAR]{background-color:var(--accent-light);border-color:var(--accent-light);color:var(--accent)}.behavior-tag[style*=DELAYED]{background-color:#f59e0b1a;border-color:#f59e0b33;color:var(--color-behavior-delayed)}.behavior-tag[style*=RISKY]{background-color:#ef44441a;border-color:#ef444433;color:var(--color-behavior-risky)}.risk-indicator{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.risk-indicator,.risk-indicator-sm{font-size:var(--font-size-xs)}.risk-indicator-md{font-size:var(--font-size-sm)}.risk-indicator-dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.risk-indicator-sm .risk-indicator-dot{height:6px;width:6px}.risk-indicator-label{font-weight:var(--font-weight-medium)}.risk-indicator-label,[data-theme=dark] .risk-indicator-label{color:var(--text-secondary)}.customer-udhar-snapshot{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.customer-udhar-empty{padding:var(--spacing-2xl);text-align:center}.customer-udhar-empty-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.customer-udhar-indicators{border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-lg)}.customer-udhar-indicator-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.customer-udhar-indicator-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.customer-udhar-metric-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.customer-udhar-metric-header{margin-bottom:var(--spacing-sm)}.customer-udhar-metric-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.customer-udhar-metric-value{margin-bottom:var(--spacing-xs)}.customer-udhar-metric-subtext{color:var(--text-secondary);font-size:var(--font-size-sm)}.customer-udhar-stats-grid{grid-gap:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:var(--spacing-md)}.customer-udhar-stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-udhar-stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.customer-udhar-stat-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.customer-udhar-historical{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.customer-udhar-historical-header{margin-bottom:var(--spacing-sm)}.customer-udhar-historical-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.customer-udhar-historical-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-udhar-historical-item{align-items:center;display:flex;justify-content:space-between}.customer-udhar-historical-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.customer-udhar-historical-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.customer-udhar-context{margin-top:var(--spacing-xs)}.customer-udhar-context-note{align-items:flex-start;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);line-height:1.5;padding:var(--spacing-md)}.customer-udhar-context-note.customer-udhar-context-positive{background-color:#10b9811a;border-color:#10b98133}.customer-udhar-context-icon{flex-shrink:0;font-size:var(--font-size-base);margin-top:2px}.customer-udhar-context-text{color:var(--text-primary);flex:1 1}.customer-udhar-context-positive .customer-udhar-context-text{color:var(--text-primary)}[data-theme=dark] .customer-udhar-context-note,[data-theme=dark] .customer-udhar-historical,[data-theme=dark] .customer-udhar-metric-card,[data-theme=dark] .customer-udhar-stats-grid{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .customer-udhar-context-note.customer-udhar-context-positive{background-color:#10b98126;border-color:#10b9814d}@media (max-width:640px){.customer-udhar-stats-grid{grid-template-columns:1fr}.customer-udhar-indicators{flex-direction:column;gap:var(--spacing-sm)}}.create-credit-page{max-width:1200px;width:100%}.create-credit-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.create-credit-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.create-credit-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 400px}.create-credit-left{display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-credit-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.create-credit-section-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--spacing-lg) 0;text-transform:uppercase}.create-credit-search{position:relative}.create-credit-search-loading{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.create-credit-search-results{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:var(--spacing-sm);max-height:400px;overflow-y:auto}.create-credit-search-result-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:background-color .15s}.create-credit-search-result-item:hover{background-color:var(--bg-secondary)}.create-credit-search-result-item:last-child{border-bottom:none}.create-credit-search-result-info{flex:1 1;min-width:0}.create-credit-search-result-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-credit-search-result-details{color:var(--text-secondary);font-size:var(--font-size-sm)}.create-credit-search-create-row{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background-color .15s,border-color .15s;width:100%}.create-credit-search-create-row:hover{background:var(--accent-light);border-color:var(--accent)}.create-credit-search-create-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.create-credit-search-create-icon{align-items:center;background:var(--accent-light);border-radius:var(--radius-md);color:var(--accent);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.create-credit-search-create-row:hover .create-credit-search-create-icon{background:var(--accent);color:var(--on-accent)}.create-credit-search-create-text{display:flex;flex-direction:column;gap:2px;min-width:0}.create-credit-search-create-label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.create-credit-search-create-hint{color:var(--text-secondary);font-size:var(--font-size-sm)}.create-credit-selected-customer{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-credit-customer-identity{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.create-credit-customer-info{flex:1 1;min-width:0}.create-credit-customer-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-credit-customer-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.create-credit-customer-code{font-weight:var(--font-weight-medium)}.create-credit-customer-separator{color:var(--text-secondary);opacity:.5}.create-credit-customer-phone{color:var(--text-secondary)}.create-credit-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-credit-form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.create-credit-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-credit-form-field-full{grid-column:1/-1}.create-credit-form-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.create-credit-form-label .required{color:var(--color-status-error);margin-left:2px}.create-credit-form-hint{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.create-credit-form-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s,box-shadow .15s}.create-credit-form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.create-credit-form-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:border-color .15s,box-shadow .15s}.create-credit-form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.create-credit-form-textarea::placeholder{color:var(--text-secondary);opacity:.6}.create-credit-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}.create-credit-right{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.create-credit-decision-support{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.create-credit-decision-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--spacing-lg) 0;text-transform:uppercase}[data-theme=dark] .create-credit-section{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .create-credit-search-results{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}[data-theme=dark] .create-credit-customer-identity,[data-theme=dark] .create-credit-search-result-item:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .create-credit-form-select{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .create-credit-form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .create-credit-form-textarea{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .create-credit-form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .create-credit-decision-support{background-color:var(--bg-secondary);border-color:var(--border-color)}@media (max-width:1024px){.create-credit-content{grid-template-columns:1fr}.create-credit-right{position:static}.create-credit-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.create-credit-page{padding:0 0 calc(80px + env(safe-area-inset-bottom, 0px))}.create-credit-header{border-bottom:none;flex-wrap:wrap;margin-bottom:var(--spacing-md);padding:0 4px;padding-bottom:var(--spacing-sm)}.create-credit-title{font-size:var(--font-size-lg)}.create-credit-section{border-radius:var(--radius-md);padding:var(--spacing-md)}.create-credit-section-title{font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.create-credit-search .search-bar-container input,.create-credit-search input{font-size:16px;height:48px}.create-credit-search-results{border-radius:var(--radius-md);max-height:50vh}.create-credit-search-result-item{-webkit-tap-highlight-color:transparent;gap:var(--spacing-sm);min-height:56px;padding:var(--spacing-md)}.create-credit-search-result-name{font-size:var(--font-size-base)}.create-credit-selected-customer{gap:var(--spacing-sm)}.create-credit-customer-identity{gap:var(--spacing-sm);padding:var(--spacing-md)}.create-credit-customer-name{font-size:var(--font-size-base);white-space:normal;word-break:break-word}.create-credit-form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.create-credit-form-select,.create-credit-form-textarea{font-size:16px;min-height:48px}.create-credit-form-label{font-size:var(--font-size-sm)}.create-credit-search-create-row{padding:var(--spacing-md)}.create-credit-search-create-icon{height:36px;width:36px}.create-credit-form-actions{background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 12px #0000001a;display:flex;gap:12px;left:0;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:200}.create-credit-form-actions>button{flex:1 1;font-size:var(--font-size-base);justify-content:center;min-height:48px}.create-credit-right{position:static}.create-credit-decision-support{padding:var(--spacing-md)}}.edit-credit-page{margin:0 auto;max-width:800px;width:100%}.edit-credit-error,.edit-credit-loading{color:var(--color-neutral-500);padding:var(--spacing-2xl);text-align:center}.edit-credit-error{flex-direction:column}.edit-credit-error,.edit-credit-header{align-items:center;display:flex;gap:var(--spacing-md)}.edit-credit-header{margin-bottom:var(--spacing-xl)}.edit-credit-title{color:var(--color-neutral-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.edit-credit-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.edit-credit-customer-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.edit-credit-section-title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.edit-credit-customer-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-credit-customer-name{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.edit-credit-customer-code{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0}.edit-credit-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.edit-credit-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.edit-credit-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-credit-form-field-full{grid-column:1/-1}.edit-credit-form-label{color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.edit-credit-form-hint{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.edit-credit-form-select{cursor:pointer}.edit-credit-form-select,.edit-credit-form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-neutral-900);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.edit-credit-form-textarea{resize:vertical}.edit-credit-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.edit-credit-form-grid{grid-template-columns:1fr}}.edit-payment-page{margin:0 auto;max-width:800px;width:100%}.edit-payment-error,.edit-payment-loading{color:var(--color-neutral-500);padding:var(--spacing-2xl);text-align:center}.edit-payment-error{flex-direction:column}.edit-payment-error,.edit-payment-header{align-items:center;display:flex;gap:var(--spacing-md)}.edit-payment-header{margin-bottom:var(--spacing-xl)}.edit-payment-title{color:var(--color-neutral-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.edit-payment-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.edit-payment-credit-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.edit-payment-section-title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.edit-payment-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.edit-payment-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-payment-info-label{color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.edit-payment-info-value{color:var(--color-neutral-900);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.edit-payment-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.edit-payment-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.edit-payment-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-payment-form-field-full{grid-column:1/-1}.edit-payment-form-label{color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.edit-payment-form-label .required{color:var(--color-risk-high)}.edit-payment-form-hint{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.edit-payment-form-select{cursor:pointer}.edit-payment-form-select,.edit-payment-form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-neutral-900);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.edit-payment-form-textarea{resize:vertical}.edit-payment-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.edit-payment-form-grid,.edit-payment-info-grid{grid-template-columns:1fr}}.record-payment-page{margin:0 auto;max-width:800px;width:100%}.record-payment-error,.record-payment-loading{color:var(--color-neutral-500);padding:var(--spacing-2xl);text-align:center}.record-payment-error{flex-direction:column}.record-payment-error,.record-payment-header{align-items:center;display:flex;gap:var(--spacing-md)}.record-payment-header{margin-bottom:var(--spacing-xl)}.record-payment-title{color:var(--color-neutral-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.record-payment-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.record-payment-credit-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.record-payment-section-title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.record-payment-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.record-payment-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.record-payment-info-label{color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.record-payment-info-value{color:var(--color-neutral-900);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.record-payment-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.record-payment-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.record-payment-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.record-payment-form-field-full{grid-column:1/-1}.record-payment-form-label{color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.record-payment-form-label .required{color:var(--color-risk-high)}.record-payment-form-hint{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.record-payment-form-select{cursor:pointer}.record-payment-form-select,.record-payment-form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-neutral-900);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.record-payment-form-textarea{resize:vertical}.record-payment-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.record-payment-form-grid,.record-payment-info-grid{grid-template-columns:1fr}}@media (max-width:640px){.record-payment-page{padding-bottom:88px}.record-payment-form-actions{background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 12px #0000000f;display:flex;gap:12px;left:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:200}.record-payment-form-actions>button{flex:1 1;justify-content:center}.record-payment-form-select{min-height:48px}.record-payment-title{font-size:var(--font-size-2xl)}}.reminder-line{border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;transition:background-color .15s}.reminder-line:last-child{border-bottom:none}.reminder-line:hover{background-color:var(--bg-secondary)}.reminder-line.overdue{border-left:2px solid var(--color-status-overdue);margin-left:calc(var(--spacing-sm)*-1);padding-left:var(--spacing-sm)}.reminder-line-main{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;min-height:32px}.reminder-line-left{flex:1 1;min-width:0}.reminder-line-customer{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-line-right{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}.reminder-line-date-group{align-items:center;display:flex;gap:var(--spacing-xs)}.reminder-line-label{color:var(--text-secondary);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.reminder-line-date{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .15s}.reminder-line-date:hover{background:var(--bg-tertiary)}.reminder-line-date:disabled{cursor:not-allowed;opacity:.6}.reminder-line-change{color:var(--color-primary-600);font-size:12px;opacity:0;transition:opacity .15s}.reminder-line-date:focus .reminder-line-change,.reminder-line-date:hover .reminder-line-change{opacity:1}.reminder-line-whatsapp{background:none;border:none;border-radius:var(--radius-sm);color:#25d366;cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .15s;white-space:nowrap}.reminder-line-whatsapp:hover{background:#25d3661a}.reminder-line-record{background:none;border:1px solid var(--color-primary-200);border-radius:var(--radius-sm);color:var(--color-primary-600);cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s;white-space:nowrap}.reminder-line-record:hover{background:var(--color-primary-50);border-color:var(--color-primary-400)}.reminder-line-secondary{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding-left:0}.reminder-line-secondary-label{font-weight:var(--font-weight-medium)}.reminder-line-secondary-value{align-items:center;display:flex;gap:var(--spacing-xs)}.reminder-line-presets{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.reminder-line-preset{background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s}.reminder-line-preset:hover:not(:disabled){background:var(--color-primary-100);color:var(--color-primary-700)}.reminder-line-preset:disabled{cursor:not-allowed;opacity:.6}.reminder-line-custom{align-items:center;display:flex;gap:var(--spacing-xs)}.reminder-line-custom,.reminder-line-date-input{color:var(--text-primary);cursor:pointer;font-size:13px}.reminder-line-date-input{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);font-family:inherit;padding:var(--spacing-xs) var(--spacing-sm)}.reminder-line-date-input:focus{background:var(--bg-primary);border-color:var(--color-primary-400);outline:none}.reminder-line-impact{color:var(--text-secondary);line-height:1.5}.reminder-line-feedback,.reminder-line-impact{font-size:13px;margin-top:var(--spacing-xs);padding-left:0}.reminder-line-feedback{align-items:center;color:var(--color-status-active);display:flex;gap:var(--spacing-xs)}.reminder-line-undo{background:none;border:none;color:var(--color-primary-600);cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);padding:0;text-decoration:underline}.reminder-line-undo:hover{text-decoration:none}.reminder-line-error{color:var(--color-status-error)}[data-theme=dark] .reminder-line{border-bottom-color:var(--border-color)}[data-theme=dark] .reminder-line:hover{background-color:var(--bg-secondary)}[data-theme=dark] .reminder-line-date:hover,[data-theme=dark] .reminder-line-presets{background:var(--bg-tertiary)}[data-theme=dark] .reminder-line-preset{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .reminder-line-preset:hover:not(:disabled){background:var(--accent-light);color:var(--color-primary-400)}[data-theme=dark] .reminder-line-date-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .reminder-line-date-input:focus{background:var(--bg-primary);border-color:var(--color-primary-400)}[data-theme=dark] .reminder-line-record{border-color:var(--color-primary-700)}[data-theme=dark] .reminder-line-record:hover{background:var(--accent-light);border-color:var(--color-primary-500)}@media (max-width:640px){.reminder-line-main{flex-wrap:wrap;gap:var(--spacing-sm)}.reminder-line-left{width:100%}.reminder-line-right{justify-content:flex-start;width:100%}.reminder-line-presets{flex-wrap:wrap}}.reminder-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reminder-list-empty{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.reminder-group{display:flex;flex-direction:column}.reminder-group-overdue{border-left:2px solid var(--color-status-overdue);margin-left:calc(var(--spacing-md)*-1);padding-left:var(--spacing-md)}.reminder-group-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;text-align:left;transition:opacity .15s;width:100%}.reminder-group-header:hover{opacity:.8}.reminder-group-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.reminder-group-count{color:var(--text-secondary);font-weight:var(--font-weight-normal);opacity:.7}.reminder-group-overdue .reminder-group-title{color:var(--color-status-overdue)}.reminder-group-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm)}.reminder-group-toggle{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);opacity:.6}.reminder-group-items{padding-top:var(--spacing-xs)}[data-theme=dark] .reminder-group-title,[data-theme=dark] .reminder-list-empty{color:var(--text-secondary)}[data-theme=dark] .reminder-group-overdue .reminder-group-title{color:var(--color-status-overdue)}[data-theme=dark] .reminder-group-meta,[data-theme=dark] .reminder-group-toggle{color:var(--text-secondary)}.reminders-page{max-width:900px;width:100%}.reminders-page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.reminders-page-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.reminders-page-filters{display:flex;gap:var(--spacing-xs)}.reminders-filter{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s}.reminders-filter:hover{background:var(--bg-tertiary)}.reminders-filter.active{background:var(--text-primary);color:var(--bg-primary)}.reminders-page-content{min-height:200px}.reminders-page-error,.reminders-page-loading{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.reminders-page-error{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}[data-theme=dark] .reminders-page-title{color:var(--text-primary)}[data-theme=dark] .reminders-filter{color:var(--text-secondary)}[data-theme=dark] .reminders-filter:hover{background:var(--bg-tertiary)}[data-theme=dark] .reminders-filter.active{background:var(--text-primary);color:var(--bg-primary)}.settings-page{max-width:640px;padding:0 0 48px}.settings-section{margin-bottom:32px}.s-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.s-card-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.s-card-title{color:var(--text-primary);font-size:.8125rem;font-weight:700;letter-spacing:-.01em}.s-card-subtitle{color:var(--text-secondary);font-size:.6875rem;margin-top:1px}.s-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap}.s-btn:disabled{cursor:not-allowed;opacity:.45}.s-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.s-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.s-btn-ghost{background:#0000;border-color:var(--border-color);color:var(--text-secondary)}.s-btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.s-btn-danger{background:#0000;border-color:color-mix(in srgb,var(--error) 30%,#0000);color:var(--error)}.s-btn-danger:hover{background:var(--error);border-color:var(--error);color:#fff}.m-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:10px 16px;transition:background 80ms}.m-row:last-child{border-bottom:none}.m-row:hover{background:var(--bg-tertiary);background:var(--bg-hover,var(--bg-tertiary))}.m-avatar{align-items:center;background:var(--accent-light);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:30px;justify-content:center;width:30px}.m-identity{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.m-name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.m-email,.m-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-email{color:var(--text-tertiary);font-size:.6875rem}.m-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.m-badge{border-radius:10px;display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.m-badge-OWNER{background:#4ade801f;color:#22c55e}.m-badge-ADMIN{background:#6366f11f;color:#6366f1}.m-badge-STAFF{background:#9ca3af1f;color:var(--text-secondary)}.m-badge-VIEWER{background:#fbbf241f;color:#d97706}.m-role-select{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);cursor:pointer;font-size:.6875rem;font-weight:600;padding:3px 22px 3px 7px;transition:border-color .1s}.m-role-select:hover{border-color:var(--text-tertiary)}.m-role-select:focus{outline:2px solid var(--accent);outline-offset:1px}.m-date{color:var(--text-tertiary);font-size:.625rem;white-space:nowrap}.m-remove{background:#0000;border:none;border-radius:4px;color:var(--error);cursor:pointer;font-size:.6875rem;font-weight:600;padding:2px 6px;transition:background .1s}.m-remove:hover{background:color-mix(in srgb,var(--error) 10%,#0000)}.m-empty{color:var(--text-tertiary);font-size:.8125rem;padding:32px 16px;text-align:center}.theme-label{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 0 8px;padding:0 2px;text-transform:uppercase}.theme-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.theme-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;transition:border-color .12s,box-shadow .12s}.theme-card:hover{border-color:var(--text-tertiary)}.theme-card--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.theme-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-preview{display:flex;height:32px}.theme-accent,.theme-bg{flex:1 1}.theme-name{color:var(--text-primary);font-size:.625rem;font-weight:600;padding:5px 7px}.theme-sep{background:var(--border-color);height:1px;margin:14px 0}.signout-body{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.signout-label{color:var(--text-secondary);font-size:.8125rem}.invoice-settings-body{padding:16px}.settings-group{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.settings-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-group-title{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.settings-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.preview-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.preview-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.preview-title{color:var(--text-primary);font-size:.875rem;font-weight:700}.preview-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:background .1s;width:28px}.preview-close:hover{background:var(--border-color);color:var(--text-primary)}.preview-body{flex:1 1;overflow:hidden;padding:0}.preview-frame{background:#fff;border:none;height:100%;min-height:500px;width:100%}.s-overlay{align-items:center;animation:s-fade .1s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes s-fade{0%{opacity:0}to{opacity:1}}.s-modal{animation:s-up .16s cubic-bezier(.16,1,.3,1);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #0000001f;max-width:380px;overflow:hidden;width:100%}@keyframes s-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.s-modal-head{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.s-modal-title{color:var(--text-primary);font-size:.875rem;font-weight:700}.s-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;height:24px;justify-content:center;transition:background .1s;width:24px}.s-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.s-modal-body{display:flex;flex-direction:column;gap:12px;padding:16px}.s-modal-foot{border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.s-field{display:flex;flex-direction:column;gap:3px}.s-field-label{color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.s-field-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.8125rem;padding:7px 10px;transition:border-color .1s;width:100%}.s-field-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);outline:none}.s-field-hint,.s-field-input::placeholder{color:var(--text-tertiary)}.s-field-hint{font-size:.5625rem}.s-feedback-err{background:color-mix(in srgb,var(--error) 6%,#0000);color:var(--error)}.s-feedback-err,.s-feedback-ok{border-radius:5px;font-size:.75rem;padding:6px 10px}.s-feedback-ok{background:color-mix(in srgb,var(--success) 6%,#0000);color:var(--success)}@media (max-width:600px){.settings-page{padding:0 0 32px}.settings-section{margin-bottom:24px}.s-card-header{padding:12px}.m-row{gap:8px;padding:8px 12px}.m-avatar{font-size:.6875rem;height:26px;width:26px}.m-name{font-size:.75rem}.m-email{font-size:.625rem}.m-date{display:none}.theme-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.theme-preview{height:26px}.theme-name{font-size:.5625rem;padding:4px 6px}.s-overlay{align-items:flex-end;padding:0}.s-modal{animation:s-sheet .2s cubic-bezier(.16,1,.3,1);border-radius:12px 12px 0 0;max-width:100%}@keyframes s-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.s-modal-foot{flex-direction:column-reverse}.s-modal-foot .s-btn{justify-content:center;width:100%}.signout-body{padding:12px}}.invoice-detail-modal{padding:1rem 0}.invoice-detail-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.invoice-detail-error{align-items:center;color:var(--error);display:flex;flex-direction:column;gap:1rem;padding:2rem}.retry-btn{background:var(--accent);border:none;border-radius:.375rem;color:var(--on-accent);cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.retry-btn:hover{background:var(--accent-hover)}.invoice-detail-content{display:flex;flex-direction:column;gap:1.5rem}.invoice-header-section{background:var(--bg-secondary);border-radius:.5rem;padding:1rem}.invoice-meta-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.paid{background:var(--success);color:#fff}.status-badge.partial{background:var(--accent);color:var(--on-accent)}.status-badge.pending,.status-badge.unpaid{background:var(--error);color:#fff}.status-badge.draft{background:var(--bg-tertiary);color:var(--text-secondary)}.invoice-section{border-top:1px solid var(--border-color);padding-top:1rem}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.customer-details{flex-direction:column}.customer-details,.detail-row{display:flex;gap:.5rem}.detail-label{color:var(--text-secondary);font-size:.875rem;min-width:100px}.detail-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.items-table-wrapper{border:1px solid var(--border-color);border-radius:.375rem;overflow-x:auto}.items-table{border-collapse:collapse;font-size:.8rem;width:100%}.items-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;text-align:left}.items-table td,.items-table th{border-bottom:1px solid var(--border-color);padding:.5rem;white-space:nowrap}.items-table td{color:var(--text-primary)}.items-table tbody tr:last-child td{border-bottom:none}.items-table tbody tr:hover{background:var(--bg-hover)}.amount-cell{color:var(--text-primary);font-weight:600}.financial-summary{background:var(--bg-secondary);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.summary-row{color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between}.summary-row.total{border-top:2px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-weight:700;margin-top:.25rem;padding-top:.5rem}.summary-row.paid{color:var(--success);font-weight:500}.summary-row.balance{color:var(--error);font-weight:600}.payment-info{display:flex;flex-direction:column;gap:.5rem}.payments-table-wrapper{border:1px solid var(--border-color);border-radius:.5rem;margin-top:.5rem;overflow:hidden}.payments-table{border-collapse:collapse;font-size:.82rem;width:100%}.payments-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.6rem;text-align:left;text-transform:uppercase}.payments-table th.amount-header{text-align:right}.payments-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.6rem}.payments-table tr:last-child td{border-bottom:none}.payment-mode-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:2px 6px}.invoice-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.action-btn{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.action-btn.primary{background:var(--accent);border:none;color:var(--on-accent)}.action-btn.primary:hover{background:var(--accent-hover)}.action-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn.secondary:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.action-btn.danger{background:#0000;border:1px solid var(--error);color:var(--error)}.action-btn.danger:hover{background:var(--error);color:#fff}.action-btn.danger:disabled{cursor:not-allowed;opacity:.5}.negotiate-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.25rem 0}.negotiate-body{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.negotiate-hint{color:var(--text-secondary);font-size:.8rem;margin:0}.negotiate-row{display:flex;gap:.5rem}.negotiate-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none;padding:.5rem .75rem;width:100%}.negotiate-input:focus{border-color:var(--accent)}.negotiate-preview-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.negotiate-preview-btn:hover{background:var(--bg-hover)}.negotiate-preview-btn:disabled{cursor:not-allowed;opacity:.5}.negotiate-error{color:var(--error);font-size:.8rem;margin:0}.negotiate-preview{background:var(--bg-tertiary);border-radius:.5rem;display:flex;flex-direction:column;gap:.35rem;padding:.75rem}.negotiate-preview-row{color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between}.negotiate-preview-total{border-top:1px solid var(--border-color);color:var(--text-primary);font-weight:700;margin-top:.1rem;padding-top:.35rem}.negotiate-item-row{border-top:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;padding:2px 0}.negotiate-item-desc{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.negotiate-commit-btn{background:#1a1a2e;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.25rem;padding:.6rem}.negotiate-commit-btn:hover{background:#2a2a4e}.negotiate-commit-btn:disabled{cursor:not-allowed;opacity:.5}.negotiate-done{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem}.negotiate-note{color:var(--text-tertiary);font-size:.8rem;font-style:italic;margin:0;width:100%}.negotiate-modes{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:4px;padding:4px}.mode-tab{background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:8px;transition:all .2s ease}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:var(--accent);color:var(--on-accent)}.negotiate-filters{margin-top:4px}.negotiate-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-weight:500;outline:none;padding:8px 12px;width:100%}.negotiate-select:focus{border-color:var(--accent)}.invoice-top-row{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.invoice-top-customer{display:flex;flex-direction:column;gap:3px}.invoice-customer-name{color:var(--text-primary);font-size:1rem;font-weight:700}.invoice-customer-name-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;padding:0;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);text-underline-offset:3px;transition:color var(--transition-fast)}.invoice-customer-name-btn:hover{color:var(--accent)}.invoice-customer-meta{color:var(--text-secondary);font-size:.82rem}.invoice-top-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.invoice-meta-row{display:flex;font-size:.82rem;gap:.5rem}.invoice-meta-row span:first-child{color:var(--text-tertiary)}.invoice-meta-row span:last-child{color:var(--text-primary);font-weight:500}.RecordPaymentModal_overlay__zbH4R{align-items:center;animation:RecordPaymentModal_fadeIn__vEUfv .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes RecordPaymentModal_fadeIn__vEUfv{0%{opacity:0}to{opacity:1}}.RecordPaymentModal_modal__546oL{animation:RecordPaymentModal_slideUp__3uE6l .3s cubic-bezier(.16,1,.3,1);background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);max-width:440px;overflow:hidden;width:100%}@keyframes RecordPaymentModal_slideUp__3uE6l{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.RecordPaymentModal_header__OPnfy{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.RecordPaymentModal_header__OPnfy h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.RecordPaymentModal_closeBtn__rNl-A{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;padding:4px}.RecordPaymentModal_closeBtn__rNl-A:hover{background:var(--bg-hover);color:var(--text-primary)}.RecordPaymentModal_body__Z0TG9{padding:20px}.RecordPaymentModal_invoiceSummary__\+if\+f{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.RecordPaymentModal_summaryItem__aDUWa{align-items:center;display:flex;justify-content:space-between}.RecordPaymentModal_summaryItem__aDUWa label{color:var(--text-secondary);font-size:12px;font-weight:500}.RecordPaymentModal_summaryItem__aDUWa span{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600}.RecordPaymentModal_summaryItem__aDUWa .RecordPaymentModal_balance__W4h1c{color:#f59e0b;font-size:16px}.RecordPaymentModal_form__Yjr-K{display:flex;flex-direction:column;gap:16px}.RecordPaymentModal_inputGroup__OSZqJ{display:flex;flex-direction:column;gap:6px}.RecordPaymentModal_inputGroup__OSZqJ label{color:var(--text-secondary);font-size:12px;font-weight:600}.RecordPaymentModal_inputGroup__OSZqJ input,.RecordPaymentModal_inputGroup__OSZqJ select,.RecordPaymentModal_inputGroup__OSZqJ textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease}.RecordPaymentModal_inputGroup__OSZqJ input:focus,.RecordPaymentModal_inputGroup__OSZqJ select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.RecordPaymentModal_inputGroup__OSZqJ textarea{min-height:80px;resize:vertical}.RecordPaymentModal_footer__PGWmU{background:var(--bg-tertiary);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.RecordPaymentModal_cancelBtn__bcq9K{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.RecordPaymentModal_recordBtn__xfEah{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.RecordPaymentModal_recordBtn__xfEah:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.RecordPaymentModal_recordBtn__xfEah:disabled{cursor:not-allowed;opacity:.6}.attio-table-container{--ct-bg:var(--bg-secondary);--ct-bg-secondary:var(--bg-tertiary);--ct-bg-tertiary:var(--bg-hover);--ct-border:var(--border-color);--ct-border-light:var(--border-light);--ct-text:var(--text-primary);--ct-text-secondary:var(--text-secondary);--ct-text-muted:var(--text-tertiary);--ct-accent:var(--accent);--ct-accent-bg:var(--accent-light);--ct-accent-hover:var(--accent-hover);--ct-hover:var(--bg-hover);--ct-selected:var(--accent-light);--ct-success:var(--success);--ct-success-bg:var(--accent-light);--ct-danger:var(--error);--ct-danger-bg:#b8544a1a;--ct-shadow:var(--shadow);background:var(--ct-bg);color:var(--ct-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}[data-theme=dark] .attio-table-container{--ct-bg:#0f0f0f;--ct-bg-secondary:#141414;--ct-bg-tertiary:#1a1a1a;--ct-border:#262626;--ct-border-light:#1f1f1f;--ct-text:#e5e5e5;--ct-text-secondary:#888;--ct-text-muted:#505050;--ct-hover:#1a1a1a;--ct-selected:var(--accent-light);--ct-shadow:#0006}.attio-header{align-items:center;background:var(--ct-bg);border-bottom:1px solid var(--ct-border-light);display:flex;justify-content:space-between;padding:10px 16px}.attio-header-left,.attio-header-right{align-items:center;display:flex;gap:8px}.saas-toolbar{align-items:center;background:var(--ct-bg);border-bottom:1px solid var(--ct-border-light);display:flex;gap:12px;padding:10px 16px}.saas-toolbar-search{align-items:center;background:var(--ct-bg-secondary);border:1px solid #0000;border-radius:6px;display:flex;gap:8px;max-width:320px;min-width:240px;padding:6px 12px;transition:all .12s ease}.saas-toolbar-search:focus-within{background:var(--ct-bg);border-color:var(--ct-accent);box-shadow:0 0 0 2px var(--accent-light)}.saas-search-input{background:#0000;border:none;color:var(--ct-text);flex:1 1;font-size:13px;outline:none}.saas-search-clear{align-items:center;background:#0000;border:none;color:var(--ct-text-muted);cursor:pointer;display:flex}.saas-toolbar-filters{align-items:center;display:flex;flex:1 1;gap:4px}.saas-clear-filters{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--ct-text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.saas-clear-filters:hover{background:var(--ct-hover);color:var(--ct-text)}.saas-toolbar-meta{align-items:center;display:flex;gap:8px;margin-left:auto}.saas-count{color:var(--ct-text-secondary);font-size:12px;font-weight:500}.attio-table-wrapper{flex:1 1;overflow:auto}.attio-table{border-collapse:collapse;min-width:-webkit-max-content;min-width:max-content;table-layout:fixed;width:100%}.attio-th{background:var(--ct-bg);border-right:1px solid var(--ct-border-light);color:var(--ct-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:9px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.attio-th-content{align-items:center;display:flex;gap:6px}.attio-td{border-right:1px solid var(--ct-border-light);color:var(--ct-text);font-size:13px;overflow:hidden;padding:11px 16px;text-overflow:ellipsis;white-space:nowrap}.attio-td-pinned-sn,.attio-tf-pinned-sn,.attio-th-pinned-sn{background:var(--ct-bg);left:40px;position:-webkit-sticky;position:sticky;z-index:4}.attio-td-pinned-actions,.attio-tf-pinned-actions,.attio-th-pinned-actions{background:var(--ct-bg);left:90px;position:-webkit-sticky;position:sticky;z-index:4}.attio-td-pinned-invoiceNumber,.attio-tf-pinned-invoiceNumber,.attio-th-pinned-invoiceNumber{background:var(--ct-bg);left:190px;position:-webkit-sticky;position:sticky;z-index:4}.attio-td-checkbox,.attio-th-checkbox{background:var(--ct-bg);left:0;padding:11px 10px;position:-webkit-sticky;position:sticky;width:40px;z-index:5}.attio-row-selected{background:var(--ct-selected)!important}.attio-status-badge{border-radius:99px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.attio-tf{background:var(--ct-bg-secondary);border-top:1px solid var(--ct-border);color:var(--ct-text-secondary);font-size:12px;font-weight:600;padding:10px 16px}.attio-tf-checkbox,.attio-tf-pinned-actions,.attio-tf-pinned-invoiceNumber,.attio-tf-pinned-sn{background:var(--ct-bg-secondary)!important}.attio-tf-value{color:var(--ct-text);font-family:monospace;font-size:13px}.attio-user-cell{align-items:center;display:flex;gap:8px}.attio-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.attio-icon-btn{align-items:center;background:#0000;border:1px solid var(--ct-border);border-radius:4px;color:var(--ct-text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .1s ease}.attio-icon-btn:hover{background:var(--ct-bg-tertiary);border-color:var(--ct-text-muted);color:var(--ct-text)}.attio-actions-cell{align-items:center;display:flex;gap:6px;overflow:visible}.attio-actions-cell.compact{gap:4px;padding:0}.attio-icon-btn.compact{justify-content:center;min-width:28px;padding:4px}.attio-td-actions{overflow:visible!important;text-overflow:clip!important}.attio-icon-btn.edit-btn:hover{background:#2563eb1a;border-color:#2563eb;color:#2563eb}.attio-icon-btn.payment-btn:hover{background:#0596691a;border-color:#059669;color:#059669}.skeleton-cell{align-items:center;display:flex;height:100%}.skeleton-bar{animation:pulse 1.5s ease-in-out infinite;background:var(--ct-bg-tertiary);border-radius:4px;height:12px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.attio-empty{padding:64px;text-align:center}.empty-state-content{align-items:center;color:var(--ct-text-muted);display:flex;flex-direction:column;gap:12px}.ledger-toggle-container{align-items:center;border-left:1px solid var(--ct-border-light);display:flex;gap:8px;margin-left:12px;padding-left:12px}.toggle-label{color:var(--ct-text-secondary);font-size:12px;font-weight:500}.toggle-switch{display:inline-block;height:20px;position:relative;width:34px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:var(--ct-accent)}input:focus+.slider{box-shadow:0 0 1px var(--ct-accent)}input:checked+.slider:before{transform:translateX(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px var(--shadow),0 2px 4px -2px var(--shadow);display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;transition:all .2s ease-in-out}.summary-card:hover{border-color:var(--accent);box-shadow:0 10px 15px -3px var(--shadow),0 4px 6px -4px var(--shadow);transform:translateY(-2px)}.card-top{justify-content:space-between}.card-icon,.card-top{align-items:center;display:flex}.card-icon{background-color:var(--bg-tertiary);border-radius:.75rem;height:2.5rem;justify-content:center;width:2.5rem}.trend-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .625rem;text-transform:uppercase}.trend-up{background-color:#ecfdf5;color:#059669}.trend-down{background-color:#fef2f2;color:#dc2626}.trend-warning{background-color:#fffbeb;color:#d97706}.trend-info{background-color:#eff6ff;color:#2563eb}.trend-neutral{background-color:#f3f4f6;color:#4b5563}.card-content{display:flex;flex-direction:column;gap:.25rem}.card-title{color:var(--text-secondary);font-size:.875rem;font-weight:500}.card-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}[data-theme=dark] .trend-up{background-color:#10b9811a;color:#10b981}[data-theme=dark] .trend-down{background-color:#ef44441a;color:#ef4444}.floating-actions{bottom:2rem;position:fixed;right:2rem;z-index:1000}.fab-container{position:relative}.fab-main{align-items:center;background:linear-gradient(135deg,#001b3d,#002147);border:none;border-radius:50%;box-shadow:0 4px 12px #001b3d4d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.fab-main:hover{box-shadow:0 6px 20px #001b3d66;transform:translateY(-2px)}.fab-main:active{transform:translateY(0)}.fab-menu{animation:slideUp .3s ease;background:#fff;border-radius:12px;bottom:70px;box-shadow:0 4px 20px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fab-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.fab-item:hover{background:#f8f9fa}.fab-item.desktop{border-bottom:1px solid #f3f4f6}.fab-item.mobile{border-bottom:none}.fab-item svg{flex-shrink:0}@media (max-width:768px){.floating-actions{bottom:1rem;right:1rem}.fab-main{height:48px;width:48px}.fab-menu{bottom:60px;min-width:160px;right:0}.fab-item{font-size:13px;padding:10px 14px}}.invoices-page-container{background-color:var(--bg-primary);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0}.stats-grid{grid-gap:1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1.5rem}.CreateInvoicePage_pageWrapper__N26ns{background:var(--bg-primary);height:calc(100vh - 80px);overflow-y:auto;padding:1.25rem 1.5rem 6rem}.CreateInvoicePage_formBody__XAUS6{max-width:900px}.CreateInvoicePage_topRow__0rCY6{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.25rem}.CreateInvoicePage_topRowCustomer__mvlmk{flex:1 1;max-width:480px}.CreateInvoicePage_customerSearchWrap__cKzIB{position:relative}.CreateInvoicePage_dateField__0wPKy{display:flex;flex-direction:column;gap:4px;min-width:160px}.CreateInvoicePage_dateLabel__ZB69j{color:var(--text-tertiary);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.CreateInvoicePage_dateInput__hjPFM{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:.85rem;outline:none;padding:.55rem .75rem;transition:border-color .2s,box-shadow .2s}.CreateInvoicePage_dateInput__hjPFM:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.CreateInvoicePage_customerSearchInput__x77o8{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.85rem;max-width:480px;outline:none;padding:.6rem .75rem .6rem 2.25rem;transition:border-color .2s,box-shadow .2s;width:100%}.CreateInvoicePage_customerSearchInput__x77o8:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.CreateInvoicePage_customerSearchIcon__9jWAI{color:var(--text-tertiary);left:.7rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.CreateInvoicePage_searchLoading__EGIhb{animation:CreateInvoicePage_spin__bwlhH 1s linear infinite;color:var(--text-tertiary);position:absolute;right:.7rem;top:50%;transform:translateY(-50%)}@keyframes CreateInvoicePage_spin__bwlhH{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.CreateInvoicePage_selectedCustomer__9AyRX{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:.5rem;display:flex;gap:.6rem;padding:.5rem .75rem;transition:border-color .2s}.CreateInvoicePage_selectedCustomer__9AyRX:hover{border-color:var(--accent)}.CreateInvoicePage_selectedCustomerText__K211z strong{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600}.CreateInvoicePage_selectedCustomerText__K211z span{color:var(--text-secondary);font-size:.8rem}.CreateInvoicePage_changeBtn__AKHns{background:#0000;border:none;border-radius:.25rem;color:var(--text-tertiary);cursor:pointer;font-size:.8rem;margin-left:auto;padding:.25rem .5rem;transition:all .15s}.CreateInvoicePage_changeBtn__AKHns:hover{background:var(--bg-hover);color:var(--text-primary)}.CreateInvoicePage_searchResults__8bDUv{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:.5rem;box-shadow:0 12px 24px -4px var(--shadow);left:0;max-height:240px;max-width:480px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:50}.CreateInvoicePage_searchResultItem__tPSpW{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:.6rem .75rem;transition:background .1s}.CreateInvoicePage_searchResultItem__tPSpW:last-child{border-bottom:none}.CreateInvoicePage_searchResultItem__tPSpW:hover{background:var(--bg-hover)}.CreateInvoicePage_searchResultInfo__DzEEp strong{color:var(--text-primary);display:block;font-size:.85rem}.CreateInvoicePage_searchResultInfo__DzEEp span{color:var(--text-secondary);font-size:.75rem}.CreateInvoicePage_addNewCustomerItem__mo045{align-items:center;background:var(--bg-tertiary);border-top:1.5px solid var(--border-color);color:var(--accent);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.CreateInvoicePage_addNewCustomerItem__mo045:hover{background:var(--accent-light);color:var(--accent-hover)}.CreateInvoicePage_addNewCustomerItem__mo045 strong{font-size:.85rem;font-weight:600}.CreateInvoicePage_addIconCircle__8XEN8{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.CreateInvoicePage_itemsHeader__5Gqxa{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.CreateInvoicePage_itemsHeader__5Gqxa h3{color:var(--text-tertiary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.CreateInvoicePage_addItemBtn__9BDDO{align-items:center;background:var(--accent);border:none;border-radius:.375rem;color:var(--on-accent);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:.35rem .75rem;transition:background .15s,transform .1s}.CreateInvoicePage_addItemBtn__9BDDO:hover{background:var(--accent-hover);transform:translateY(-1px)}.CreateInvoicePage_addItemBtn__9BDDO:active{transform:translateY(0)}.CreateInvoicePage_itemCards__ZGPxB{display:flex;flex-direction:column;gap:.5rem}.CreateInvoicePage_itemCard__ZHrMH{animation:CreateInvoicePage_cardIn__7wRJo .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.625rem;padding:.65rem .75rem;transition:border-color .2s,box-shadow .2s}.CreateInvoicePage_itemCard__ZHrMH:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow)}@keyframes CreateInvoicePage_cardIn__7wRJo{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.CreateInvoicePage_itemCardTop__MnUON{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.CreateInvoicePage_itemIndex__HYhtw{align-items:center;background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px}.CreateInvoicePage_itemDescInput__V4ly6{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-primary);flex:1 1;font-size:.85rem;outline:none;padding:.35rem .5rem;transition:border-color .15s}.CreateInvoicePage_itemDescInput__V4ly6:focus{border-color:var(--accent)}.CreateInvoicePage_removeRowBtn__MxzFw{align-items:center;background:#0000;border:none;border-radius:.25rem;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;padding:.2rem;transition:all .15s}.CreateInvoicePage_removeRowBtn__MxzFw:hover{background:var(--error);color:#fff}.CreateInvoicePage_removeRowBtn__MxzFw:disabled{cursor:not-allowed;opacity:.3}.CreateInvoicePage_removeRowBtn__MxzFw:disabled:hover{background:#0000;color:var(--text-tertiary)}.CreateInvoicePage_itemFieldGrid__KrYn9{grid-gap:.35rem .5rem;align-items:end;display:grid;gap:.35rem .5rem;grid-template-columns:auto repeat(6,1fr)}.CreateInvoicePage_fieldGroup__\+VziQ{display:flex;flex-direction:column;gap:2px}.CreateInvoicePage_fieldLabel__0UOJW{color:var(--text-tertiary);font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.CreateInvoicePage_fieldInput__u9zTb{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-primary);font-size:.8rem;outline:none;padding:.3rem .4rem;transition:border-color .15s;width:100%}.CreateInvoicePage_fieldInput__u9zTb:focus{border-color:var(--accent)}.CreateInvoicePage_fieldSelect__G0f\+\+{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.3rem;width:100%}.CreateInvoicePage_fieldComputed__Q9Ala{font-feature-settings:"tnum";background:var(--bg-tertiary);border-radius:.25rem;color:var(--text-secondary);font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:600;padding:.3rem .4rem}.CreateInvoicePage_metalCell__Vmz5k{display:flex;gap:2px}.CreateInvoicePage_metalCell__Vmz5k button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.2rem;color:var(--text-tertiary);cursor:pointer;font-size:.65rem;font-weight:700;padding:.25rem .45rem;transition:all .12s}.CreateInvoicePage_metalCell__Vmz5k button.CreateInvoicePage_activeMetal__611VC{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.CreateInvoicePage_metalCell__Vmz5k button:hover:not(.CreateInvoicePage_activeMetal__611VC){background:var(--bg-hover);color:var(--text-primary)}.CreateInvoicePage_advancedToggle__dJZoQ{align-items:center;background:none;border:none;border-top:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;margin-top:.75rem;padding:.6rem 0;text-transform:uppercase;transition:color .15s;width:100%}.CreateInvoicePage_advancedToggle__dJZoQ:hover{color:var(--text-primary)}.CreateInvoicePage_advancedSection__uLlJF{grid-gap:.6rem;animation:CreateInvoicePage_fadeIn__Zm\+WD .2s ease;display:grid;gap:.6rem;grid-template-columns:repeat(4,1fr);padding:.75rem 0}@keyframes CreateInvoicePage_fadeIn__Zm\+WD{0%{opacity:0}to{opacity:1}}.CreateInvoicePage_advField__0tLZ5{display:flex;flex-direction:column;gap:.2rem}.CreateInvoicePage_advField__0tLZ5 label{color:var(--text-tertiary);font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.CreateInvoicePage_advField__0tLZ5 input,.CreateInvoicePage_advField__0tLZ5 select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-primary);font-size:.8rem;outline:none;padding:.4rem .5rem;transition:border-color .15s}.CreateInvoicePage_advField__0tLZ5 input:focus,.CreateInvoicePage_advField__0tLZ5 select:focus{border-color:var(--accent)}.CreateInvoicePage_advField__0tLZ5 input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:16px;width:16px}.CreateInvoicePage_paymentsSection__BfqOi{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;grid-column:span 2;padding:.75rem}.CreateInvoicePage_sectionHeader__kmnAP{align-items:center;display:flex;justify-content:space-between}.CreateInvoicePage_sectionHeader__kmnAP label{color:var(--text-tertiary);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.CreateInvoicePage_addSmallBtn__FEwbM{background:#0000;border:1px solid var(--accent);border-radius:.25rem;color:var(--accent);cursor:pointer;font-size:.7rem;font-weight:600;padding:.2rem .5rem;transition:all .15s}.CreateInvoicePage_addSmallBtn__FEwbM:hover{background:var(--accent);color:#fff;color:var(--accent-contrast,#fff)}.CreateInvoicePage_paymentRow__kFRW9{align-items:center;animation:CreateInvoicePage_slideIn__AT-Qv .2s ease-out;display:flex;gap:.5rem}@keyframes CreateInvoicePage_slideIn__AT-Qv{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.CreateInvoicePage_paymentModeSelect__ckf29{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-primary);flex:0.8 1;font-size:.8rem;padding:.4rem}.CreateInvoicePage_paymentAmountWrap__AX061{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.3rem;display:flex;flex:1 1;padding-left:.5rem}.CreateInvoicePage_currencyPrefix__l6-Kl{color:var(--text-tertiary);font-size:.8rem;font-weight:600}.CreateInvoicePage_paymentAmountWrap__AX061 input{background:#0000!important;border:none!important;color:var(--text-primary)!important;padding:.4rem .5rem!important;width:100%}.CreateInvoicePage_removePaymentBtn__5rUDe{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .15s}.CreateInvoicePage_removePaymentBtn__5rUDe:hover{background:var(--error-light);color:var(--error)}.CreateInvoicePage_bottomBar__M0GR7{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;display:flex;gap:1rem;left:60px;left:var(--sidebar-width,60px);padding:.6rem 1.5rem;position:fixed;right:0;transition:left .2s ease;z-index:100}.CreateInvoicePage_totalBox__9aYnC{display:flex;flex-direction:column;gap:1px;min-width:140px}.CreateInvoicePage_totalLabel__lTx03{color:var(--text-tertiary);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.CreateInvoicePage_totalAmount__k\+rhQ{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.CreateInvoicePage_taxBreakdown__oNsRU{align-items:center;display:flex;gap:.5rem}.CreateInvoicePage_taxBreakdown__oNsRU span{font-feature-settings:"tnum";color:var(--text-tertiary);font-size:.65rem;font-variant-numeric:tabular-nums}.CreateInvoicePage_actionBtns__PUFIC{align-items:center;display:flex;gap:.5rem;margin-left:auto}.CreateInvoicePage_actionBtns__PUFIC button{border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .15s}.CreateInvoicePage_actionBtns__PUFIC button:disabled{cursor:not-allowed;opacity:.4}.CreateInvoicePage_draftBtn__EwNoh{background:#0000;border:1.5px solid var(--border-color);color:var(--text-secondary)}.CreateInvoicePage_draftBtn__EwNoh:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.CreateInvoicePage_previewToggleBtn__XhsRR{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:.5rem .75rem;transition:all .15s}.CreateInvoicePage_previewToggleBtn__XhsRR:hover{background:var(--bg-hover)}.CreateInvoicePage_previewToggleBtn__XhsRR.CreateInvoicePage_active__-wTuq{background:var(--accent-light);border-color:var(--accent);color:var(--text-primary)}.CreateInvoicePage_confirmBtn__tov3z{background:var(--accent);border:none;color:var(--on-accent);font-weight:700}.CreateInvoicePage_confirmBtn__tov3z:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.CreateInvoicePage_confirmBtn__tov3z:active:not(:disabled){transform:translateY(0)}.CreateInvoicePage_previewDrawer__xOawO{background:var(--bg-secondary);border-left:1px solid var(--border-color);bottom:48px;box-shadow:-8px 0 24px var(--shadow);display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:520px;z-index:200}.CreateInvoicePage_previewDrawer__xOawO.CreateInvoicePage_open__Mp-TF{transform:translateX(0)}.CreateInvoicePage_previewDrawerHeader__W0aUY{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.CreateInvoicePage_previewDrawerHeader__W0aUY h3{color:var(--text-primary);font-size:.9rem;font-weight:700;margin:0}.CreateInvoicePage_previewDrawerHeader__W0aUY .CreateInvoicePage_closeBtn__SEzYN{align-items:center;background:none;border:none;border-radius:.3rem;color:var(--text-tertiary);cursor:pointer;display:flex;padding:.3rem}.CreateInvoicePage_previewDrawerHeader__W0aUY .CreateInvoicePage_closeBtn__SEzYN:hover{background:var(--bg-hover);color:var(--text-primary)}.CreateInvoicePage_previewTabs__JZrs-{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.25rem;padding:.75rem 1.25rem}.CreateInvoicePage_previewTabs__JZrs- button{background:#0000;border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .7rem;transition:all .15s}.CreateInvoicePage_previewTabs__JZrs- button.CreateInvoicePage_activeTab__pCFt4{background:var(--accent-light);border-color:var(--accent);color:var(--text-primary)}.CreateInvoicePage_previewTabs__JZrs- button:hover:not(.CreateInvoicePage_activeTab__pCFt4){background:var(--bg-hover)}.CreateInvoicePage_previewIframe__wyDjT{background:var(--bg-tertiary);flex:1 1;overflow:auto;padding:1rem}.CreateInvoicePage_previewIframe__wyDjT iframe{background:#fff;border:none;border-radius:.5rem;box-shadow:0 4px 16px var(--shadow);height:100%;min-height:700px;width:100%}.CreateInvoicePage_previewOverlay__VUB40{display:none}@media (max-width:768px){.CreateInvoicePage_pageWrapper__N26ns{height:calc(100vh - 72px);padding:.75rem .75rem 5rem}.CreateInvoicePage_bottomBar__M0GR7{bottom:calc(64px + env(safe-area-inset-bottom, 0px));left:0;padding:.6rem 1rem}.CreateInvoicePage_previewDrawer__xOawO{bottom:48px;width:100%}.CreateInvoicePage_previewOverlay__VUB40{background:#0006;display:block;inset:0;position:fixed;z-index:150}.CreateInvoicePage_advancedSection__uLlJF{grid-template-columns:1fr 1fr}.CreateInvoicePage_itemFieldGrid__KrYn9{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.CreateInvoicePage_formBody__XAUS6{padding:0 0 4rem}.CreateInvoicePage_advancedSection__uLlJF{grid-template-columns:1fr}.CreateInvoicePage_itemFieldGrid__KrYn9{grid-template-columns:1fr 1fr}.CreateInvoicePage_actionBtns__PUFIC{gap:.35rem}.CreateInvoicePage_actionBtns__PUFIC button{font-size:.8rem;padding:.45rem .6rem}}.CreateInvoicePageMobile_mobileContainer__daAf4{background:#fff;margin:0 auto;max-width:390px;min-height:100vh;position:relative}.CreateInvoicePageMobile_loadingContainer__byGJ3{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem}.CreateInvoicePageMobile_loadingSpinner__bgANM{align-items:center;animation:CreateInvoicePageMobile_spin__LP9Dx 1s linear infinite;display:flex;justify-content:center;margin-bottom:1rem}@keyframes CreateInvoicePageMobile_spin__LP9Dx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.CreateInvoicePageMobile_loadingText__QsIhc{color:#6b7280;font-size:.875rem;margin:0}.CreateInvoicePageMobile_header__BM-Mz{align-items:center;background:#001b3d;color:#fff;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.CreateInvoicePageMobile_backBtn__Rydmc{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.CreateInvoicePageMobile_headerTitle__2BAe1{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.CreateInvoicePageMobile_saveBtn__YUuVK{align-items:center;background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.CreateInvoicePageMobile_saveBtn__YUuVK:disabled{cursor:not-allowed;opacity:.5}.CreateInvoicePageMobile_section__DOTPL{border-bottom:1px solid #f4f3f5;padding:1.5rem 1rem}.CreateInvoicePageMobile_sectionTitle__wTjBG{color:#001b3d;font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.CreateInvoicePageMobile_sectionHeader__fgJv7{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.CreateInvoicePageMobile_addItemBtn__h-Cgn{align-items:center;background:#c5a059;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.CreateInvoicePageMobile_searchContainer__Q9NCO{margin-bottom:1rem}.CreateInvoicePageMobile_customerInfo__Pd0x4{background:#f8f9fa;border-radius:.75rem;padding:1rem}.CreateInvoicePageMobile_customerHeader__jxf9Z{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.CreateInvoicePageMobile_customerName__nUYR\+{color:#1a1c1d;font-size:1rem;font-weight:600;margin:0}.CreateInvoicePageMobile_customerAddress__Lqiyf,.CreateInvoicePageMobile_customerPhone__pcWSt{color:#6b7280;font-size:.875rem;margin:0}.CreateInvoicePageMobile_formGrid__yz\+eE{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.CreateInvoicePageMobile_formField__I2HoG{display:flex;flex-direction:column;gap:.5rem}.CreateInvoicePageMobile_formField__I2HoG label{color:#374151;font-size:.875rem;font-weight:500}.CreateInvoicePageMobile_formField__I2HoG input{border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem}.CreateInvoicePageMobile_formField__I2HoG input:focus{border-color:#c5a059;box-shadow:0 0 0 3px #c5a0591a;outline:none}.CreateInvoicePageMobile_paymentModes__F\+D4E{display:flex;gap:.5rem}.CreateInvoicePageMobile_paymentMode__AFHZo{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s}.CreateInvoicePageMobile_paymentMode__AFHZo.CreateInvoicePageMobile_active__FI8Ek{background:#001b3d;border-color:#001b3d;color:#fff}.CreateInvoicePageMobile_itemsList__qE94O{display:flex;flex-direction:column;gap:1rem}.CreateInvoicePageMobile_itemCard__d2CrM{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.CreateInvoicePageMobile_itemHeader__MxvqC{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.CreateInvoicePageMobile_itemNumber__Lf8Na{color:#001b3d;font-size:.875rem;font-weight:600}.CreateInvoicePageMobile_removeItemBtn__BDdDi{align-items:center;background:#ef4444;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.CreateInvoicePageMobile_itemFields__S4vOZ{display:flex;flex-direction:column;gap:.75rem}.CreateInvoicePageMobile_fullWidth__QHSyu{width:100%}.CreateInvoicePageMobile_metalSelector__GlsT9{display:flex;gap:.5rem}.CreateInvoicePageMobile_metalBtn__kfcYC{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s}.CreateInvoicePageMobile_metalBtn__kfcYC.CreateInvoicePageMobile_active__FI8Ek{background:#001b3d;border-color:#001b3d;color:#fff}.CreateInvoicePageMobile_row3__QRFyT{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}.CreateInvoicePageMobile_makingChargesRow__iiMwe{align-items:flex-end;display:flex;gap:.5rem}.CreateInvoicePageMobile_makingChargesType__PNDaG{display:flex;gap:.25rem}.CreateInvoicePageMobile_makingTypeBtn__HITBv{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem;transition:all .2s}.CreateInvoicePageMobile_makingTypeBtn__HITBv.CreateInvoicePageMobile_active__FI8Ek{background:#001b3d;border-color:#001b3d;color:#fff}.CreateInvoicePageMobile_itemAmount__cGHSU{border-top:1px solid #e5e7eb;color:#001b3d;font-size:.875rem;font-weight:600;padding-top:.5rem;text-align:right}.CreateInvoicePageMobile_taxSummary__uzpOi{background:#f8f9fa;border-radius:.75rem;padding:1rem}.CreateInvoicePageMobile_taxRow__mYRUe{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.CreateInvoicePageMobile_taxDivider__gWt-O{background:#e5e7eb;height:1px;margin:.5rem 0}.CreateInvoicePageMobile_totalRow__mbr8v{align-items:center;color:#001b3d;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.75rem 0 .5rem}.CreateInvoicePageMobile_totalAmount__3Afe\+{font-family:Manrope,sans-serif;font-size:1.125rem}.CreateInvoicePageMobile_paymentSection__xTe44{display:flex;flex-direction:column;gap:1rem}.CreateInvoicePageMobile_paymentField__6LTEg{display:flex;flex-direction:column;gap:.5rem}.CreateInvoicePageMobile_paymentField__6LTEg label{color:#374151;font-size:.875rem;font-weight:500}.CreateInvoicePageMobile_balanceInfo__kO3kh{align-items:center;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.CreateInvoicePageMobile_balanceDue__oc3Eo{color:#f59e0b}.CreateInvoicePageMobile_balancePaid__dsM-4{color:#10b981}.CreateInvoicePageMobile_udharToggle__DTjQt{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.CreateInvoicePageMobile_udharToggle__DTjQt input[type=checkbox]{accent-color:#c5a059}.CreateInvoicePageMobile_notesField__l6MFS{border:1px solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;width:100%}.CreateInvoicePageMobile_notesField__l6MFS:focus{border-color:#c5a059;box-shadow:0 0 0 3px #c5a0591a;outline:none}.CreateInvoicePageMobile_actionSection__-q3k6{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:1rem;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky}.CreateInvoicePageMobile_createDraftBtn__iUlNO{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:1rem;transition:all .2s}.CreateInvoicePageMobile_createDraftBtn__iUlNO:disabled{cursor:not-allowed;opacity:.5}.CreateInvoicePageMobile_createInvoiceBtn__xa3-v{background:linear-gradient(135deg,#c5a059,#d7b875);border:none;border-radius:.75rem;color:#fff;cursor:pointer;flex:2 1;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;padding:1rem;transition:all .2s}.CreateInvoicePageMobile_createInvoiceBtn__xa3-v:disabled{cursor:not-allowed;opacity:.5}.CreateInvoicePageMobile_createInvoiceBtn__xa3-v:hover:not(:disabled){box-shadow:0 4px 12px #c5a0594d;transform:translateY(-1px)}.CreateInvoicePageMobile_itemFields__S4vOZ input,.CreateInvoicePageMobile_itemFields__S4vOZ textarea{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem}.CreateInvoicePageMobile_itemFields__S4vOZ input:focus,.CreateInvoicePageMobile_itemFields__S4vOZ textarea:focus{border-color:#c5a059;box-shadow:0 0 0 3px #c5a0591a;outline:none}@media (max-width:393px){.CreateInvoicePageMobile_mobileContainer__daAf4{max-width:100%}.CreateInvoicePageMobile_row3__QRFyT{gap:.5rem;grid-template-columns:1fr 1fr}.CreateInvoicePageMobile_row3__QRFyT input:last-child{grid-column:span 2}}@media (min-width:768px){.CreateInvoicePageMobile_mobileContainer__daAf4{max-width:768px;padding:0 2rem}.CreateInvoicePageMobile_formGrid__yz\+eE,.CreateInvoicePageMobile_row3__QRFyT{grid-template-columns:1fr 1fr 1fr}.CreateInvoicePageMobile_row3__QRFyT input:last-child{grid-column:auto}}.reports-page{max-width:1100px;width:100%}.reports-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);overflow-x:auto;scrollbar-width:none}.reports-tabs::-webkit-scrollbar{display:none}.report-filter-bar{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.report-filter-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.report-preset-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:500;padding:4px 10px;transition:background var(--transition-fast),color var(--transition-fast)}.report-preset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.report-filter-dates{align-items:center;display:flex;gap:var(--spacing-xs);margin-left:auto}.report-date-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;outline:none;padding:4px 8px}.report-date-input:focus{border-color:var(--accent)}.report-date-sep{color:var(--text-tertiary);font-size:.75rem}.report-summary{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:var(--spacing-lg)}.report-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.report-summary-label{color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.report-summary-amount{font-feature-settings:"tnum";color:var(--text-primary);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.report-summary-count{color:var(--text-primary);font-size:1.25rem;font-weight:700}.reports-content{min-height:300px}.report-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.report-table{border-collapse:collapse;font-size:.875rem;width:100%}.report-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-align:left;text-transform:capitalize}.report-table td,.report-table th{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.report-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary)}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover{background:var(--bg-hover)}.report-th-right{text-align:right!important}.report-td-secondary{color:var(--text-secondary);font-size:.8rem}.report-empty,.report-error,.report-loading{color:var(--text-secondary);font-size:.875rem;padding:var(--spacing-xl);text-align:center}.report-error{color:var(--error)}@media (max-width:768px){.report-filter-dates{margin-left:0;width:100%}.report-date-input{flex:1 1}}.App{min-height:100vh;width:100%}