:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-primary-dark:#1e40af;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-secondary-light:#f1f5f9;--color-success:#16a34a;--color-success-light:#dcfce7;--color-success-dark:#166534;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-danger-dark:#991b1b;--color-info:#0891b2;--color-info-light:#cffafe;--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-bg-subtle:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--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;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--touch-target-min:44px;--touch-target-comfortable:48px;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--header-height:64px;--sidebar-width:240px;--sidebar-collapsed-width:72px;--content-max-width:1400px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:#f8fafc;background:var(--color-bg);color:#1e293b;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;background:var(--color-bg-elevated);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);gap:1rem;gap:var(--space-4);justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.app-header__left{align-items:center;display:flex}.app-header__left{gap:.75rem;gap:var(--space-3)}.app-header__title{align-items:center;color:#1e293b;color:var(--color-text);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2)}.app-header__title-icon{align-items:center;color:#2563eb;color:var(--color-primary);display:flex}.app-header__right{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.business-selector{align-items:center;background:#f1f5f9;background:var(--color-bg-subtle);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.business-selector__label{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);white-space:nowrap}.business-selector select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--color-bg-elevated);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;border:1px solid #cbd5e1;border:1px solid var(--color-border-strong);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.875rem;font-size:var(--font-size-sm);min-width:180px;padding:.5rem 2rem .5rem .75rem;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.business-selector select:hover{border-color:#2563eb;border-color:var(--color-primary)}.business-selector select:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.menu-toggle{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);cursor:pointer;display:flex;height:48px;height:var(--touch-target-comfortable);justify-content:center;transition:background .15s ease,color .15s ease;transition:background var(--transition-fast),color var(--transition-fast);width:48px;width:var(--touch-target-comfortable)}.menu-toggle:hover{background:#f1f5f9;background:var(--color-bg-subtle);color:#1e293b;color:var(--color-text)}.menu-toggle svg{height:24px;width:24px}.app-main{display:flex;flex:1 1}.sidebar{-webkit-overflow-scrolling:touch;background:#fff;background:var(--color-bg-elevated);border-right:1px solid #e2e8f0;border-right:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:64px;top:var(--header-height);transition:transform .2s ease;transition:transform var(--transition-normal);width:240px;width:var(--sidebar-width);z-index:90}.sidebar--collapsed{transform:translateX(-100%)}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1);padding:1rem;padding:var(--space-4)}.nav-link{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--space-3);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:background .15s ease,color .15s ease;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background:#f1f5f9;background:var(--color-bg-subtle);color:#1e293b;color:var(--color-text)}.nav-link--active{background:#dbeafe;background:var(--color-primary-light);color:#2563eb;color:var(--color-primary)}.nav-link__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-link__icon,.nav-link__icon svg{height:20px;width:20px}.sidebar-overlay{background:#0000004d;inset:0;opacity:0;position:fixed;top:64px;top:var(--header-height);transition:opacity .2s ease,visibility .2s ease;transition:opacity var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:80}.sidebar-overlay--visible{opacity:1;visibility:visible}.mobile-nav{background:#fff;background:var(--color-bg-elevated);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);bottom:0;display:none;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.mobile-nav__item{align-items:center;color:#94a3b8;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.75rem;font-size:var(--font-size-xs);justify-content:center;min-height:56px;padding:.5rem .25rem;padding:var(--space-2) var(--space-1);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.mobile-nav__item--active{color:#2563eb;color:var(--color-primary)}.mobile-nav__icon{align-items:center;display:flex;justify-content:center;margin-bottom:2px}.mobile-nav__icon,.mobile-nav__icon svg{height:20px;width:20px}.mobile-nav__label{font-weight:500;font-weight:var(--font-weight-medium);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1 1;margin-left:240px;margin-left:var(--sidebar-width);max-width:1400px;max-width:var(--content-max-width);padding:1.5rem;padding:var(--space-6);transition:margin .2s ease;transition:margin var(--transition-normal);width:100%}.content--expanded{margin-left:0}.page-header{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.page-title{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.page-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base)}.card{background:#fff;background:var(--color-bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1.5rem;padding:var(--space-6)}.card--compact{padding:1rem;padding:var(--space-4)}.card h2,.card__title{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding-bottom:.75rem;padding-bottom:var(--space-3)}.card h2,.card h3,.card__title{color:#1e293b;color:var(--color-text);font-weight:600;font-weight:var(--font-weight-semibold)}.card h3{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1rem;margin-bottom:var(--space-4)}.stat-card{background:#fff;background:var(--color-bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);padding:1.25rem;padding:var(--space-5);transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card__label{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.025em;text-transform:uppercase}.stat-card__value{color:#1e293b;color:var(--color-text);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}.btn,button{align-items:center;-webkit-appearance:none;background:#2563eb;background:var(--color-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:background .15s ease,transform .15s ease,box-shadow .15s ease;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover,button:hover{background:#1d4ed8;background:var(--color-primary-hover)}.btn:active,button:active{transform:scale(.98)}.btn:focus-visible,button:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,button:disabled{background:#cbd5e1;background:var(--color-border-strong);color:#94a3b8;color:var(--color-text-muted);cursor:not-allowed;transform:none}.btn--primary,.btn-primary{background:#2563eb;background:var(--color-primary);box-shadow:0 1px 3px #2563eb4d;color:#fff;color:var(--color-text-inverse)}.btn--primary:hover,.btn-primary:hover{background:#1d4ed8;background:var(--color-primary-hover);box-shadow:0 2px 6px #2563eb66}.btn-secondary{background:#64748b;background:var(--color-secondary);color:#fff;color:var(--color-text-inverse)}.btn-secondary:hover{background:#475569;background:var(--color-secondary-hover)}.btn-outline{background:#0000;border:2px solid #2563eb;border:2px solid var(--color-primary);color:#2563eb;color:var(--color-primary)}.btn-outline:hover{background:#dbeafe;background:var(--color-primary-light)}.btn-danger{background:#dc2626;background:var(--color-danger)}.btn-danger:hover{background:#991b1b;background:var(--color-danger-dark)}.btn-warning{background:#d97706;background:var(--color-warning)}.btn-warning:hover{background:#92400e;background:var(--color-warning-dark)}.btn-success{background:#16a34a;background:var(--color-success)}.btn-success:hover{background:#166534;background:var(--color-success-dark)}.btn-small{font-size:.875rem;font-size:var(--font-size-sm);min-height:36px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-ghost{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--color-border-strong);color:#1e293b;color:var(--color-text)}.btn-ghost:hover{background:#f1f5f9;background:var(--color-bg-subtle)}.btn-icon{border-radius:.5rem;border-radius:var(--radius-md);height:44px;height:var(--touch-target-min);padding:0;width:44px;width:var(--touch-target-min)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-group label{color:#64748b;color:var(--color-text-secondary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{-webkit-appearance:none;background:#fff;background:var(--color-bg-elevated);border:1px solid #cbd5e1;border:1px solid var(--color-border-strong);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--color-text);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group input:not([type=checkbox]):focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb26;outline:none}.form-group input:not([type=checkbox])::placeholder,.form-group textarea::placeholder{color:#94a3b8;color:var(--color-text-muted)}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;padding-right:var(--space-10)}.form-group textarea{min-height:100px;resize:vertical}.form-help{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem;margin-top:4px}.form-row{grid-gap:1.25rem;grid-gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.form-row,.form-row-3{display:grid;gap:1.25rem;gap:var(--space-5)}.form-row-3{grid-gap:1.25rem;grid-gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.form-row-4{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(4,1fr)}.line-items{margin:1.25rem 0;margin:var(--space-5) 0}.line-item-card{background:#f1f5f9;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.line-item-card,.line-item-header{margin-bottom:1rem;margin-bottom:var(--space-4)}.line-item-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding-bottom:.75rem;padding-bottom:var(--space-3)}.line-item-number{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.line-item-remove{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;color:var(--color-danger);cursor:pointer;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);height:44px;height:var(--touch-target-min);justify-content:center;padding:0;transition:background .15s ease;transition:background var(--transition-fast);width:44px;width:var(--touch-target-min)}.line-item-remove:hover{background:#fee2e2;background:var(--color-danger-light)}.line-item-fields{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.line-item-fields .form-group{margin-bottom:0}.line-item-fields .form-row{gap:.75rem;gap:var(--space-3)}.line-item-total{align-items:center;background:#fff;background:var(--color-bg-elevated);border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;margin-top:.75rem;margin-top:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.line-item-total strong{color:#2563eb;color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-lg)}.input-with-button{display:flex;gap:.5rem;gap:var(--space-2)}.input-with-button input{flex:1 1;min-width:0}.input-addon-btn{align-items:center;background:#2563eb;background:var(--color-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);height:44px;height:var(--touch-target-min);justify-content:center;min-width:44px;min-width:var(--touch-target-min);padding:0 .75rem;padding:0 var(--space-3);transition:background .15s ease;transition:background var(--transition-fast)}.input-addon-btn:hover{background:#1d4ed8;background:var(--color-primary-hover)}.misc-charges{background:#f1f5f9;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.5rem;margin-top:var(--space-6);padding:1.25rem;padding:var(--space-5)}.misc-charges h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.misc-charge-row{align-items:flex-end;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.misc-charge-row .form-group{margin-bottom:0}.misc-charge-remove{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;color:var(--color-danger);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);height:44px;height:var(--touch-target-min);justify-content:center;margin-bottom:0;padding:0;transition:background .15s ease;transition:background var(--transition-fast);width:44px;width:var(--touch-target-min)}.misc-charge-remove:hover{background:#fee2e2;background:var(--color-danger-light)}.table-container{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);padding:1rem;padding:var(--space-4);text-align:left;vertical-align:middle}th{background:#f1f5f9;background:var(--color-bg-subtle);color:#64748b;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}tbody tr:hover{background:#f1f5f9;background:var(--color-bg-subtle)}tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.sortable-header{cursor:pointer;transition:color .15s ease;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.sort-indicator,.sortable-header:hover{color:#2563eb;color:var(--color-primary)}.sort-indicator{display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);margin-left:.25rem;margin-left:var(--space-1);vertical-align:middle}.btn-muted{background:#f1f5f9;background:var(--color-secondary-light);border:1px solid #cbd5e1;border:1px solid var(--color-border-strong);color:#64748b;color:var(--color-secondary)}.btn-muted:hover{background:#cbd5e1;background:var(--color-border-strong);color:#1e293b;color:var(--color-text)}.invoices-summary{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-top:.5rem;margin-top:var(--space-2)}.invoices-bulk-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.sync-feedback{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.sync-feedback--success{color:#16a34a;color:var(--color-success)}.sync-feedback--error{color:#dc2626;color:var(--color-danger)}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.025em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-active{background:#dcfce7;background:var(--color-success-light);color:#166534;color:var(--color-success-dark)}.status-inactive{background:#fee2e2;background:var(--color-danger-light);color:#991b1b;color:var(--color-danger-dark)}tr.row-inactive{background-color:#f1f5f9;background-color:var(--color-bg-subtle);opacity:.65}tr.row-inactive td{color:#64748b;color:var(--color-text-secondary)}tr.row-inactive .status-badge{opacity:1}.alert{align-items:flex-start;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--space-3)}.alert,.alert--success,.success-message{border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.alert--success,.success-message{background:#dcfce7;background:var(--color-success-light);border-left:4px solid #16a34a;border-left:4px solid var(--color-success);color:#166534;color:var(--color-success-dark)}.alert--error,.error-message{background:#fee2e2;background:var(--color-danger-light);border-left:4px solid #dc2626;border-left:4px solid var(--color-danger);color:#991b1b;color:var(--color-danger-dark)}.alert--error,.alert--info,.error-message,.info-message{border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.alert--info,.info-message{background:#cffafe;background:var(--color-info-light);border-left:4px solid #0891b2;border-left:4px solid var(--color-info);color:#1e293b;color:var(--color-text)}.alert--warning,.warning-message{background:#fef3c7;background:var(--color-warning-light);border-left:4px solid #d97706;border-left:4px solid var(--color-warning);border-radius:.5rem;border-radius:var(--radius-md);color:#92400e;color:var(--color-warning-dark)}.alert--warning,.filter-bar,.warning-message{margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.filter-bar{grid-gap:1rem;grid-gap:var(--space-4);align-items:end;background:#f1f5f9;background:var(--color-bg-subtle);border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-bar .form-group{margin:0}.modal-overlay{align-items:center;animation:fadeIn .15s ease;animation:fadeIn var(--transition-fast);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .2s ease;animation:slideUp var(--transition-normal);background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--space-8));max-width:500px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.modal-header h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);height:44px;height:var(--touch-target-min);justify-content:center;transition:background .15s ease,color .15s ease;transition:background var(--transition-fast),color var(--transition-fast);width:44px;width:var(--touch-target-min)}.modal-close:hover{background:#f1f5f9;background:var(--color-bg-subtle);color:#1e293b;color:var(--color-text)}.modal-body{padding:1.5rem;padding:var(--space-6)}.modal-footer{background:#f1f5f9;background:var(--color-bg-subtle);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.empty-state{align-items:center;color:#94a3b8;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--space-12);text-align:center}.empty-state__icon{font-size:48px;margin-bottom:1rem;margin-bottom:var(--space-4);opacity:.5}.empty-state__title{color:#64748b;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.empty-state__description{font-size:.875rem;font-size:var(--font-size-sm);max-width:300px}.loading{align-items:center;color:#64748b;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--space-12)}.loading:before{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);content:"";height:40px;margin-bottom:1rem;margin-bottom:var(--space-4);width:40px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem 1rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#2563eb;border:4px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#1976d2);height:40px;width:40px}.loading-message{color:#64748b;color:var(--color-text-secondary,#666);font-size:.9rem;margin-top:1rem}.skeleton-container{max-width:600px;width:100%}.skeleton-bar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:12px}.skeleton-bar:nth-child(odd){width:100%}.skeleton-bar:nth-child(2n){width:75%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.skeleton-stat-card{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;min-height:100px;padding:1.5rem}.skeleton-stat-card .skeleton-bar:first-child{height:14px;margin-bottom:16px;width:60%}.skeleton-stat-card .skeleton-bar:last-child{height:28px;width:40%}.load-error{color:#dc2626;color:var(--color-danger,#d32f2f);padding:2rem;text-align:center}.load-error__message{margin-bottom:1rem}.load-error__retry{background:none;border:1px solid #dc2626;border:1px solid var(--color-danger,#d32f2f);border-radius:4px;color:#dc2626;color:var(--color-danger,#d32f2f);cursor:pointer;padding:.5rem 1rem}.load-error__retry:hover{background:#dc2626;background:var(--color-danger,#d32f2f);color:#fff}.tabs{-webkit-overflow-scrolling:touch;background:#f1f5f9;background:var(--color-bg-subtle);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.25rem;gap:var(--space-1);margin-bottom:1.25rem;margin-bottom:var(--space-5);overflow-x:auto;padding:.25rem;padding:var(--space-1)}.tab{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);min-height:44px;min-height:var(--touch-target-min);min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:background .15s ease,color .15s ease;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tab:hover{color:#1e293b;color:var(--color-text)}.tab--active{background:#fff;background:var(--color-bg-elevated);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--color-primary)}.tab svg{margin-right:.25rem;margin-right:var(--space-1);vertical-align:-2px}.stats-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.dashboard-business-label{align-items:center;background:#fff;background:var(--color-bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.quick-date-buttons{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:1.25rem;margin-bottom:var(--space-5)}.stat-card__no-data{color:#94a3b8;color:var(--color-text-muted);font-size:.75rem;font-size:var(--font-size-xs);font-weight:400;font-weight:var(--font-weight-normal)}.chart-container{height:300px;padding:1rem;padding:var(--space-4);position:relative}.charts-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.invoice-totals{background:#f1f5f9;background:var(--color-bg-subtle);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.25rem;margin-top:var(--space-5);padding:1.25rem;padding:var(--space-5)}.invoice-totals__row{display:flex;font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;padding:.5rem 0;padding:var(--space-2) 0}.invoice-totals__row--total{border-top:2px solid #cbd5e1;border-top:2px solid var(--color-border-strong);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.status-badge--pending{background:#f1f5f9;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#64748b;color:var(--color-text-secondary)}.status-badge--extracting,.status-badge--pending{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--space-1);padding:2px 10px}.status-badge--extracting{background:#dbeafe;background:var(--color-primary-light);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#2563eb;color:var(--color-primary)}.status-badge--completed,.status-badge--extracted{background:#dcfce7;background:var(--color-success-light);border:1px solid #16a34a;border:1px solid var(--color-success);border-radius:9999px;border-radius:var(--radius-full);color:#166534;color:var(--color-success-dark)}.status-badge--completed,.status-badge--error,.status-badge--extracted{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--space-1);padding:2px 10px}.status-badge--error{background:#dc262614;border:1px solid #dc2626;border:1px solid var(--color-danger);border-radius:9999px;border-radius:var(--radius-full);color:#dc2626;color:var(--color-danger)}.status-badge--invoiced{align-items:center;background:#cffafe;background:var(--color-info-light);border:1px solid #0891b2;border:1px solid var(--color-info);border-radius:9999px;border-radius:var(--radius-full);color:var(--color-info-dark);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--space-1);padding:2px 10px}.action-buttons--compact{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.action-buttons--compact .btn-small{font-size:.75rem;font-size:var(--font-size-xs);min-height:32px;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.category-help{background:#f1f5f9;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.category-help strong{color:#1e293b;color:var(--color-text)}.batch-link-banner{background:#f1f5f9;background:var(--color-bg-subtle);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-top:1rem;margin-top:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:center}.batch-link-banner a{color:#2563eb;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none}.batch-link-banner a:hover{text-decoration:underline}.stat-card--primary{border-left:4px solid #2563eb;border-left:4px solid var(--color-primary)}.stat-card--success{border-left:4px solid #16a34a;border-left:4px solid var(--color-success)}.stat-card--warning{border-left:4px solid #d97706;border-left:4px solid var(--color-warning)}.stat-card--info{border-left:4px solid #0891b2;border-left:4px solid var(--color-info)}.stat-card__trend{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.stat-card__trend--up{color:#dc2626;color:var(--color-danger)}.stat-card__trend--down{color:#16a34a;color:var(--color-success)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;margin-bottom:var(--space-5);padding-bottom:.75rem;padding-bottom:var(--space-3)}.card-header h2{border:0;margin:0;padding:0}:root{--chart-color-1:#07b;--chart-color-2:#3be;--chart-color-3:#e73;--chart-color-4:#c31;--chart-color-5:#e37;--chart-color-6:#098;--chart-color-7:#bbb}.text-right{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right!important}.drill-down-link{color:#2563eb;color:var(--color-primary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none}.drill-down-link:hover{text-decoration:underline}.filter-count-badge{align-items:center;background:#2563eb;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);height:20px;justify-content:center;margin-left:.5rem;margin-left:var(--space-2);min-width:20px}.btn-clear-filters{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-clear-filters:hover{background:#f1f5f9;background:var(--color-bg-subtle);color:#1e293b;color:var(--color-text)}.skeleton-table{width:100%}.skeleton-table__row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;gap:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.skeleton-table__row .skeleton-bar{height:16px;margin-bottom:0}.skeleton-table__row:first-child .skeleton-bar{width:30%}.skeleton-table__row:nth-child(2) .skeleton-bar{width:50%}.skeleton-table__row:nth-child(3) .skeleton-bar{width:40%}.skeleton-table__row:nth-child(4) .skeleton-bar{width:60%}.skeleton-table__row:nth-child(5) .skeleton-bar{width:35%}tbody tr:nth-child(2n){background-color:#f1f5f9;background-color:var(--color-bg-subtle,#f9fafb)}tbody tr:nth-child(2n):hover{background-color:#e2e8f0;background-color:var(--color-border)}.pct-bar-cell{position:relative}.pct-bar-cell:before{background:#2563eb1a;border-radius:.375rem;border-radius:var(--radius-sm);bottom:0;content:"";left:0;position:absolute;top:0;width:var(--pct)}.pct-bar-cell span{position:relative;z-index:1}th{font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:normal;text-transform:none}.stat-card__value{font-size:clamp(1.25rem,3vw,1.875rem);font-size:clamp(var(--font-size-xl),3vw,var(--font-size-3xl))}.analytics-qa{margin-top:1rem;margin-top:var(--space-4)}.analytics-qa__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.analytics-qa__title{border:0!important;margin:0!important;padding:0!important}.analytics-qa__toggle-btn{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#1e293b;color:var(--color-text);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.analytics-qa__toggle-btn:hover{background-color:#f1f5f9;background-color:var(--color-bg-subtle)}.analytics-qa__examples{margin-bottom:1rem;margin-bottom:var(--space-4)}.analytics-qa__examples-label{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0 0 .5rem;margin:0 0 var(--space-2)}.analytics-qa__examples-list{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.analytics-qa__example-btn{background-color:#f1f5f9;background-color:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--color-text);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.analytics-qa__example-btn:hover{background-color:#e2e8f0;background-color:var(--color-border)}.analytics-qa__form{display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.analytics-qa__input{background:#fff;background:var(--color-bg-elevated);border:1px solid #cbd5e1;border:1px solid var(--color-border-strong);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--color-text);flex:1 1;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.analytics-qa__input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb26;outline:none}.analytics-qa__input::placeholder{color:#94a3b8;color:var(--color-text-muted)}.analytics-qa__loading{color:#64748b;color:var(--color-text-secondary);padding:1rem;padding:var(--space-4);text-align:center}.analytics-qa__spinner{margin:0 auto .5rem;margin:0 auto var(--space-2)}.analytics-qa__loading-text{font-size:.875rem;font-size:var(--font-size-sm);margin:0}.analytics-qa__conversation--bordered{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.analytics-qa__question{background-color:#dbeafe;background-color:var(--color-primary-light);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.5rem;margin-bottom:var(--space-2)}.analytics-qa__answer,.analytics-qa__question{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.analytics-qa__answer{line-height:1.6}.analytics-qa__answer-text{white-space:pre-wrap}.analytics-qa__data-points{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1);margin-top:.5rem;margin-top:var(--space-2)}.analytics-qa__data-tag{background-color:#f1f5f9;background-color:var(--color-bg-subtle);border-radius:12px;color:#64748b;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs);padding:2px 8px}.analytics-qa__timestamp{color:#64748b;color:var(--color-text-secondary);font-size:.7rem;margin-top:.25rem;margin-top:var(--space-1)}@media (max-width:767px){.table-responsive-cards table,.table-responsive-cards tbody,.table-responsive-cards td,.table-responsive-cards th,.table-responsive-cards thead,.table-responsive-cards tr{display:block}.table-responsive-cards thead tr{left:-9999px;position:absolute;top:-9999px}.table-responsive-cards tbody tr{background:#fff;background:var(--color-bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.75rem;padding:var(--space-3)}.table-responsive-cards td{align-items:center;border:none;display:flex;justify-content:space-between;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-align:right}.table-responsive-cards td:before{color:#64748b;color:var(--color-text-secondary);content:attr(data-label);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);text-align:left}.analytics-qa__form{flex-direction:column}.analytics-qa__form button{width:100%}}@media (max-width:1023px){:root{--sidebar-width:280px}.sidebar{transform:translateX(-100%)}.sidebar--open{transform:translateX(0)}.content{margin-left:0}.form-row{grid-template-columns:1fr}.form-row-3,.form-row-4{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.content{padding:1.25rem;padding:var(--space-5)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){:root{--header-height:56px;--mobile-nav-height:56px}.mobile-nav{display:flex;justify-content:space-around}.menu-toggle{display:none}.app-header{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.app-header__title{font-size:1rem;font-size:var(--font-size-base)}.app-header__title span:not(.app-header__title-icon),.business-selector__label{display:none}.business-selector select{min-width:140px}.content{padding:1rem;padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--mobile-nav-height) + env(safe-area-inset-bottom, 0))}.card{padding:1rem;padding:var(--space-4)}.page-title{font-size:1.25rem;font-size:var(--font-size-xl)}.filter-bar,.form-row,.form-row-3,.form-row-4,.stats-grid{grid-template-columns:1fr}.modal-content{margin:1rem;margin:var(--space-4);max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--space-8))}table{font-size:.75rem;font-size:var(--font-size-xs)}td,th{padding:.75rem;padding:var(--space-3)}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.line-item-fields .form-row{grid-template-columns:1fr}.misc-charge-row{flex-wrap:wrap}.misc-charge-row .form-group{flex:1 1 100%}.misc-charge-row .form-group:nth-child(2){flex:1 1 calc(100% - 44px - 0.75rem);flex:1 1 calc(100% - var(--touch-target-min) - var(--space-3))}.tabs{gap:.5rem;gap:var(--space-2);padding:.5rem;padding:var(--space-2)}.tab{flex:0 0 auto;font-size:.75rem;font-size:var(--font-size-xs);padding:.75rem;padding:var(--space-3)}.chart-container{height:250px;padding:.5rem;padding:var(--space-2)}.charts-grid{grid-template-columns:1fr}.invoice-totals{padding:1rem;padding:var(--space-4)}.invoice-totals__row{font-size:.875rem;font-size:var(--font-size-sm)}.invoice-totals__row--total{font-size:1.125rem;font-size:var(--font-size-lg)}.line-item-card{padding:.75rem;padding:var(--space-3)}.line-item-total{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.empty-state{padding:1.5rem;padding:var(--space-6)}.empty-state__icon{font-size:1.875rem;font-size:var(--font-size-3xl)}.btn-primary,.btn-secondary,button[type=submit]{width:100%}}@media (max-width:479px){:root{--header-height:52px;--mobile-nav-height:52px}.app-header{padding:.5rem;padding:var(--space-2)}.app-header__left{gap:.5rem;gap:var(--space-2)}.business-selector select{font-size:.875rem;font-size:var(--font-size-sm);min-width:120px;padding:.5rem 2rem .5rem .75rem;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3)}.content{padding:.75rem;padding:var(--space-3);padding-bottom:calc(var(--space-3) + var(--mobile-nav-height) + env(safe-area-inset-bottom, 0))}.mobile-nav__item{min-height:52px;padding:.25rem;padding:var(--space-1)}.mobile-nav__icon{font-size:18px}.mobile-nav__label{font-size:10px}.card{border-radius:.5rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--space-3)}.page-header{margin-bottom:1rem;margin-bottom:var(--space-4)}.page-title{font-size:1.125rem;font-size:var(--font-size-lg)}.page-subtitle{font-size:.875rem;font-size:var(--font-size-sm)}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.form-group label{font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-card{padding:.75rem;padding:var(--space-3)}.stat-card__value{font-size:1.25rem;font-size:var(--font-size-xl)}.stat-card__label{font-size:.75rem;font-size:var(--font-size-xs)}.table-container{border:none;border-radius:0;margin:0 -.75rem;margin:0 calc(var(--space-3)*-1);width:calc(100% + 1.5rem);width:calc(100% + var(--space-6))}table{font-size:11px}td,th{padding:.5rem;padding:var(--space-2)}td:nth-child(n+5),th:nth-child(n+5){display:none}.sidebar{max-width:none;width:100%}.modal-content{border-radius:0;margin:0;max-height:100vh;min-height:100vh}.filter-bar{border-radius:0;margin:0 -.75rem 1rem;margin:0 calc(var(--space-3)*-1) var(--space-4);padding:.75rem;padding:var(--space-3);width:calc(100% + 1.5rem);width:calc(100% + var(--space-6))}.line-item-card{border-radius:.5rem;border-radius:var(--radius-md)}.line-item-card,.line-item-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.line-item-header{padding-bottom:.5rem;padding-bottom:var(--space-2)}.line-item-number{font-size:.75rem;font-size:var(--font-size-xs)}.line-item-remove,.misc-charge-remove{font-size:1.25rem;font-size:var(--font-size-xl);height:40px;width:40px}.input-addon-btn{font-size:1.125rem;font-size:var(--font-size-lg);height:40px;min-width:40px}.misc-charges{border-left:none;border-radius:0;border-right:none;margin:0 -.75rem;margin:0 calc(var(--space-3)*-1);padding:.75rem;padding:var(--space-3);width:calc(100% + 1.5rem);width:calc(100% + var(--space-6))}.misc-charges h3{font-size:1rem;font-size:var(--font-size-base)}.invoice-totals{margin:1rem -.75rem 0;margin:var(--space-4) calc(var(--space-3)*-1) 0;padding:.75rem;padding:var(--space-3)}.invoice-totals,.tabs{border-radius:0;width:calc(100% + 1.5rem);width:calc(100% + var(--space-6))}.tabs{margin:0 -.75rem 1rem;margin:0 calc(var(--space-3)*-1) var(--space-4);padding:.5rem;padding:var(--space-2)}.tab{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-secondary{margin-top:.75rem;margin-top:var(--space-3)}}@media (min-width:1024px){.menu-toggle,.sidebar-overlay{display:none}}@media (min-width:1400px){.content{margin:0 auto 0 240px;margin-left:var(--sidebar-width)}}@media print{.app-header,.menu-toggle,.sidebar,button{display:none!important}.content{margin:0;padding:0}.card{border:1px solid #ddd;box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.toast-container{bottom:1rem;bottom:var(--space-4);pointer-events:none;position:fixed;right:1rem;right:var(--space-4);z-index:10000}.toast{align-items:center;background:#fff;background:var(--color-bg-elevated);border-left:4px solid #0891b2;border-left:4px solid var(--color-info);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#1e293b;color:var(--color-text);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2);max-width:420px;min-width:280px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);pointer-events:auto}.toast--success{border-left-color:#16a34a;border-left-color:var(--color-success)}.toast--error{border-left-color:#dc2626;border-left-color:var(--color-danger)}.toast--warning{border-left-color:#d97706;border-left-color:var(--color-warning)}.toast--info{border-left-color:#0891b2;border-left-color:var(--color-info)}.toast__icon{flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg)}.toast--success .toast__icon{color:#16a34a;color:var(--color-success)}.toast--error .toast__icon{color:#dc2626;color:var(--color-danger)}.toast--warning .toast__icon{color:#d97706;color:var(--color-warning)}.toast--info .toast__icon{color:#0891b2;color:var(--color-info)}.toast__message{flex:1 1;line-height:1.4}.toast__close{background:none;border:none;color:#94a3b8;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl);line-height:1;padding:0}.toast__close:hover{color:#1e293b;color:var(--color-text)}.toast--enter{animation:toast-slide-in .3s ease-out forwards}.toast--exit{animation:toast-fade-out .3s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.spinner--sm{border-width:2px;height:16px;width:16px}.spinner--lg{border-width:4px;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){:root{--color-border:#000;--color-border-strong:#000}.btn,.card,input,select,textarea{border-width:2px}}.onboarding-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.onboarding-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:480px;padding:2.5rem;padding:var(--space-10);width:100%}.onboarding-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.onboarding-icon{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.onboarding-header h1{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.onboarding-header p{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.onboarding-form{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5)}.onboarding-error{background:#fee2e2;background:var(--color-danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--color-danger-dark);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.onboarding-field{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.onboarding-field label{color:#1e293b;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.onboarding-field input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s}.onboarding-field input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.onboarding-hint{color:#94a3b8;color:var(--color-text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.onboarding-submit{font-size:1rem;font-size:var(--font-size-base);margin-top:.5rem;margin-top:var(--space-2);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.admin-layout__header{align-items:center;background:#fff;background:var(--color-bg-elevated);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-layout__title{color:#1e293b;color:var(--color-text);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold)}.landing-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.landing-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem;padding:var(--space-10);text-align:center;width:100%}.landing-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.landing-logo{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.landing-title{color:#1e293b;color:var(--color-text);font-size:1.75rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.landing-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.landing-actions{display:flex;flex-direction:column;gap:.75rem}.landing-btn{font-size:1rem;font-size:var(--font-size-base);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);width:100%}.signup-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.signup-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:480px;padding:2.5rem;padding:var(--space-10);width:100%}.signup-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.signup-logo{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.signup-title{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.signup-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.signup-form{display:flex;flex-direction:column}.signup-form,.signup-row{gap:1rem;gap:var(--space-4)}.signup-row{grid-gap:1rem;grid-gap:var(--space-4);display:grid;grid-template-columns:1fr 1fr}.signup-error{background:#fee2e2;background:var(--color-danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--color-danger-dark);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.signup-field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.signup-field label{color:#1e293b;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.signup-field input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s}.signup-field input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.signup-field .field-error{color:#dc2626;color:var(--color-danger);font-size:.85rem}.signup-hint{color:#94a3b8;color:var(--color-text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.signup-submit{font-size:1rem;font-size:var(--font-size-base);margin-top:.5rem;margin-top:var(--space-2);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.signup-success{text-align:center}.signup-success-icon{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.signup-success h2{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.signup-success p{color:#64748b;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.signup-resend-message{color:#16a34a;color:var(--color-success);margin-bottom:.75rem;margin-bottom:var(--space-3)}.signup-resend-message,.signup-signin-link{font-size:.875rem;font-size:var(--font-size-sm)}.signup-signin-link{color:#64748b;color:var(--color-text-secondary);margin-top:1.5rem;margin-top:var(--space-6);text-align:center}.link-button{background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#1d4ed8;color:var(--color-primary-hover)}.login-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.login-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem;padding:var(--space-10);width:100%}.login-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.login-logo{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.login-title{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.login-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.login-form{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.login-error{background:#fee2e2;background:var(--color-danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--color-danger-dark);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.login-field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.login-field label{color:#1e293b;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.login-field input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s}.login-field input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.login-submit{font-size:1rem;font-size:var(--font-size-base);margin-top:.5rem;margin-top:var(--space-2);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.login-links{margin-top:1rem;margin-top:var(--space-4);text-align:center}.login-signup-link{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-top:1.5rem;margin-top:var(--space-6);text-align:center}.register-access-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.register-access-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem;padding:var(--space-10);width:100%}.register-access-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.register-access-logo{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.register-access-title{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.register-access-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.register-access-form{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.register-access-error{background:#fee2e2;background:var(--color-danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--color-danger-dark);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.register-access-field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.register-access-field label{color:#1e293b;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.register-access-field input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s}.register-access-field input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.register-access-submit{font-size:1rem;font-size:var(--font-size-base);margin-top:.5rem;margin-top:var(--space-2);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.register-access-signin-link{color:#64748b;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-top:1.5rem;margin-top:var(--space-6);text-align:center}.forgot-password-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.forgot-password-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem;padding:var(--space-10);text-align:center;width:100%}.forgot-password-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.forgot-password-icon,.forgot-password-logo{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.forgot-password-title{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.forgot-password-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);text-align:left}.forgot-password-error{background:#fee2e2;background:var(--color-danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--color-danger-dark);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.forgot-password-field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.forgot-password-field label{color:#1e293b;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.forgot-password-field input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s}.forgot-password-field input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.forgot-password-submit{font-size:1rem;font-size:var(--font-size-base);margin-top:.5rem;margin-top:var(--space-2);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.forgot-password-links{margin-top:1.5rem;margin-top:var(--space-6)}.reset-password-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.reset-password-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem;padding:var(--space-10);text-align:center;width:100%}.reset-password-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.reset-password-icon,.reset-password-logo{color:#2563eb;color:var(--color-primary);height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.reset-password-icon--success{color:#16a34a;color:var(--color-success)}.reset-password-title{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.reset-password-subtitle{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}.reset-password-form{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);text-align:left}.reset-password-error{background:#fee2e2;background:var(--color-danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--color-danger-dark);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.reset-password-field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.reset-password-field label{color:#1e293b;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.reset-password-field input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s}.reset-password-field input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.reset-password-field .field-error{color:#dc2626;color:var(--color-danger);font-size:.85rem}.reset-password-hint{color:#94a3b8;color:var(--color-text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.reset-password-submit{font-size:1rem;font-size:var(--font-size-base);margin-top:.5rem;margin-top:var(--space-2);min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.reset-password-links{margin-top:1.5rem;margin-top:var(--space-6)}.verify-email-page{align-items:center;background:#f8fafc;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.verify-email-card{background:#fff;background:var(--color-bg-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;padding:2.5rem;padding:var(--space-10);text-align:center;width:100%}.verify-email-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.verify-email-spinner{animation:verify-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes verify-spin{to{transform:rotate(1turn)}}.verify-email-loading p{color:#64748b;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base)}.verify-email-icon{height:48px;margin-bottom:1rem;margin-bottom:var(--space-4);width:48px}.verify-email-icon--success{color:#16a34a;color:var(--color-success)}.verify-email-icon--error{color:#dc2626;color:var(--color-danger)}.verify-email-icon--warning{color:#d97706;color:var(--color-warning)}.verify-email-error h2,.verify-email-expired h2,.verify-email-success h2{color:#1e293b;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.verify-email-error p,.verify-email-expired p,.verify-email-success p{color:#64748b;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.verify-email-resend{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.verify-email-input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);max-width:300px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:border-color .2s;width:100%}.verify-email-input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.verify-email-resend-message{color:#16a34a;color:var(--color-success);font-size:.875rem;font-size:var(--font-size-sm)}
/*# sourceMappingURL=main.0d2588cb.css.map*/