@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-variable.woff2)format("woff2")}:root{--color-primary:#06c;--color-primary-dark:#0052a3;--color-primary-light:#e6f0fa;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.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-size-4xl:2.25rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:.25rem;--radius:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--topnav-height:64px;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-border-primary:#e5e7eb;--color-border-secondary:#d1d5db;--color-white:#fff}[data-theme=dark]{--color-gray-50:#1f2937;--color-gray-100:#374151;--color-gray-200:#4b5563;--color-gray-300:#6b7280;--color-gray-400:#9ca3af;--color-gray-500:#d1d5db;--color-gray-600:#e5e7eb;--color-gray-700:#f3f4f6;--color-gray-800:#f9fafb;--color-gray-900:#fff;--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-bg-tertiary:#374151;--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-tertiary:#9ca3af;--color-border-primary:#374151;--color-border-secondary:#4b5563;--color-white:#1f2937;--color-success-light:#064e3b;--color-warning-light:#78350f;--color-danger-light:#7f1d1d;--color-primary-light:#1e3a5f;--shadow-sm:0 1px 2px 0 #0003;--shadow:0 1px 3px 0 #0000004d,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}[data-theme=dark] body{color:#f9fafb;background-color:#111827}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=date],[data-theme=dark] input[type=datetime-local],[data-theme=dark] input[type=url],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=search],[data-theme=dark] input[type=time],[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-secondary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] select{appearance:none;background-color:var(--color-bg-tertiary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem}select{appearance:none;background-color:var(--color-bg-primary);background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;padding-right:2.5rem}[data-theme=dark] .topnav{background-color:#1f2937;border-color:#374151}[data-theme=dark] .topnav-link{color:#d1d5db}[data-theme=dark] .topnav-link:hover{color:#fff}[data-theme=dark] .topnav-dropdown-menu{background-color:#1f2937;border-color:#374151}[data-theme=dark] .topnav-dropdown-item{color:#d1d5db}[data-theme=dark] .topnav-dropdown-item:hover{background-color:#374151}[data-theme=dark] .topnav-icon-btn{color:#9ca3af}[data-theme=dark] .topnav-icon-btn:hover{color:#fff;background-color:#374151}[data-theme=dark] .mobile-menu-panel{background-color:#1f2937}[data-theme=dark] .mobile-menu-link{color:#d1d5db}[data-theme=dark] .mobile-menu-link:hover,[data-theme=dark] .mobile-menu-divider{background-color:#374151}[data-theme=dark] .card,[data-theme=dark] .settings-card,[data-theme=dark] .modal-content{background-color:#1f2937;border-color:#374151}[data-theme=dark] .detail-row,[data-theme=dark] .settings-card .card-header{border-color:#374151}[data-theme=dark] table th{background-color:#374151}[data-theme=dark] table td{border-color:#374151}[data-theme=dark] table tbody tr:hover{background-color:#374151}[data-theme=dark] .alert-success{color:#6ee7b7;background-color:#064e3b;border-color:#065f46}[data-theme=dark] .alert-danger{color:#fca5a5;background-color:#7f1d1d;border-color:#991b1b}[data-theme=dark] .alert-warning{color:#fcd34d;background-color:#78350f;border-color:#92400e}[data-theme=dark] .btn-outline{color:#d1d5db;border-color:#4b5563}[data-theme=dark] .btn-outline:hover{background-color:#374151;border-color:#6b7280}[data-theme=dark] .auth-main{background-color:#111827}[data-theme=dark] .auth-card{background-color:#1f2937;border:1px solid #374151}[data-theme=dark] .auth-footer{color:#6b7280}[data-theme=dark] .page-header{background-color:#111827;border-color:#374151}[data-theme=dark] .page-content{background-color:#111827}[data-theme=dark] .page-back:hover{color:#e5e7eb;background-color:#374151}[data-theme=dark] .app-footer{color:#9ca3af;background-color:#1f2937;border-color:#374151}[data-theme=dark] .dashboard-card{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .list-item,[data-theme=dark] .item-row,[data-theme=dark] .member-item,[data-theme=dark] .reminder-item,[data-theme=dark] .api-key-item,[data-theme=dark] .integration-item,[data-theme=dark] .api-endpoint{background-color:#374151}[data-theme=dark] .form-section,[data-theme=dark] .integration-config,[data-theme=dark] .config-section{background-color:#1f2937;border-color:#374151}[data-theme=dark] .form-section-title,[data-theme=dark] .form-actions{border-color:#374151}[data-theme=dark] .empty-state{color:#9ca3af}[data-theme=dark] .empty-state-icon{color:#6b7280}[data-theme=dark] .badge,[data-theme=dark] .status-badge{border-color:#4b5563}[data-theme=dark] .badge-outline{color:#9ca3af;border-color:#4b5563}[data-theme=dark] .role-badge{color:#d1d5db;background-color:#374151}[data-theme=dark] .topnav-dropdown-header{background-color:#374151;border-color:#4b5563}[data-theme=dark] .topnav-dropdown-header-name{color:#f9fafb}[data-theme=dark] .topnav-dropdown-header-org{color:#9ca3af}[data-theme=dark] .topnav-dropdown-divider{background-color:#374151}[data-theme=dark] .topnav-user-btn,[data-theme=dark] .topnav-user-name{color:#d1d5db}[data-theme=dark] .mobile-menu-header{background-color:#111827;border-color:#374151}[data-theme=dark] .mobile-menu-user-name{color:#f9fafb}[data-theme=dark] .mobile-menu-user-org,[data-theme=dark] .mobile-menu-close{color:#9ca3af}[data-theme=dark] .quick-template,[data-theme=dark] .quick-setup-card,[data-theme=dark] .provider-card{background-color:#374151;border-color:#4b5563}[data-theme=dark] .quick-template:hover,[data-theme=dark] .quick-setup-card:hover,[data-theme=dark] .provider-card:hover{background-color:#4b5563}[data-theme=dark] .variable-reference,[data-theme=dark] .help-section{background-color:#374151}[data-theme=dark] .variable-item code,[data-theme=dark] code{color:#e5e7eb;background-color:#1f2937}[data-theme=dark] .permissions-table th{color:#e5e7eb;background-color:#374151}[data-theme=dark] .permissions-table td{color:#d1d5db;border-color:#374151}[data-theme=dark] .permissions-table .check{color:#6ee7b7}[data-theme=dark] .permissions-table .cross{color:#6b7280}[data-theme=dark] .api-note{color:#fcd34d;background-color:#78350f}[data-theme=dark] .api-note code{background-color:#0003}[data-theme=dark] .new-key-display{background-color:#78350f;border-color:#92400e}[data-theme=dark] .new-key-value{background-color:#1f2937}[data-theme=dark] .card-header{border-color:#374151}[data-theme=dark] .card-description{color:#9ca3af}[data-theme=dark] label,[data-theme=dark] .form-label{color:#e5e7eb}[data-theme=dark] .form-hint,[data-theme=dark] .help-text{color:#9ca3af}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:#374151}[data-theme=dark] a{color:inherit}[data-theme=dark] a.text-primary,[data-theme=dark] .link-primary{color:#60a5fa}[data-theme=dark] .portal-container{background-color:#111827}[data-theme=dark] .portal-card{background-color:#1f2937;border-color:#374151}[data-theme=dark] .invoice-card,[data-theme=dark] .quote-card{background-color:#1f2937}[data-theme=dark] .status-draft{color:#d1d5db;background-color:#374151}[data-theme=dark] .status-sent{color:#60a5fa;background-color:#1e3a5f}[data-theme=dark] .status-paid{color:#6ee7b7;background-color:#064e3b}[data-theme=dark] .status-overdue{color:#fca5a5;background-color:#7f1d1d}[data-theme=dark] .status-partial{color:#fcd34d;background-color:#78350f}[data-theme=dark] .divider,[data-theme=dark] .integration-divider,[data-theme=dark] hr{background-color:#374151;border-color:#374151}[data-theme=dark] .topnav-brand,[data-theme=dark] .topnav-title{color:#f9fafb}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}input,textarea,select{font:inherit}table{border-collapse:collapse;width:100%}.app-container{flex-direction:column;min-height:100vh;display:flex}.topnav{height:var(--topnav-height);border-top:3px solid var(--color-primary);color:#fff;z-index:100;background:#1f2937;border-bottom:1px solid #374151;position:fixed;top:0;left:0;right:0}.topnav-inner{max-width:1280px;height:100%;padding:0 var(--spacing-6);align-items:center;gap:var(--spacing-6);margin:0 auto;display:flex}.topnav-brand{align-items:center;gap:var(--spacing-3);color:#fff;flex-shrink:0;text-decoration:none;display:flex}.topnav-logo{object-fit:contain;border-radius:var(--radius-lg);width:40px;height:40px}.topnav-logo-icon{background:var(--color-primary);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.topnav-logo-icon svg{stroke:#fff;width:22px;height:22px}.topnav-brand-text{flex-direction:column;line-height:1.2;display:flex}.topnav-title{font-weight:600;font-size:var(--font-size-lg);white-space:nowrap;color:#fff}.topnav-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-400);white-space:nowrap}.topnav-menu{justify-content:center;align-items:center;gap:var(--spacing-1);flex:1;display:flex}.topnav-link{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);color:var(--color-gray-400);font-size:var(--font-size-sm);transition:all var(--transition);white-space:nowrap;font-weight:500;display:flex;position:relative}.topnav-link:hover,.topnav-link.active{color:#fff}.topnav-link.active:after{content:"";bottom:-6px;left:var(--spacing-3);right:var(--spacing-3);background:var(--color-primary);border-radius:1px;height:2px;position:absolute}.topnav-dropdown{position:relative}.topnav-dropdown-toggle{cursor:pointer}.topnav-dropdown-toggle svg{transition:transform var(--transition)}.topnav-dropdown.open .topnav-dropdown-toggle svg{transform:rotate(180deg)}.topnav-dropdown-menu{margin-top:var(--spacing-2);background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition);z-index:200;position:absolute;top:100%;left:0;transform:translateY(-10px)}.topnav-dropdown.open .topnav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.topnav-dropdown-menu-right{left:auto;right:0}.topnav-dropdown-header{padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.topnav-dropdown-header-name{color:var(--color-gray-900);font-weight:600;font-size:var(--font-size-sm)}.topnav-dropdown-header-org{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.topnav-dropdown-item{padding:var(--spacing-3)var(--spacing-4);color:var(--color-gray-700);font-size:var(--font-size-sm);transition:background var(--transition);display:block}.topnav-dropdown-item:hover{background:var(--color-gray-50)}.topnav-dropdown-item-danger{color:var(--color-danger)}.topnav-dropdown-item-danger:hover{background:var(--color-danger-light)}.topnav-dropdown-divider{background:var(--color-gray-200);height:1px;margin:var(--spacing-2)0}.topnav-right{align-items:center;gap:var(--spacing-3);margin-left:auto;display:flex}.topnav-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-gray-400);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.topnav-icon-btn:hover,.topnav-icon-btn.active{color:#fff;background:#ffffff1a}.topnav-user-dropdown .topnav-dropdown-menu{min-width:220px}.topnav-user-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-md);color:#fff;transition:all var(--transition);display:flex}.topnav-user-btn:hover{background:#ffffff1a}.topnav-user-avatar{background:var(--color-primary);width:32px;height:32px;font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.topnav-user-name{font-size:var(--font-size-sm);font-weight:500}.topnav-mobile-toggle{width:40px;height:40px;color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition);justify-content:center;align-items:center;display:none}.topnav-mobile-toggle:hover{color:#fff;background:#ffffff1a}.mobile-menu{z-index:150;opacity:0;visibility:hidden;transition:all var(--transition);position:fixed;inset:0}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-backdrop{background:#00000080;position:absolute;inset:0}.mobile-menu-panel{background:var(--color-bg-primary);width:280px;max-width:calc(100% - 60px);transition:transform var(--transition-slow);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-menu.open .mobile-menu-panel{transform:translate(0)}.mobile-menu-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.mobile-menu-user{align-items:center;gap:var(--spacing-3);display:flex}.mobile-menu-user-name{color:var(--color-gray-900);font-weight:600;font-size:var(--font-size-sm)}.mobile-menu-user-org{font-size:var(--font-size-xs);color:var(--color-gray-500)}.mobile-menu-close{width:36px;height:36px;color:var(--color-gray-500);border-radius:var(--radius-md);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.mobile-menu-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.mobile-menu-nav{padding:var(--spacing-4);flex:1;overflow-y:auto}.mobile-menu-link{padding:var(--spacing-3)var(--spacing-4);color:var(--color-gray-700);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition);font-weight:500;display:block}.mobile-menu-link:hover{background:var(--color-gray-50)}.mobile-menu-link.active{background:var(--color-primary-light);color:var(--color-primary)}.mobile-menu-link-danger{color:var(--color-danger)}.mobile-menu-link-danger:hover{background:var(--color-danger-light)}.mobile-menu-theme-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-theme-status{font-size:var(--font-size-xs);color:var(--color-gray-500);background:var(--color-gray-100);border-radius:var(--radius-full);padding:2px 8px}.mobile-menu-divider{background:var(--color-gray-200);height:1px;margin:var(--spacing-3)0}.main-content{margin-top:var(--topnav-height);min-height:calc(100vh - var(--topnav-height));flex-direction:column;flex:1;display:flex}.page-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-5)max(var(--spacing-6),calc((100% - 1280px)/2 + var(--spacing-6)));justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.page-header-inner h1{font-size:var(--font-size-xl);color:var(--color-gray-900);font-weight:600}.page-header-actions{align-items:center;gap:var(--spacing-3);display:flex}.page-content{padding:var(--spacing-6)max(var(--spacing-6),calc((100% - 1280px)/2 + var(--spacing-6)));flex:1}.page-title-group{align-items:center;gap:var(--spacing-sm);display:flex}.page-back{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-gray-500);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.page-back:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.app-footer{background:var(--color-bg-primary);border-top:1px solid var(--color-gray-200);padding:var(--spacing-4)var(--spacing-6)}.app-footer-inner{text-align:center;max-width:1280px;font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 auto}.auth-layout{background:linear-gradient(135deg,var(--color-primary-dark)0%,var(--color-primary)100%)}.auth-container{min-height:100vh;display:flex}.auth-sidebar{padding:var(--spacing-12);color:#fff;flex:1;display:none}@media (width>=1024px){.auth-sidebar{justify-content:center;align-items:center;display:flex}}.auth-sidebar-content{max-width:480px}.auth-logo{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8);display:flex}.auth-logo span{font-size:var(--font-size-xl);font-weight:600}.auth-headline{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);font-weight:700;line-height:1.2}.auth-tagline{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-8)}.auth-features{gap:var(--spacing-4);flex-direction:column;list-style:none;display:flex}.auth-features li{align-items:center;gap:var(--spacing-3);display:flex}.auth-features svg{flex-shrink:0;width:20px;height:20px}.auth-main{padding:var(--spacing-6);background:var(--color-gray-50);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}@media (width>=1024px){.auth-main{max-width:520px}}.auth-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.auth-footer{margin-top:var(--spacing-8);color:var(--color-gray-500);font-size:var(--font-size-sm)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-5);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover{background:var(--color-gray-200)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{border:1px solid var(--color-gray-300);background:var(--color-bg-primary);color:var(--color-gray-700)}.btn-outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-lg{padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-xs)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-5)}.form-label{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input:disabled{background:var(--color-gray-100);cursor:not-allowed}select.form-input{cursor:pointer}.form-hint{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500)}.form-error{color:var(--color-danger)}.form-section{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-section-title{font-size:var(--font-size-lg);color:var(--color-gray-900);margin:0 0 var(--spacing-md)0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);font-weight:600}.form-section-subtitle{font-size:var(--font-size-base);color:var(--color-gray-800);margin:0 0 var(--spacing-sm)0;font-weight:600}[data-theme=dark] .form-section-subtitle{color:var(--color-gray-200)}.subscription-pricing-section{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}[data-theme=dark] .subscription-pricing-section{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.form-actions{gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-lg);display:flex}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:var(--font-size-lg);font-weight:600}.card-body{padding:var(--spacing-5)}.card-footer{padding:var(--spacing-4)var(--spacing-5);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.table th{font-size:var(--font-size-sm);color:var(--color-gray-600);background:var(--color-gray-50);font-weight:600}.table tbody tr:hover{background:var(--color-gray-50)}[data-theme=dark] .table th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .table td{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .table tbody tr:hover{background:var(--color-bg-secondary)}.mobile-list-cards{display:none}@media (width<=768px){.table-container.has-mobile-cards,.admin-table-wrapper.has-mobile-cards{display:none}.mobile-list-cards{gap:var(--spacing-3);padding:var(--spacing-4);flex-direction:column;display:flex}.card>.mobile-list-cards{margin:0}.card>.mobile-list-cards .list-card{border:1px solid var(--color-gray-200)}}.list-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}[data-theme=dark] .list-card{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.list-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.list-card-title-row{align-items:center;gap:var(--spacing-3);display:flex}.list-card-title{color:var(--color-text-primary);font-weight:600}.list-card-title a{color:inherit;text-decoration:none}.list-card-title a:hover{color:var(--color-primary)}.list-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.list-card-body{gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.list-card-field{gap:var(--spacing-1);flex-direction:column;display:flex}.list-card-field-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.list-card-footer{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}[data-theme=dark] .list-card-footer{border-top-color:var(--color-border-primary)}.list-card-actions{gap:var(--spacing-2);display:flex}.badge{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--radius);align-items:center;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.stats-grid{gap:var(--spacing-5);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.stat-value{font-size:var(--font-size-3xl);color:var(--color-gray-900);font-weight:700}.stat-change{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);margin-top:var(--spacing-2);display:flex}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.stat-subtext{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}[data-theme=dark] .stat-card{background:var(--color-bg-secondary);box-shadow:var(--shadow)}[data-theme=dark] .stat-label,[data-theme=dark] .stat-subtext{color:var(--color-gray-400)}.dashboard-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.detail-grid{gap:var(--spacing-6);grid-template-columns:1fr 320px;display:grid}.detail-main{min-width:0}.detail-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.detail-sidebar .card{margin-bottom:0}@media (width<=1024px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{order:-1}}.summary-stats{gap:var(--spacing-3);flex-direction:column;display:flex}.summary-stat{padding:var(--spacing-2)0;border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.summary-stat:last-child{border-bottom:none}[data-theme=dark] .summary-stat{border-bottom-color:var(--color-border-primary)}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.summary-value{font-weight:600;font-family:var(--font-mono)}.summary-positive{color:var(--color-success)}.summary-highlight{color:var(--color-primary);font-size:var(--font-size-lg)}.detail-list{margin:0}.detail-item{gap:var(--spacing-1);padding:var(--spacing-2)0;border-bottom:1px solid var(--color-gray-100);flex-direction:column;display:flex}.detail-item:last-child{border-bottom:none}[data-theme=dark] .detail-item{border-bottom-color:var(--color-border-primary)}.detail-item dt{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-item dd{color:var(--color-text-primary);margin:0}.detail-item dd a{color:var(--color-primary)}.client-notes{white-space:pre-wrap;color:var(--color-text-secondary);margin:0}.empty-state{text-align:center;padding:var(--spacing-12)var(--spacing-6)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);color:var(--color-gray-400)}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--spacing-2);font-weight:600}.empty-state-description{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-5)}.alert-success{background:var(--color-success-light);color:var(--color-success)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning)}.alert-danger{background:var(--color-danger-light);color:var(--color-danger)}@media (width<=1024px){.topnav-menu,.topnav-user-name{display:none}.topnav-mobile-toggle{display:flex}}@media (width<=640px){.topnav-inner{padding:0 var(--spacing-4)}.page-header{padding:var(--spacing-4);flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}.page-content{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}.notifications{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.notification{border-radius:var(--radius-lg);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);align-items:center;gap:12px;min-width:300px;padding:12px 16px;animation:.3s slideIn;display:flex}.notification-icon{flex-shrink:0}.notification-success .notification-icon{color:var(--color-success)}.notification-error .notification-icon{color:var(--color-danger)}.notification-warning .notification-icon{color:var(--color-warning)}.notification-info .notification-icon{color:var(--color-primary)}.notification-text{flex:1}.notification-close{cursor:pointer;color:var(--color-gray-500);background:0 0;border:none;padding:4px}.notification-close:hover{color:var(--color-gray-700)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:500px;max-height:90vh;animation:.2s scaleIn;overflow:auto}.modal-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-lg);margin:0;font-weight:600}.modal-body{padding:var(--spacing-5)}.modal-footer{padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-gray-200);justify-content:flex-end;gap:var(--spacing-3);display:flex}.error-page{min-height:100vh;padding:var(--spacing-6);background-color:var(--color-gray-50);justify-content:center;align-items:center;display:flex}.error-code{color:var(--color-gray-200);margin-bottom:var(--spacing-4);font-size:8rem;font-weight:700;line-height:1}.error-description{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.error-details{background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-6);text-align:left;overflow-x:auto}.error-details code{font-size:var(--font-size-sm);color:var(--color-danger)}.error-actions{gap:var(--spacing-3);justify-content:center;display:flex}.settings-container{max-width:900px;margin:0 auto}.settings-layout{max-width:800px}.settings-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.settings-card>.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:flex-start;display:flex}.settings-card>.card-header .card-header-content h3,.settings-card>.card-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.settings-card .card-description{margin:var(--spacing-xs)0 0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.settings-card>:not(.card-header){padding:var(--spacing-lg)}.settings-card>.alert{border-radius:0;margin:0;padding-bottom:0}.settings-card>.alert+.alert{padding-top:var(--spacing-sm)}.settings-card>.alert:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding-top:var(--spacing-lg)}.settings-card>.alert+form,.settings-card>.alert+.card-body{padding-top:var(--spacing-md)}.empty-state-sm{text-align:center;color:var(--color-gray-500)}.empty-state-sm p{margin:0}.settings-card .form-section{margin-bottom:var(--spacing-lg);background:0 0;border:none;padding:0}.settings-card .form-section:last-of-type{margin-bottom:0}.detail-row{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:500}.detail-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:500}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row .form-group-lg{flex:2;grid-column:span 1}.form-row .form-group-sm{grid-column:span 1;max-width:120px}@media (width<=640px){.form-row{grid-template-columns:1fr}.form-row .form-group-sm{max-width:none}.settings-card .card-header{gap:var(--spacing-md);flex-direction:column}}.settings-nav{gap:var(--spacing-3);display:grid}.settings-nav-item{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:flex}.settings-nav-item:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.settings-nav-item svg{color:var(--color-gray-400);flex-shrink:0;margin-top:2px}.settings-nav-item:hover svg{color:var(--color-primary)}.settings-nav-content h3{font-size:var(--font-size-base);color:var(--color-gray-900);margin-bottom:var(--spacing-1);font-weight:600}.settings-nav-content p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.radio-group{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.radio-label{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:200px;display:flex}.radio-label:hover{border-color:var(--color-gray-300)}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);margin-top:2px}.radio-label input[type=radio]:checked+.radio-text strong{color:var(--color-primary)}.radio-text{flex-direction:column;gap:2px;display:flex}.radio-text strong{color:var(--color-gray-900);font-weight:600}.radio-text small{font-size:var(--font-size-sm);color:var(--color-gray-500)}.input-group{display:flex}.input-group-text{padding:0 var(--spacing-3);background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--radius)0 0 var(--radius);color:var(--color-gray-500);font-size:var(--font-size-sm);border-right:none;align-items:center;display:flex}.input-group .form-input{border-radius:0 var(--radius)var(--radius)0}.admin-layout{background-color:var(--color-gray-100)}.admin-container{flex-direction:column;min-height:100vh;display:flex}.admin-topnav{background:linear-gradient(135deg,var(--color-gray-900)0%,#0f172a 100%);border-bottom:1px solid #ffffff1a}.admin-topnav .topnav-brand{position:relative}.admin-topnav .topnav-brand:before{content:"";background:linear-gradient(180deg,var(--color-primary)0%,#60a5fa 100%);border-radius:2px;width:4px;height:24px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.admin-topnav .topnav-title{letter-spacing:-.01em;font-weight:700}.admin-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1200px;display:grid}.admin-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition);text-decoration:none;position:relative;overflow:hidden}.admin-card:before{content:"";background:linear-gradient(90deg,var(--color-primary)0%,transparent 100%);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.admin-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-card:hover:before{opacity:1}.admin-card-icon{background:var(--color-gray-100);width:52px;height:52px;color:var(--color-gray-600);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.admin-card:hover .admin-card-icon{background:var(--color-primary-light);color:var(--color-primary)}.admin-card h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--spacing-2);font-weight:600}.admin-card p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;line-height:1.5}.admin-form{max-width:640px}.admin-form-section{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.admin-form-section-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);display:flex}.admin-form-section-icon{background:var(--color-gray-100);width:40px;height:40px;color:var(--color-gray-600);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.admin-form-section-title h2{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:2px;font-weight:600}.admin-form-section-title p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.admin-field{margin-bottom:var(--spacing-5)}.admin-field:last-child{margin-bottom:0}.admin-field-label{font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-weight:500;display:block}.admin-field-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-1)}.admin-field-row{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.toggle-switch{cursor:pointer;user-select:none;align-items:center;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background-color:var(--color-gray-300);width:44px;height:24px;transition:all var(--transition);border-radius:12px;position:relative}.toggle-slider:before{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:all var(--transition);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-light)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{margin-left:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-700)}.toggle-label-desc{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px;display:block}.toggle-group{gap:var(--spacing-4);flex-direction:column;display:flex}.toggle-item{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);justify-content:space-between;align-items:flex-start;display:flex}.toggle-item-content{padding-right:var(--spacing-4);flex:1}.toggle-item-title{font-size:var(--font-size-sm);color:var(--color-gray-900);margin-bottom:2px;font-weight:500}.toggle-item-desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}.admin-alert{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);display:flex}.admin-alert-success{background:var(--color-success-light);color:#065f46;border:1px solid #a7f3d0}.admin-alert-error{background:var(--color-danger-light);color:#991b1b;border:1px solid #fecaca}.admin-alert svg{flex-shrink:0}.admin-form-actions{gap:var(--spacing-3);padding-top:var(--spacing-5);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-5);display:flex}.admin-breadcrumb{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-4);display:flex}.admin-breadcrumb a{color:var(--color-gray-500);text-decoration:none}.admin-breadcrumb a:hover{color:var(--color-primary)}.admin-breadcrumb-sep{color:var(--color-gray-300)}.admin-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.admin-section-header{margin-bottom:var(--spacing-5)}.admin-section-header h2{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-1)0;font-weight:600}.admin-section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.admin-table-wrapper{margin:0 calc(-1*var(--spacing-6));padding:0 var(--spacing-6);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{padding:var(--spacing-3)var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-bg-tertiary);font-weight:600}.admin-table th:first-child{border-radius:var(--radius-sm)0 0 var(--radius-sm)}.admin-table th:last-child{border-radius:0 var(--radius-sm)var(--radius-sm)0}.admin-table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.admin-table tbody tr:hover{background:var(--color-bg-tertiary)}.admin-table code{font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.admin-org-cell{align-items:center;gap:var(--spacing-3);display:flex}.admin-org-logo{border-radius:var(--radius-sm);object-fit:contain;background:var(--color-bg-primary);width:36px;height:36px}.admin-org-avatar{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;width:36px;height:36px;font-weight:600;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.admin-org-cell div{flex-direction:column;display:flex}.admin-org-cell strong{font-weight:500}.admin-org-legal{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.admin-badge{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);align-items:center;font-weight:500;display:inline-flex}.admin-badge-tier{background:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .admin-badge-tier{background:#6366f126}.admin-empty{text-align:center;padding:var(--spacing-8)var(--spacing-4);color:var(--color-text-secondary)}.admin-empty svg{margin-bottom:var(--spacing-3);opacity:.4}.admin-empty p{margin:0}.admin-form-inline{background:0 0;padding:0}@media (width<=1024px){.admin-topnav .topnav-menu{display:none}}@media (width<=768px){.error-code{font-size:5rem}.error-actions,.settings-nav-item,.radio-group{flex-direction:column}.radio-label{min-width:auto}.admin-grid,.admin-field-row{grid-template-columns:1fr}.toggle-item{gap:var(--spacing-3);flex-direction:column}.toggle-item-content{padding-right:0}}.invoice-form-container{max-width:1200px;margin:0 auto}.invoice-form-grid{gap:var(--spacing-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.invoice-form-main{gap:var(--spacing-4);flex-direction:column;display:flex}.invoice-form-sidebar{position:relative}.sticky-card{top:var(--spacing-4);position:sticky}.form-row-2{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.form-row-3{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.product-picker-row{gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.product-picker-controls{gap:var(--spacing-2);display:flex}.product-picker-controls select{flex:1}.product-picker-controls .btn{flex-shrink:0}[data-theme=dark] .product-picker-row{background:var(--color-bg-tertiary)}[data-theme=dark] .product-picker-row .form-label{color:var(--color-gray-200)}.line-items-table{margin-bottom:var(--spacing-4)}.line-items-header{gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-2);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)var(--radius-md)0 0;font-weight:500;font-size:var(--font-size-sm);color:var(--color-gray-600);grid-template-columns:1fr 100px 140px 120px 48px;display:grid}[data-theme=dark] .line-items-header{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-gray-300)}.line-items-body{border:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-md)var(--radius-md);background-color:var(--color-white);border-top:none}[data-theme=dark] .line-items-body{border-color:var(--color-border-primary);background-color:var(--color-bg-secondary)}.line-item{border-bottom:1px solid var(--color-gray-100)}[data-theme=dark] .line-item{border-bottom-color:var(--color-border-primary)}.line-item:last-child{border-bottom:none}.line-item:hover{background-color:var(--color-gray-50)}[data-theme=dark] .line-item:hover{background-color:var(--color-bg-tertiary)}.line-item-main{gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-2);grid-template-columns:1fr 100px 140px 120px 48px;align-items:center;display:grid}.line-item-options{background-color:var(--color-gray-50);border-top:1px dashed var(--color-gray-200)}[data-theme=dark] .line-item-options{background-color:var(--color-bg-tertiary);border-top-color:var(--color-border-primary)}.line-item-discount{padding:var(--spacing-2)var(--spacing-2)var(--spacing-2)}.discount-fields{gap:var(--spacing-3);flex-wrap:wrap;align-items:flex-end;display:flex}.discount-field{flex:1;min-width:150px;max-width:220px}.discount-field-info{flex:none;min-width:auto;max-width:none}.discount-input-group,.discount-input-group-sm{gap:var(--spacing-1);display:flex}.discount-input-group .discount-type-select,.discount-input-group-sm select{flex:none;width:auto;min-width:100px}.discount-input-group .discount-value-input,.discount-input-group-sm input{flex:1;min-width:80px}.line-discount-preview{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);background-color:var(--color-danger-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-danger);height:32px;display:inline-flex}[data-theme=dark] .line-discount-preview{color:#fca5a5;background-color:#ef444426}.line-discount-amount{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.invoice-discount-row{gap:var(--spacing-2);flex-wrap:wrap}.discount-controls{flex:1}.discount-controls .form-label-sm{margin-bottom:var(--spacing-1)}.discount-controls .discount-input-group{gap:var(--spacing-1);display:flex}.discount-controls .discount-type-select{flex:none;width:140px}.discount-controls .discount-value-input{flex:1;max-width:100px}.line-item-billing{padding:var(--spacing-2)var(--spacing-2)var(--spacing-3)}.billing-fields{gap:var(--spacing-3);flex-wrap:wrap;align-items:flex-end;display:flex}.billing-field{flex:1;min-width:120px;max-width:160px}.billing-field-info{flex:none;min-width:auto;max-width:none}.form-label-sm{margin-bottom:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:500;display:block}[data-theme=dark] .form-label-sm{color:var(--color-gray-400)}.form-input-sm{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-sm);height:32px}.proration-preview{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);background-color:var(--color-primary-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary);height:32px;display:inline-flex}[data-theme=dark] .proration-preview{background-color:var(--color-primary-light);color:#93c5fd}.proration-factor{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.billing-period-badge,.billing-interval-badge,.proration-badge{align-items:center;gap:var(--spacing-1);padding:2px var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);display:inline-flex}.billing-period-badge{background-color:var(--color-gray-100);color:var(--color-gray-700)}[data-theme=dark] .billing-period-badge{background-color:var(--color-bg-tertiary);color:var(--color-gray-300)}.billing-interval-badge{background-color:var(--color-primary-light);color:var(--color-primary);text-transform:capitalize}[data-theme=dark] .billing-interval-badge{background-color:var(--color-primary-light);color:#93c5fd}.proration-badge{background-color:var(--color-warning-light);color:var(--color-warning);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}[data-theme=dark] .proration-badge{background-color:var(--color-warning-light);color:#fbbf24}.line-col-description{min-width:0}.line-col-qty,.line-col-price{text-align:right}.line-col-total{text-align:right;font-weight:500}.line-col-actions{justify-content:center;display:flex}.line-total{color:var(--color-gray-700);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}[data-theme=dark] .line-total{color:var(--color-gray-300)}.line-items-footer{padding:var(--spacing-3)var(--spacing-2);border:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-md)var(--radius-md);background-color:var(--color-gray-50);border-top:none}[data-theme=dark] .line-items-footer{border-color:var(--color-border-primary);background-color:var(--color-bg-tertiary)}.btn-remove-line{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-remove-line:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.btn-remove-line:disabled{opacity:.3;cursor:not-allowed}.invoice-totals-form{width:300px;padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200);margin-left:auto}[data-theme=dark] .invoice-totals-form{border-top-color:var(--color-border-primary)}.invoice-total-row{padding:var(--spacing-2)0;font-size:var(--font-size-sm);justify-content:space-between;display:flex}.invoice-total-row span:first-child{color:var(--color-gray-600)}[data-theme=dark] .invoice-total-row span:first-child{color:var(--color-gray-400)}.invoice-total-row span:last-child{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-weight:500}.invoice-total-grand{font-size:var(--font-size-base);border-top:2px solid var(--color-gray-200);padding-top:var(--spacing-3);margin-top:var(--spacing-2);font-weight:600}[data-theme=dark] .invoice-total-grand{border-top-color:var(--color-border-secondary)}.invoice-total-grand span:last-child{color:var(--color-primary)}.invoice-preview-summary{text-align:center;padding:var(--spacing-4)0;margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}[data-theme=dark] .invoice-preview-summary{border-bottom-color:var(--color-border-primary)}.preview-total-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.preview-total-value{font-size:var(--font-size-2xl);color:var(--color-gray-900);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-weight:700}[data-theme=dark] .preview-total-value{color:var(--color-gray-100)}.form-actions-stack{gap:var(--spacing-2);flex-direction:column;display:flex}.btn-icon-sm{border:1px solid var(--color-gray-300);background-color:var(--color-white);width:28px;height:28px;color:var(--color-gray-500);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}[data-theme=dark] .btn-icon-sm{border-color:var(--color-border-secondary);background-color:var(--color-bg-tertiary)}.btn-icon-sm:hover{background-color:var(--color-gray-50);color:var(--color-gray-700)}[data-theme=dark] .btn-icon-sm:hover{background-color:var(--color-bg-secondary);color:var(--color-gray-200)}.btn-toggle-options.active{background-color:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .btn-toggle-options.active{background-color:var(--color-primary-light);color:#93c5fd}@media (width<=1024px){.invoice-form-grid{grid-template-columns:1fr}.invoice-form-sidebar{order:-1}.sticky-card{position:static}.invoice-preview-summary{display:none}.form-actions-stack{flex-direction:row}}@media (width<=768px){.form-row-2,.form-row-3{grid-template-columns:1fr}.line-items-header{display:none}.line-item{position:relative}.line-item-main{gap:var(--spacing-2);padding:var(--spacing-4)var(--spacing-3);grid-template-columns:1fr}.line-col-description,.line-col-qty,.line-col-price{text-align:left}.line-col-qty:before{content:"Qty: ";color:var(--color-gray-500);font-size:var(--font-size-sm)}.line-col-price:before{content:"Price: ";color:var(--color-gray-500);font-size:var(--font-size-sm)}.line-col-total{text-align:left;font-size:var(--font-size-lg);padding-top:var(--spacing-2);border-top:1px dashed var(--color-gray-200)}.line-col-total:before{content:"Line Total: ";color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:400}.line-col-actions{top:var(--spacing-2);right:var(--spacing-2);position:absolute}.billing-fields{flex-direction:column}.billing-field{width:100%;max-width:none}.invoice-totals-form{width:100%}}.invoice-preview{padding:var(--spacing-8);background:var(--color-white)}[data-theme=dark] .invoice-preview{background:var(--color-bg-secondary)}.invoice-header{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-gray-200);justify-content:space-between;align-items:flex-start;display:flex}[data-theme=dark] .invoice-header{border-bottom-color:var(--color-border-primary)}.invoice-org h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin:0 0 var(--spacing-1)0;font-weight:700}.invoice-org p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.invoice-meta{text-align:right}.invoice-meta h3{font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-500);margin:0 0 var(--spacing-1)0;font-weight:600}.invoice-meta .invoice-number,.invoice-meta .quote-number{font-size:var(--font-size-xl);color:var(--color-text-primary);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-weight:700}.invoice-parties{gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);grid-template-columns:1fr 1fr 1fr;display:grid}[data-theme=dark] .invoice-parties{border-bottom-color:var(--color-border-primary)}.invoice-from,.invoice-to{gap:var(--spacing-1);flex-direction:column;display:flex}.invoice-from h4,.invoice-to h4{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-500);margin:0 0 var(--spacing-2)0;font-weight:600}.invoice-from p,.invoice-to p{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.invoice-from p:first-of-type,.invoice-to p:first-of-type{font-weight:600;font-size:var(--font-size-base)}.invoice-dates{gap:var(--spacing-2);flex-direction:column;display:flex}.invoice-date-row{padding:var(--spacing-2)var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius);justify-content:space-between;align-items:center;display:flex}[data-theme=dark] .invoice-date-row{background:var(--color-bg-tertiary)}.invoice-date-row span:first-child{font-size:var(--font-size-sm);color:var(--color-gray-600)}[data-theme=dark] .invoice-date-row span:first-child{color:var(--color-text-tertiary)}.invoice-date-row span:last-child{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.invoice-items{margin-bottom:var(--spacing-8)}.invoice-items .table{margin-bottom:0}.invoice-items .table th{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;padding:var(--spacing-3)var(--spacing-4);font-weight:600}.invoice-items .table td{padding:var(--spacing-4);vertical-align:top}.line-item-billing-info{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.billing-period-badge,.billing-interval-badge,.proration-badge{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius);white-space:nowrap;display:inline-flex}.billing-period-badge{background:var(--color-gray-100);color:var(--color-gray-700)}[data-theme=dark] .billing-period-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.billing-period-badge svg{flex-shrink:0}.billing-interval-badge{background:var(--color-primary-light);color:var(--color-primary);text-transform:capitalize}.proration-badge{background:var(--color-warning-light);color:#92400e;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}[data-theme=dark] .proration-badge{color:#fcd34d}.invoice-totals{margin-bottom:var(--spacing-8);flex-direction:column;align-items:flex-end;display:flex}.invoice-totals .invoice-total-row{width:280px;padding:var(--spacing-2)0;border-bottom:1px solid var(--color-gray-100);justify-content:space-between;display:flex}[data-theme=dark] .invoice-totals .invoice-total-row{border-bottom-color:var(--color-border-primary)}.invoice-totals .invoice-total-row:last-child{border-bottom:none}.invoice-totals .invoice-total-row span:first-child{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.invoice-totals .invoice-total-row span:last-child{color:var(--color-text-primary);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-weight:500}.invoice-totals .invoice-total-grand{border-top:2px solid var(--color-gray-300);padding-top:var(--spacing-3);margin-top:var(--spacing-2);border-bottom:none}[data-theme=dark] .invoice-totals .invoice-total-grand{border-top-color:var(--color-border-secondary)}.invoice-totals .invoice-total-grand span:first-child{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.invoice-totals .invoice-total-grand span:last-child{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.invoice-totals .invoice-balance-due span:last-child{color:var(--color-danger)}.invoice-notes,.invoice-terms{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}[data-theme=dark] .invoice-notes,[data-theme=dark] .invoice-terms{background:var(--color-bg-tertiary)}.invoice-notes h4,.invoice-terms h4{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-500);margin:0 0 var(--spacing-2)0;font-weight:600}.invoice-notes p,.invoice-terms p{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:pre-wrap;margin:0;line-height:1.6}@media (width<=768px){.invoice-preview{padding:var(--spacing-4)}.invoice-header{gap:var(--spacing-4);flex-direction:column}.invoice-meta{text-align:left}.invoice-parties{gap:var(--spacing-4);grid-template-columns:1fr}.invoice-totals .invoice-total-row{width:100%}}.reports-dashboard{gap:var(--spacing-6);flex-direction:column;display:flex}.reports-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr;display:grid}.stats-row{gap:var(--spacing-4);display:grid}.stats-row-3{grid-template-columns:repeat(3,1fr)}.stats-row-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-5);align-items:flex-start;gap:var(--spacing-4);display:flex}[data-theme=dark] .stat-card{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.stat-card-warning{border-left:3px solid var(--color-warning)}.stat-card-orange{border-left:3px solid #f97316}.stat-card-danger{border-left:3px solid var(--color-danger)}.stat-icon{background-color:var(--color-gray-100);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .stat-icon{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.stat-icon-success{background-color:var(--color-success-light);color:var(--color-success)}.stat-icon-info{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-icon-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.stat-icon-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.stat-content{gap:var(--spacing-1);flex-direction:column;display:flex}.stat-value{font-size:var(--font-size-2xl);color:var(--color-gray-900);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-weight:700}[data-theme=dark] .stat-value{color:var(--color-gray-100)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.stat-change{font-size:var(--font-size-sm);font-weight:500}.stat-change-up{color:var(--color-success)}.stat-change-down{color:var(--color-danger)}.chart-container{width:100%;height:300px;position:relative}.chart-container-sm{height:250px}.chart-container-lg{height:400px}.report-links{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.report-link{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:flex}[data-theme=dark] .report-link{border-color:var(--color-border-primary)}.report-link:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.report-link-icon{background-color:var(--color-gray-100);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .report-link-icon{background-color:var(--color-bg-tertiary);color:var(--color-gray-300)}.report-link:hover .report-link-icon{background-color:var(--color-primary-light);color:var(--color-primary)}.report-link-content h3{font-size:var(--font-size-base);color:var(--color-gray-900);margin-bottom:var(--spacing-1);font-weight:600}[data-theme=dark] .report-link-content h3{color:var(--color-gray-100)}.report-link-content p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.date-range-inputs{gap:var(--spacing-2);align-items:center;display:flex}.progress-bar-cell{align-items:center;gap:var(--spacing-2);display:flex}.progress-bar-value{font-size:var(--font-size-sm);text-align:right;min-width:45px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.progress-bar-bg{background-color:var(--color-gray-100);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}[data-theme=dark] .progress-bar-bg{background-color:var(--color-bg-tertiary)}.progress-bar-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-base);border-radius:3px}.table-footer-row{background-color:var(--color-gray-50)}[data-theme=dark] .table-footer-row{background-color:var(--color-bg-tertiary)}.table-footer-row td{border-top:2px solid var(--color-gray-200)}[data-theme=dark] .table-footer-row td{border-top-color:var(--color-border-secondary)}.filter-group{align-items:center;gap:var(--spacing-2);display:flex}@media (width<=1024px){.reports-grid{grid-template-columns:1fr}.stats-row-4{grid-template-columns:repeat(2,1fr)}.report-links{grid-template-columns:1fr}}@media (width<=768px){.stats-row-3,.stats-row-4{grid-template-columns:1fr}.stat-card{text-align:center;flex-direction:column}.stat-icon{margin:0 auto}.stat-content{align-items:center}.chart-container{height:250px}.chart-container-lg{height:300px}.filter-group{flex-wrap:wrap}.date-range-inputs{width:100%}}.error-page{min-height:100vh;padding:var(--spacing-6);background:var(--color-bg-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.error-content{text-align:center;max-width:400px}.error-icon{width:80px;height:80px;margin:0 auto var(--spacing-6);border-radius:50%;justify-content:center;align-items:center;display:flex}.error-icon svg{width:40px;height:40px}.error-icon-warning{background:var(--color-warning-light)}.error-icon-warning svg{color:var(--color-warning)}[data-theme=dark] .error-icon-warning{background:#eab30826}.error-icon-danger{background:var(--color-danger-light)}.error-icon-danger svg{color:var(--color-danger)}[data-theme=dark] .error-icon-danger{background:#ef444426}.error-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-3);font-weight:700}.error-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-2);line-height:1.6}.error-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-8)}.error-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.error-actions{gap:var(--spacing-3);flex-direction:column;display:flex}.error-code{margin-top:var(--spacing-8);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}