.dashboard-page{padding:24px;background:var(--color-surface, #f8fafc);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.dashboard-header-left{display:flex;align-items:center;gap:12px}.dashboard-title{font-size:28px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px;color:var(--color-primary, #1e3a8a)}.dashboard-title-icon{font-size:28px;color:var(--color-primary, #1e3a8a)}.dashboard-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-muted, #64748b)}.dashboard-breadcrumb a{color:var(--color-primary, #1e3a8a);text-decoration:none}.dashboard-breadcrumb a:hover{text-decoration:underline}.dashboard-breadcrumb strong{color:var(--color-text, #1e293b)}.dashboard-alerts{position:relative;min-height:0}.dashboard-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.dashboard-card{background:var(--color-card, #ffffff);border-radius:8px;border:1px solid var(--color-border, #e2e8f0);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.dashboard-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-card-success{border-left:4px solid #22c55e}.dashboard-card-warning{border-left:4px solid #f59e0b}.dashboard-card-orange{border-left:4px solid #fb923c}.dashboard-card-danger{border-left:4px solid #ef4444}.dashboard-card-body{padding:20px}.dashboard-card-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-card-info{display:flex;align-items:center;gap:12px}.dashboard-card-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-surface, #f8fafc)}.dashboard-card-success .dashboard-card-icon{color:#22c55e;background:#22c55e1a}.dashboard-card-warning .dashboard-card-icon{color:#f59e0b;background:#f59e0b1a}.dashboard-card-orange .dashboard-card-icon{color:#fb923c;background:#fb923c1a}.dashboard-card-danger .dashboard-card-icon{color:#ef4444;background:#ef44441a}.dashboard-card-label{margin:0;font-size:14px;color:var(--color-muted, #64748b);font-weight:500}.dashboard-card-value{font-size:32px;font-weight:700}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-orange{color:#fb923c}.dashboard-progress{height:6px;background:var(--color-surface, #f1f5f9);border-radius:3px;overflow:hidden}.dashboard-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.dashboard-progress-bar.bg-success{background:#22c55e}.dashboard-progress-bar.bg-warning{background:#f59e0b}.dashboard-progress-bar.bg-orange{background:#fb923c}.dashboard-progress-bar.bg-danger{background:#ef4444}.dashboard-welcome-section{margin-top:24px}.dashboard-welcome-card{background:var(--color-card, #ffffff);border-radius:8px;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.dashboard-welcome-body{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.dashboard-welcome-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}@media(max-width:768px){.dashboard-welcome-content{grid-template-columns:1fr}}.dashboard-welcome-left{display:flex;flex-direction:column;gap:16px}.dashboard-welcome-date{font-size:20px;font-weight:600;color:var(--color-text, #1e293b);margin:0;text-transform:capitalize}.dashboard-welcome-title{font-size:24px;font-weight:700;color:var(--color-primary, #1e3a8a);margin:0}.dashboard-cert-info{font-size:14px;padding:12px;background:var(--color-card, #ffffff);border-radius:6px;border:1px solid var(--color-border, #e2e8f0)}.dashboard-cert-info p{margin:0}.dashboard-welcome-right{display:flex;justify-content:center;align-items:center}.dashboard-welcome-right iframe{border-radius:8px;max-width:100%;box-shadow:0 4px 12px #0000001a}.dashboard-sync-title{padding:16px 24px;font-size:16px;font-weight:600;color:var(--color-text, #1e293b);border-top:1px solid var(--color-border, #e2e8f0);background:var(--color-card, #ffffff)}.dashboard-sync-content{padding:16px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-size:14px;color:var(--color-muted, #64748b);line-height:1.6;max-height:300px;overflow-y:auto}.dashboard-sync-content b{color:var(--color-text, #1e293b);display:block;margin-top:12px}@media(max-width:640px){.dashboard-page{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-title{font-size:24px}.dashboard-cards-row{grid-template-columns:1fr}.dashboard-card-value{font-size:24px}.dashboard-welcome-body{padding:16px}.dashboard-welcome-date{font-size:16px}.dashboard-welcome-title{font-size:20px}}.app-shell.dark .dashboard-page{background:#0f172a}.app-shell.dark .dashboard-title,.app-shell.dark .dashboard-title-icon{color:#7dd3fc}.app-shell.dark .dashboard-breadcrumb{color:#9ca3af}.app-shell.dark .dashboard-breadcrumb a{color:#7dd3fc}.app-shell.dark .dashboard-breadcrumb strong{color:#e5e7eb}.app-shell.dark .dashboard-card{background:#1e293b;border-color:#334155}.app-shell.dark .dashboard-card:hover{box-shadow:0 4px 12px #0006}.app-shell.dark .dashboard-card-icon{background:#0f172a}.app-shell.dark .dashboard-card-success .dashboard-card-icon{color:#4ade80;background:#22c55e26}.app-shell.dark .dashboard-card-warning .dashboard-card-icon{color:#fbbf24;background:#f59e0b26}.app-shell.dark .dashboard-card-orange .dashboard-card-icon{color:#fb923c;background:#fb923c26}.app-shell.dark .dashboard-card-danger .dashboard-card-icon{color:#f87171;background:#ef444426}.app-shell.dark .dashboard-card-label{color:#9ca3af}.app-shell.dark .dashboard-card-value.text-success{color:#4ade80}.app-shell.dark .dashboard-card-value.text-warning{color:#fbbf24}.app-shell.dark .dashboard-card-value.text-orange{color:#fb923c}.app-shell.dark .dashboard-card-value.text-danger{color:#f87171}.app-shell.dark .dashboard-progress{background:#0f172a}.app-shell.dark .dashboard-welcome-card{background:#1e293b;border-color:#334155}.app-shell.dark .dashboard-welcome-body{background:linear-gradient(135deg,#1e293b,#0f172a)}.app-shell.dark .dashboard-welcome-date{color:#e5e7eb}.app-shell.dark .dashboard-welcome-title{color:#7dd3fc}.app-shell.dark .dashboard-cert-info{background:#0f172a;border-color:#334155;color:#e5e7eb}.app-shell.dark .dashboard-cert-info p{color:inherit}.app-shell.dark .dashboard-sync-title{color:#e5e7eb;border-color:#334155;background:#1e293b}.app-shell.dark .dashboard-sync-content{background:linear-gradient(135deg,#1e293b,#0f172a);color:#9ca3af}.app-shell.dark .dashboard-sync-content b{color:#e5e7eb}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 12px;background:url(/images/login_bg.jpg) center/cover no-repeat;position:relative}.login-overlay{position:absolute;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.login-page.dark .login-overlay{background:#0006}.login-theme-toggle{position:fixed;top:20px;right:20px;z-index:100;width:44px;height:44px;border-radius:50%;border:none;background:#fffffff2;box-shadow:0 4px 15px #00000026;display:flex;align-items:center;justify-content:center;font-size:20px;color:#475569;cursor:pointer;transition:all .2s ease}.login-theme-toggle:hover{transform:scale(1.08);box-shadow:0 6px 20px #0003}.login-page.dark .login-theme-toggle{background:#1f2937f2;color:#fbbf24;box-shadow:0 4px 15px #0006}.login-page.dark .login-theme-toggle:hover{box-shadow:0 6px 20px #00000080}.login-card{width:100%;max-width:420px;position:relative;z-index:2}.login-main{background:#fffffff7;border-radius:16px;padding:40px 36px;box-shadow:0 10px 40px #0815421f,0 0 0 1px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease,box-shadow .3s ease}.login-logo-icon{text-align:center;margin-bottom:16px}.login-logo-icon svg{width:56px;height:56px;color:var(--color-primary)}.login-main h1{margin:0;font-size:28px;font-weight:700;color:#1e293b;text-align:center}.login-main p{margin:8px 0 28px;color:#64748b;font-size:14px;text-align:center}.theme-form .form-group{margin-bottom:18px;position:relative}.theme-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#475569}.theme-form input{width:100%;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e293b;padding:12px 14px;font-size:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.theme-form input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #0ea5e91f}.theme-form input::placeholder{color:#94a3b8}.password-group .show-hide{position:absolute;right:12px;top:36px;border:0;background:transparent;color:var(--color-primary);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.password-group .show-hide:hover{background:#0ea5e91a}.error-message{margin:0 0 16px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.login-button{width:100%;border:0;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:600;font-size:15px;padding:13px 16px;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.login-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:576px){.login-main{padding:32px 24px}.login-theme-toggle{top:12px;right:12px;width:40px;height:40px;font-size:18px}}.login-page.dark .login-main{background:#1f2937f7;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d}.login-page.dark .login-main h1{color:#f3f4f6}.login-page.dark .login-main p{color:#9ca3af}.login-page.dark .theme-form label{color:#d1d5db}.login-page.dark .theme-form input{background:#111827;border-color:#374151;color:#f3f4f6}.login-page.dark .theme-form input:focus{border-color:var(--color-primary);background:#1a2332;box-shadow:0 0 0 3px #0ea5e933}.login-page.dark .theme-form input::placeholder{color:#6b7280}.login-page.dark .password-group .show-hide{color:#38bdf8}.login-page.dark .password-group .show-hide:hover{background:#38bdf826}.login-page.dark .error-message{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.login-page.dark .login-button:hover:not(:disabled){box-shadow:0 4px 12px #0ea5e966}.app-toast{position:fixed;top:82px;right:20px;min-width:260px;max-width:360px;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-lg);font-size:14px;z-index:95}.app-toast.success{background:#dcfce7;color:#166534;border-left:4px solid #22c55e}.app-toast.error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.app-toast.info{background:color-mix(in srgb,var(--color-primary) 14%,white);color:#0c4a6e;border-left:4px solid var(--color-primary)}.confirm-overlay{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:80;padding:16px}.confirm-card{width:min(420px,100%);background:var(--color-surface);border-radius:14px;padding:16px;box-shadow:0 20px 40px #0f172a40}.confirm-card h3{margin:0 0 8px}.confirm-card p{margin:0;color:var(--color-muted-2)}.confirm-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.confirm-actions button{border:0;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-cancel{background:#e2e8f0;color:#1e293b}.btn-cancel:hover:not(:disabled){background:#cbd5e1}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-confirm{background:#dc2626;color:#fff}.btn-confirm:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.app-shell.dark .app-toast.success{background:#14532d;color:#dcfce7;border-left-color:#22c55e}.app-shell.dark .app-toast.error{background:#7f1d1d;color:#fee2e2;border-left-color:#ef4444}.app-shell.dark .app-toast.info{background:#0c4a6e;color:#e0f2fe;border-left-color:var(--color-primary)}.app-shell.dark .confirm-card{background:#111827}.app-shell.dark .confirm-card p{color:#cbd5e1}.app-shell.dark .btn-cancel{background:#334155;color:#e2e8f0}.app-shell.dark .btn-cancel:hover:not(:disabled){background:#3f4f63}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:80;padding:16px;overflow-y:auto}.modal-card{width:min(480px,100%);max-width:100%;background:var(--color-surface);border-radius:14px;box-shadow:0 20px 40px #0f172a40;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-card-lg{width:min(700px,95%);max-width:700px}.modal-card-xl{width:min(1200px,95%);max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;font-weight:700}.modal-close-btn{border:none;background:transparent;font-size:20px;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:20px;overflow-y:auto;overflow-x:hidden;flex:1}.modal-loading{text-align:center;color:var(--color-muted-2);padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:8px}.modal-injected-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-injected-content::-webkit-scrollbar{width:6px}.modal-injected-content::-webkit-scrollbar-track{background:transparent}.modal-injected-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-injected-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-injected-content iframe{width:100%;height:500px;border:none;border-radius:8px}.modal-injected-content table{width:100%;border-collapse:collapse;margin:0;font-size:13px}.modal-injected-content table th,.modal-injected-content table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.modal-injected-content table th{background:#f1f5f9;font-weight:600;color:#475569}.modal-injected-content table tbody tr:hover{background:#f8fafc}.modal-injected-content table .total-row,.modal-injected-content table tr.total-row{background:#dcfce7}.modal-injected-content table .total-row td{color:#166534}.modal-injected-content table .invoice-row,.modal-injected-content table tr.invoice-row{background:#dbeafe}.modal-injected-content table .invoice-row td{color:#1e40af}.modal-injected-content table .balance-row,.modal-injected-content table tr.balance-row{background:#fef3c7}.modal-injected-content table .balance-row td{color:#92400e}.modal-injected-content input,.modal-injected-content select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.modal-injected-content input:focus,.modal-injected-content select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.modal-injected-content .btn,.modal-injected-content button[type=submit],.modal-injected-content button.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.modal-injected-content .btn:hover,.modal-injected-content button[type=submit]:hover,.modal-injected-content button.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.modal-injected-content label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#475569}.modal-injected-content .form-group,.modal-injected-content .form-row{margin-bottom:16px}.modal-injected-content h4{margin:0 0 16px;font-size:16px;color:var(--color-primary)}.payment-form{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.payment-form h4{margin:0 0 16px;font-size:16px;color:var(--color-primary)}.payment-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#475569}.payment-form-grid label>span{display:inline}.payment-form-grid label small{font-weight:400;color:#64748b}.payment-form-grid input,.payment-form-grid select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .2s ease}.payment-form-grid input:focus,.payment-form-grid select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.payment-form-actions{margin-top:16px;display:flex;justify-content:flex-end}.btn-save{border:none;border-radius:10px;padding:10px 20px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.payments-table-container{margin-top:16px;overflow-x:auto}.payments-table-container h4{margin:0 0 12px;font-size:16px;color:#1e293b}.payments-table{width:100%;min-width:550px;border-collapse:collapse;font-size:13px}.payments-table th{background:#f1f5f9;font-weight:600;color:#475569}.payments-table tbody tr:hover{background:#f8fafc}.payments-table .total-row{background:#dcfce7}.payments-table .total-row td{color:#166534}.payments-table .invoice-row{background:#dbeafe}.payments-table .invoice-row td{color:#1e40af}.payments-table .balance-row{background:#fef3c7}.payments-table .balance-row td{color:#92400e}.no-payments{text-align:center;color:var(--color-muted-2);padding:20px;font-style:italic}.app-shell.dark .modal-card{background:#111827}.app-shell.dark .modal-header{border-bottom-color:#374151}.app-shell.dark .modal-close-btn{color:#9ca3af}.app-shell.dark .modal-close-btn:hover{background:#1f2937;color:#e5e7eb}.app-shell.dark .modal-footer{border-top-color:#374151}.app-shell.dark .payment-form{background:#1f2937}.app-shell.dark .payment-form-grid label{color:#e5e7eb}.app-shell.dark .payment-form-grid label small{color:#9ca3af}.app-shell.dark .payment-form-grid input,.app-shell.dark .payment-form-grid select{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .payments-table-container h4{color:#e5e7eb}.app-shell.dark .payments-table th{background:#1f2937;color:#e5e7eb}.app-shell.dark .payments-table th,.app-shell.dark .payments-table td{border-bottom-color:#374151}.app-shell.dark .payments-table tbody tr:hover{background:#1f2937}.app-shell.dark .payments-table .total-row{background:#14532d}.app-shell.dark .payments-table .total-row td{color:#dcfce7}.app-shell.dark .payments-table .invoice-row{background:#1e3a5f}.app-shell.dark .payments-table .invoice-row td{color:#bfdbfe}.app-shell.dark .payments-table .balance-row{background:#78350f}.app-shell.dark .payments-table .balance-row td{color:#fef3c7}.app-shell.dark .modal-injected-content{scrollbar-color:#475569 transparent}.app-shell.dark .modal-injected-content::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .modal-injected-content::-webkit-scrollbar-thumb:hover{background:#64748b}.app-shell.dark .modal-injected-content table th{background:#1f2937;color:#e5e7eb}.app-shell.dark .modal-injected-content table th,.app-shell.dark .modal-injected-content table td{border-bottom-color:#374151}.app-shell.dark .modal-injected-content table tbody tr:hover{background:#1f2937}.app-shell.dark .modal-injected-content table .total-row,.app-shell.dark .modal-injected-content table tr.total-row{background:#14532d}.app-shell.dark .modal-injected-content table .total-row td{color:#dcfce7}.app-shell.dark .modal-injected-content table .invoice-row,.app-shell.dark .modal-injected-content table tr.invoice-row{background:#1e3a5f}.app-shell.dark .modal-injected-content table .invoice-row td{color:#bfdbfe}.app-shell.dark .modal-injected-content table .balance-row,.app-shell.dark .modal-injected-content table tr.balance-row{background:#78350f}.app-shell.dark .modal-injected-content table .balance-row td{color:#fef3c7}.app-shell.dark .modal-injected-content input,.app-shell.dark .modal-injected-content select{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content label,.app-shell.dark .modal-injected-content h4{color:#e5e7eb}@media(max-width:640px){.modal-overlay{padding:8px;align-items:flex-start}.modal-card{width:100%;max-height:calc(100vh - 16px);border-radius:10px}.modal-card-lg,.modal-card-xl{width:100%}.modal-header{padding:12px 16px}.modal-header h3{font-size:16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.payment-form{padding:12px}.payment-form h4{font-size:14px;margin-bottom:12px}.payment-form-grid{grid-template-columns:1fr;gap:10px}.payment-form-actions{margin-top:12px}.payments-table-container{overflow-x:auto;margin:0 -16px;padding:0 16px}.payments-table{min-width:500px;font-size:12px}.payments-table th,.payments-table td{padding:8px 10px;white-space:nowrap}.payments-table-container h4{font-size:14px}}.clients-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.clients-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.clients-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.clients-head-right{display:flex;align-items:center;gap:14px}.clients-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.clients-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.clients-breadcrumb a svg{font-size:16px}.clients-breadcrumb a:hover{color:var(--color-primary)}.clients-breadcrumb strong{color:var(--color-primary);font-weight:700}.clients-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.clients-create-btn:hover{opacity:.92;transform:translateY(-1px)}.clients-filters{display:grid;gap:10px}.clients-search-main{display:flex;gap:10px}.clients-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.clients-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.clients-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.clients-filters button[type=submit]:hover{opacity:.92}.clients-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clients-filters-toggle:hover,.clients-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.clients-filters-toggle-left{display:flex;align-items:center;gap:8px}.clients-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.clients-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.clients-filters-toggle.open .clients-filters-chevron{transform:rotate(180deg)}.app-shell.dark .clients-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .clients-filters-toggle:hover,.app-shell.dark .clients-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .clients-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .clients-filters-chevron{color:#9ca3af}.clients-column-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.clients-column-filters.open{max-height:100px;opacity:1;margin-top:0}.clients-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.client-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.client-card p{margin:0 0 6px;color:#475569;font-size:14px}.client-card-actions{margin-top:14px;display:flex;gap:8px}.client-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.client-card-actions button:hover{opacity:.88;transform:scale(1.05)}.clients-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--color-surface);border-radius:16px;padding:16px;box-shadow:0 2px 6px #0f172a0a,0 6px 20px #0f172a0a}.clients-range{margin:0;color:#475569;font-size:14px}.clients-page-size{display:inline-flex;align-items:center;gap:8px}.clients-page-size select{border-radius:8px;border:1px solid #e2e8f0;padding:6px 10px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.clients-page-size select:hover{border-color:#94a3b8}.clients-page-size select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.clients-pagination-left{display:flex;flex-direction:column;gap:8px}.clients-pagination-nav{display:flex;align-items:center;gap:4px}@media(max-width:1100px){.clients-grid,.clients-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.clients-module-head{flex-direction:column;align-items:flex-start;padding:16px}.clients-grid{grid-template-columns:1fr}.clients-search-main{flex-direction:column}.clients-pagination{flex-direction:column;align-items:stretch}}.app-shell.dark .clients-module-head{background:#1f2937}.app-shell.dark .client-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .clients-range{color:#9ca3af}.app-shell.dark .clients-page-size{color:#e5e7eb}.client-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.client-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.client-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.client-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.client-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.client-form-breadcrumb a:hover{color:var(--color-primary)}.client-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.client-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.client-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.client-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.client-form-grid input,.client-form-grid select{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.client-form-grid input:focus,.client-form-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.client-form-grid select:disabled{opacity:.6;cursor:not-allowed}.client-field-error{color:#dc2626;font-size:12px}.client-form-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.client-form-actions{display:flex;justify-content:flex-end;gap:10px}.client-form-card .btn-cancel{background:#ef4444;color:#fff}.client-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.client-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.client-form-head{flex-direction:column;align-items:flex-start;padding:16px}.client-form-grid{grid-template-columns:1fr}}.app-shell.dark .client-form-head{background:#1f2937}.app-shell.dark .client-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .client-form-grid label{color:#cbd5e1}.app-shell.dark .client-form-grid input,.app-shell.dark .client-form-grid select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .client-form-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .client-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.boxes-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.boxes-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.boxes-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.boxes-head-right{display:flex;align-items:center;gap:14px}.boxes-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.boxes-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.boxes-breadcrumb a svg{font-size:16px}.boxes-breadcrumb a:hover{color:var(--color-primary)}.boxes-breadcrumb strong{color:var(--color-primary);font-weight:700}.boxes-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.boxes-create-btn:hover{opacity:.92;transform:translateY(-1px)}.boxes-filters{display:grid;gap:10px}.boxes-search-main{display:flex;gap:10px}.boxes-filters input,.boxes-filters select{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.boxes-filters input:focus,.boxes-filters select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.boxes-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.boxes-filters button[type=submit]:hover{opacity:.92}.boxes-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.boxes-filters-toggle:hover,.boxes-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.boxes-filters-toggle-left{display:flex;align-items:center;gap:8px}.boxes-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.boxes-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.boxes-filters-toggle.open .boxes-filters-chevron{transform:rotate(180deg)}.app-shell.dark .boxes-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .boxes-filters-toggle:hover,.app-shell.dark .boxes-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .boxes-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .boxes-filters-chevron{color:#9ca3af}.boxes-column-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.boxes-column-filters.open{max-height:100px;opacity:1;margin-top:0}.boxes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.box-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.box-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.box-card p{margin:0 0 6px;color:#475569;font-size:14px}.box-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.box-status-open{background:#dcfce7;color:#166534}.box-status-closed{background:#fee2e2;color:#991b1b}.box-card-actions{margin-top:14px;display:flex;gap:8px}.box-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.box-card-actions button:hover{opacity:.88;transform:scale(1.05)}.box-card-actions .btn-edit{background:var(--color-primary);color:#fff}.box-card-actions .btn-delete{background:#ef4444;color:#fff}.boxes-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.boxes-loading{margin:0;color:#64748b;font-size:14px}.boxes-empty{margin:0;grid-column:1 / -1;text-align:center;color:#94a3b8;font-size:15px;padding:32px 0}@media(max-width:1100px){.boxes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.boxes-module-head{flex-direction:column;align-items:flex-start;padding:16px}.boxes-grid{grid-template-columns:1fr}.boxes-search-main{flex-direction:column}.boxes-column-filters{grid-template-columns:1fr}}.app-shell.dark .boxes-module-head{background:#1f2937}.app-shell.dark .box-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .box-card p{color:#9ca3af}.app-shell.dark .boxes-filters input,.app-shell.dark .boxes-filters select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .box-status-open{background:#14532d;color:#86efac}.app-shell.dark .box-status-closed{background:#7f1d1d;color:#fecaca}.app-shell.dark .boxes-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .boxes-loading{color:#9ca3af}.app-shell.dark .boxes-empty{color:#6b7280}.box-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.box-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.box-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.box-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.box-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.box-form-breadcrumb a:hover{color:var(--color-primary)}.box-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.box-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.box-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.box-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.box-form-grid input,.box-form-grid select{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.box-form-grid input:focus,.box-form-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.box-field-error{color:#dc2626;font-size:12px}.box-form-loading{margin:0;border-radius:12px;padding:12px;background:#e0f2fe;color:#0369a1;font-size:14px}.box-form-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.box-form-actions{display:flex;justify-content:flex-end;gap:10px}.box-form-card .btn-save,.box-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.box-form-card .btn-save{background:var(--color-primary);color:#fff}.box-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.box-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.box-form-card .btn-cancel{background:#ef4444;color:#fff}.box-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.box-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.box-form-head{flex-direction:column;align-items:flex-start;padding:16px}.box-form-grid{grid-template-columns:1fr}}.app-shell.dark .box-form-head{background:#1f2937}.app-shell.dark .box-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .box-form-grid label{color:#cbd5e1}.app-shell.dark .box-form-grid input,.app-shell.dark .box-form-grid select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .box-form-loading{background:#0c4a6e;color:#bae6fd}.app-shell.dark .box-form-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .box-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.cash-movements-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.cash-movements-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.cash-movements-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.cash-movements-head-right{display:flex;align-items:center;gap:14px}.cash-movements-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.cash-movements-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.cash-movements-breadcrumb a svg{font-size:16px}.cash-movements-breadcrumb a:hover{color:var(--color-primary)}.cash-movements-breadcrumb strong{color:var(--color-primary);font-weight:700}.cash-movements-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.cash-movements-create-btn:hover{opacity:.92;transform:translateY(-1px)}.cash-movements-filters{display:grid;gap:10px}.cash-movements-search-main{display:flex;gap:10px}.cash-movements-filters input,.cash-movements-filters select{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.cash-movements-filters input:focus,.cash-movements-filters select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.cash-movements-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.cash-movements-filters button[type=submit]:hover{opacity:.92}.cash-movements-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cash-movements-filters-toggle:hover,.cash-movements-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.cash-movements-filters-toggle-left{display:flex;align-items:center;gap:8px}.cash-movements-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.cash-movements-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.cash-movements-filters-toggle.open .cash-movements-filters-chevron{transform:rotate(180deg)}.app-shell.dark .cash-movements-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .cash-movements-filters-toggle:hover,.app-shell.dark .cash-movements-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .cash-movements-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .cash-movements-filters-chevron{color:#9ca3af}.cash-movements-column-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.cash-movements-column-filters.open{max-height:200px;opacity:1;margin-top:0}.cash-movements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cash-movement-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.cash-movement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cash-movement-card h2{margin:0;font-size:18px;font-weight:700}.cash-movement-card p{margin:0 0 6px;color:#475569;font-size:14px}.cash-movement-card .movement-observations{font-size:12px;color:#64748b;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movement-type{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.movement-type-open{background:#dcfce7;color:#166534}.movement-type-closed{background:#fef3c7;color:#92400e}.cash-movement-card-actions{margin-top:14px;display:flex;gap:8px}.cash-movement-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.cash-movement-card-actions button:hover{opacity:.88;transform:scale(1.05)}.cash-movement-card-actions .btn-edit{background:var(--color-primary);color:#fff}.cash-movement-card-actions .btn-delete{background:#ef4444;color:#fff}.cash-movements-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.cash-movements-loading{margin:0;color:#64748b;font-size:14px}.cash-movements-empty{margin:0;grid-column:1 / -1;text-align:center;color:#94a3b8;font-size:15px;padding:32px 0}@media(max-width:1100px){.cash-movements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cash-movements-module-head{flex-direction:column;align-items:flex-start;padding:16px}.cash-movements-grid{grid-template-columns:1fr}.cash-movements-search-main{flex-direction:column}.cash-movements-column-filters{grid-template-columns:1fr;gap:10px}.cash-movements-column-filters.open{max-height:500px;padding-bottom:10px}.cash-movements-column-filters input,.cash-movements-column-filters select{width:100%;font-size:14px;padding:10px 12px}.cash-movements-filters{gap:12px}}.app-shell.dark .cash-movements-module-head{background:#1f2937}.app-shell.dark .cash-movement-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .cash-movement-card p{color:#9ca3af}.app-shell.dark .cash-movement-card .movement-observations{color:#6b7280}.app-shell.dark .cash-movements-filters input,.app-shell.dark .cash-movements-filters select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .movement-type-open{background:#14532d;color:#86efac}.app-shell.dark .movement-type-closed{background:#78350f;color:#fde68a}.app-shell.dark .cash-movements-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .cash-movements-loading{color:#9ca3af}.app-shell.dark .cash-movements-empty{color:#6b7280}.cash-movement-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.cash-movement-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.cash-movement-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.cash-movement-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.cash-movement-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.cash-movement-form-breadcrumb a:hover{color:var(--color-primary)}.cash-movement-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.cash-movement-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.cash-movement-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.cash-movement-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.cash-movement-form-grid input,.cash-movement-form-grid select{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.cash-movement-form-grid input:focus,.cash-movement-form-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.cash-movement-field-error{color:#dc2626;font-size:12px}.cash-movement-form-loading{margin:0;border-radius:12px;padding:12px;background:#e0f2fe;color:#0369a1;font-size:14px}.cash-movement-form-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.cash-movement-form-actions{display:flex;justify-content:flex-end;gap:10px}.cash-movement-form-card .btn-save,.cash-movement-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.cash-movement-form-card .btn-save{background:var(--color-primary);color:#fff}.cash-movement-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.cash-movement-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.cash-movement-form-card .btn-cancel{background:#ef4444;color:#fff}.cash-movement-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.cash-movement-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.cash-movement-close-section{display:flex;justify-content:center;padding-top:10px;border-top:1px solid #e2e8f0}.btn-close-box{border-radius:10px;padding:12px 32px;border:none;cursor:pointer;font-weight:600;font-size:15px;background:#f59e0b;color:#fff;transition:all .2s ease}.btn-close-box:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-close-box:disabled{opacity:.6;cursor:not-allowed}.cash-movement-closing-summary{margin-top:10px;padding:20px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.cash-movement-closing-summary h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#334155}.closing-table{width:100%;border-collapse:collapse;margin-bottom:16px}.closing-table th,.closing-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.closing-table th{background:#f1f5f9;font-weight:600;font-size:13px;color:#475569}.closing-table td{font-size:14px;color:#334155}.closing-input{width:120px;padding:8px 10px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;outline:none;transition:border-color .2s}.closing-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0ea5e91a}.closing-confirm-actions{display:flex;justify-content:center}.btn-confirm-close{border-radius:10px;padding:10px 24px;border:none;cursor:pointer;font-weight:600;font-size:14px;background:#22c55e;color:#fff;transition:all .2s ease}.btn-confirm-close:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-confirm-close:disabled{opacity:.6;cursor:not-allowed}.cash-movement-closing-empty-text{padding:16px;text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;font-size:14px}.cash-movement-closed-info{margin-top:10px;padding:20px;border-radius:12px;background:transparent;border:1px solid #e5e7eb}.cash-movement-closed-info h3{margin:0 0 12px;font-size:17px;font-weight:600;color:inherit}.cash-movement-closed-info p{margin:0 0 8px;color:inherit;font-size:14px}.closed-observations pre{margin:8px 0 0;padding:10px;background:transparent;border-radius:8px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media(max-width:700px){.cash-movement-form-head{flex-direction:column;align-items:flex-start;padding:16px}.cash-movement-form-grid{grid-template-columns:1fr}.closing-input{width:100%}}.app-shell.dark .cash-movement-form-head{background:#1f2937}.app-shell.dark .cash-movement-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .cash-movement-form-grid label{color:#cbd5e1}.app-shell.dark .cash-movement-form-grid input,.app-shell.dark .cash-movement-form-grid select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .cash-movement-form-loading{background:#0c4a6e;color:#bae6fd}.app-shell.dark .cash-movement-form-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .cash-movement-close-section{border-top-color:#374151}.app-shell.dark .cash-movement-closing-summary{background:#1f2937;border-color:#374151}.app-shell.dark .cash-movement-closing-summary h3{color:#e5e7eb}.app-shell.dark .closing-table th{background:#374151;color:#e5e7eb}.app-shell.dark .closing-table td{color:#cbd5e1;border-bottom-color:#374151}.app-shell.dark .closing-input{background:#111827;border-color:#4b5563;color:#e5e7eb}.app-shell.dark .cash-movement-closing-empty-text{background:#1f2937;border-color:#374151;color:#9ca3af}.app-shell.dark .cash-movement-closed-info{background:transparent;border-color:#374151}.app-shell.dark .cash-movement-closed-info h3,.app-shell.dark .cash-movement-closed-info p{color:inherit}.app-shell.dark .closed-observations pre{background:transparent;color:inherit}.app-shell.dark .cash-movement-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.price-lists-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.price-lists-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.price-lists-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.price-lists-head-right{display:flex;align-items:center;gap:14px}.price-lists-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.price-lists-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.price-lists-breadcrumb a svg{font-size:16px}.price-lists-breadcrumb a:hover{color:var(--color-primary)}.price-lists-breadcrumb strong{color:var(--color-primary);font-weight:700}.price-lists-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.price-lists-create-btn:hover{opacity:.92;transform:translateY(-1px)}.price-lists-filters{display:grid;gap:10px}.price-lists-search-main{display:flex;gap:10px}.price-lists-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.price-lists-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.price-lists-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.price-lists-filters button[type=submit]:hover{opacity:.92}.price-lists-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.price-lists-filters-toggle:hover,.price-lists-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.price-lists-filters-toggle-left{display:flex;align-items:center;gap:8px}.price-lists-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.price-lists-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.price-lists-filters-toggle.open .price-lists-filters-chevron{transform:rotate(180deg)}.app-shell.dark .price-lists-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .price-lists-filters-toggle:hover,.app-shell.dark .price-lists-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .price-lists-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .price-lists-filters-chevron{color:#9ca3af}.price-lists-column-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.price-lists-column-filters.open{max-height:100px;opacity:1;margin-top:0}.price-lists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-list-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.price-list-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.price-list-card p{margin:0 0 6px;color:#475569;font-size:14px}.price-list-card-actions{margin-top:14px;display:flex;gap:8px}.price-list-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.price-list-card-actions button:hover{opacity:.88;transform:scale(1.05)}.price-lists-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--color-surface);border-radius:16px;padding:16px;box-shadow:0 2px 6px #0f172a0a,0 6px 20px #0f172a0a}.price-lists-range{margin:0;color:#475569;font-size:14px}.price-lists-page-size{display:inline-flex;align-items:center;gap:8px}.price-lists-page-size select{border-radius:8px;border:1px solid #e2e8f0;padding:6px 10px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.price-lists-page-size select:hover{border-color:#94a3b8}.price-lists-page-size select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.price-lists-pagination-left{display:flex;flex-direction:column;gap:8px}.price-lists-pagination-nav{display:flex;align-items:center;gap:4px}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.price-lists-error{margin:0;padding:14px 18px;border-radius:12px;background:#fee2e2;color:#991b1b;font-size:14px;font-weight:500}.price-lists-loading{margin:0;padding:14px 18px;border-radius:12px;background:#f1f5f9;color:#475569;font-size:14px;font-weight:500}.price-lists-empty{margin:0;padding:30px 18px;text-align:center;color:#94a3b8;font-size:15px;grid-column:1 / -1}.app-shell.dark .price-lists-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .price-lists-loading{background:#1f2937;color:#9ca3af}.app-shell.dark .price-lists-empty{color:#6b7280}@media(max-width:1100px){.price-lists-grid,.price-lists-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.price-lists-module-head{flex-direction:column;align-items:flex-start;padding:16px}.price-lists-grid{grid-template-columns:1fr}.price-lists-search-main{flex-direction:column}.price-lists-pagination{flex-direction:column;align-items:stretch}}.app-shell.dark .price-lists-module-head{background:#1f2937}.app-shell.dark .price-list-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark input,.app-shell.dark select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .page-btn{background:#1f2937;border-color:#334155;color:#e5e7eb}.app-shell.dark .page-btn:hover:not(:disabled){background:#374151;border-color:#4b5563}.app-shell.dark .page-btn.active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.app-shell.dark .price-lists-range{color:#9ca3af}.app-shell.dark .price-lists-page-size{color:#e5e7eb}.price-list-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.price-list-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.price-list-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.price-list-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.price-list-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.price-list-form-breadcrumb a:hover{color:var(--color-primary)}.price-list-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.price-list-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d;overflow:hidden}.price-list-form-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;max-width:500px}.price-list-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.price-list-form-grid input{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.price-list-form-grid input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.price-list-field-error{color:#dc2626;font-size:12px}.price-list-form-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.price-list-form-actions{display:flex;justify-content:flex-end;gap:10px}.price-list-form-card .btn-cancel{background:#ef4444;color:#fff}.price-list-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.price-list-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.price-list-form-head{flex-direction:column;align-items:flex-start;padding:16px}.price-list-form-grid{grid-template-columns:1fr}.price-list-form-card{padding:16px}.price-list-products-search-row{flex-direction:column}.price-list-products-search-row button{width:100%;justify-content:center}.price-list-search-results th,.price-list-details th,.price-list-search-results td,.price-list-details td{padding:8px 10px;font-size:13px}.price-list-search-results table,.price-list-details table{font-size:13px}}.app-shell.dark .price-list-form-head{background:#1f2937}.app-shell.dark .price-list-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .price-list-form-grid label{color:#cbd5e1}.app-shell.dark .price-list-form-grid input{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .price-list-form-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .price-list-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.price-list-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:8px}.price-list-tab{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.price-list-tab:hover:not(:disabled){color:var(--color-primary)}.price-list-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.price-list-tab:disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.app-shell.dark .price-list-tabs{border-bottom-color:#334155}.app-shell.dark .price-list-tab{color:#94a3b8}.app-shell.dark .price-list-tab:hover:not(:disabled){color:var(--color-primary)}.app-shell.dark .price-list-tab.active{color:var(--color-primary)}.app-shell.dark .price-list-tab:disabled{color:#4b5563;opacity:.5}.price-list-products-search{display:grid;gap:8px}.price-list-products-search label{font-size:14px;font-weight:600;color:#475569}.price-list-products-search-row{display:flex;gap:10px}.price-list-products-search-row input{flex:1;border-radius:10px;border:1px solid #e2e8f0;padding:10px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.price-list-products-search-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.price-list-products-search-row button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.price-list-products-search-row button:hover:not(:disabled){opacity:.9}.price-list-products-search-row button:disabled{opacity:.6;cursor:not-allowed}.app-shell.dark .price-list-products-search label{color:#cbd5e1}.app-shell.dark .price-list-products-search-row input{background:#1f2937;border-color:#374151;color:#e5e7eb}.price-list-search-results,.price-list-details{margin-top:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.price-list-search-results h4,.price-list-details h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#334155}.price-list-search-results table,.price-list-details table{width:100%;min-width:400px;border-collapse:collapse;font-size:14px}.price-list-search-results th,.price-list-details th{text-align:left;padding:10px 12px;background:#f8fafc;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0;white-space:nowrap}.price-list-search-results td,.price-list-details td{padding:10px 12px;border-bottom:1px solid #e2e8f0;color:#334155}.price-list-search-results tr:hover,.price-list-details tr:hover{background:#f8fafc}.app-shell.dark .price-list-search-results h4,.app-shell.dark .price-list-details h4{color:#e5e7eb}.app-shell.dark .price-list-search-results th,.app-shell.dark .price-list-details th{background:#1f2937;color:#9ca3af;border-bottom-color:#374151}.app-shell.dark .price-list-search-results td,.app-shell.dark .price-list-details td{color:#e5e7eb;border-bottom-color:#374151}.app-shell.dark .price-list-search-results tr:hover,.app-shell.dark .price-list-details tr:hover{background:#1f2937}.btn-add-product,.btn-delete-detail{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-add-product{background:#22c55e;color:#fff}.btn-add-product:hover{background:#16a34a;transform:scale(1.05)}.btn-delete-detail{background:#ef4444;color:#fff}.btn-delete-detail:hover{background:#dc2626;transform:scale(1.05)}.price-list-empty-details{margin:0;padding:20px;text-align:center;color:#94a3b8;font-size:14px}.price-list-form-loading{margin:0;padding:12px;color:#475569;font-size:14px}.app-shell.dark .price-list-empty-details{color:#6b7280}.app-shell.dark .price-list-form-loading{color:#9ca3af}.price-list-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.price-list-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:450px;margin:16px;box-shadow:0 20px 40px #00000026,0 10px 20px #0000001a}.price-list-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.price-list-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.btn-close-modal{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-close-modal:hover{background:#e2e8f0;color:#334155}.price-list-modal-body{padding:20px;display:grid;gap:16px}.price-list-modal-field{display:grid;gap:6px}.price-list-modal-field label{font-size:14px;font-weight:500;color:#475569}.price-list-modal-field input{border-radius:10px;border:1px solid #e2e8f0;padding:10px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.price-list-modal-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.price-list-modal-field input:disabled{background:#f8fafc;color:#64748b}.price-list-modal-valor{display:flex;align-items:stretch}.price-list-modal-valor span{display:inline-flex;align-items:center;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-right:none;border-radius:10px 0 0 10px;color:#64748b;font-size:14px;font-weight:600}.price-list-modal-valor input{border-radius:0 10px 10px 0;flex:1}.price-list-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e2e8f0}.app-shell.dark .price-list-modal{background:#1f2937}.app-shell.dark .price-list-modal-header{border-bottom-color:#374151}.app-shell.dark .price-list-modal-header h3{color:#f3f4f6}.app-shell.dark .btn-close-modal{background:#374151;color:#9ca3af}.app-shell.dark .btn-close-modal:hover{background:#4b5563;color:#e5e7eb}.app-shell.dark .price-list-modal-field label{color:#9ca3af}.app-shell.dark .price-list-modal-field input{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .price-list-modal-field input:disabled{background:#1f2937;color:#6b7280}.app-shell.dark .price-list-modal-valor span{background:#374151;border-color:#374151;color:#9ca3af}.app-shell.dark .price-list-modal-footer{border-top-color:#374151}.price-list-form-card hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.app-shell.dark .price-list-form-card hr{border-top-color:#374151}.category-pay-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.category-pay-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.category-pay-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.category-pay-head-right{display:flex;align-items:center;gap:14px}.category-pay-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.category-pay-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.category-pay-breadcrumb a svg{font-size:16px}.category-pay-breadcrumb a:hover{color:var(--color-primary)}.category-pay-breadcrumb strong{color:var(--color-primary);font-weight:700}.category-pay-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.category-pay-create-btn:hover{opacity:.92;transform:translateY(-1px)}.category-pay-filters{display:grid;gap:10px}.category-pay-search-main{display:flex;gap:10px}.category-pay-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.category-pay-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.category-pay-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.category-pay-filters button[type=submit]:hover{opacity:.92}.category-pay-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-pay-filters-toggle:hover,.category-pay-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.category-pay-filters-toggle-left{display:flex;align-items:center;gap:8px}.category-pay-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.category-pay-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.category-pay-filters-toggle.open .category-pay-filters-chevron{transform:rotate(180deg)}.app-shell.dark .category-pay-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .category-pay-filters-toggle:hover,.app-shell.dark .category-pay-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .category-pay-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .category-pay-filters-chevron{color:#9ca3af}.category-pay-column-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.category-pay-column-filters.open{max-height:100px;opacity:1;margin-top:0}.category-pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-pay-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.category-pay-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.category-pay-card p{margin:0 0 6px;color:#475569;font-size:14px}.category-pay-card-actions{margin-top:14px;display:flex;gap:8px}.category-pay-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.category-pay-card-actions button:hover{opacity:.88;transform:scale(1.05)}.category-pay-card-actions .btn-edit{background:var(--color-primary);color:#fff}.category-pay-card-actions .btn-delete{background:#ef4444;color:#fff}.category-pay-loading,.category-pay-error,.category-pay-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.category-pay-error{color:#dc2626}@media(max-width:1100px){.category-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.category-pay-module-head{flex-direction:column;align-items:flex-start;padding:16px}.category-pay-grid{grid-template-columns:1fr}.category-pay-search-main{flex-direction:column}.category-pay-column-filters{grid-template-columns:1fr}}.app-shell.dark .category-pay-module-head{background:#1f2937}.app-shell.dark .category-pay-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .category-pay-card p{color:#9ca3af}.app-shell.dark .category-pay-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.category-pay-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.category-pay-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.category-pay-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.category-pay-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.category-pay-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.category-pay-form-breadcrumb a:hover{color:var(--color-primary)}.category-pay-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.category-pay-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.category-pay-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;max-width:500px}.category-pay-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.category-pay-form-grid input{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.category-pay-form-grid input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.category-pay-field-error{color:#dc2626;font-size:12px}.category-pay-form-loading{margin:0;border-radius:12px;padding:12px;background:#dbeafe;color:#1e40af;font-size:14px}.category-pay-form-actions{display:flex;justify-content:flex-end;gap:10px}.category-pay-form-card .btn-save,.category-pay-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.category-pay-form-card .btn-save{background:var(--color-primary);color:#fff}.category-pay-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.category-pay-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.category-pay-form-card .btn-cancel{background:#ef4444;color:#fff}.category-pay-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.category-pay-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.category-pay-form-head{flex-direction:column;align-items:flex-start;padding:16px}.category-pay-form-grid{max-width:none}}.app-shell.dark .category-pay-form-head{background:#1f2937}.app-shell.dark .category-pay-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .category-pay-form-grid label{color:#cbd5e1}.app-shell.dark .category-pay-form-grid input{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .category-pay-form-loading{background:#1e3a5f;color:#bfdbfe}.app-shell.dark .category-pay-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.payment-bill-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.payment-bill-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.payment-bill-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.payment-bill-head-right{display:flex;align-items:center;gap:14px}.payment-bill-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.payment-bill-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.payment-bill-breadcrumb a svg{font-size:16px}.payment-bill-breadcrumb a:hover{color:var(--color-primary)}.payment-bill-breadcrumb strong{color:var(--color-primary);font-weight:700}.payment-bill-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.payment-bill-create-btn:hover{opacity:.92;transform:translateY(-1px)}.payment-bill-filters{display:grid;gap:10px}.payment-bill-search-main{display:flex;gap:10px}.payment-bill-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.payment-bill-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.payment-bill-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-bill-filters button[type=submit]:hover{opacity:.92}.payment-bill-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-bill-filters-toggle:hover,.payment-bill-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.payment-bill-filters-toggle-left{display:flex;align-items:center;gap:8px}.payment-bill-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.payment-bill-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.payment-bill-filters-toggle.open .payment-bill-filters-chevron{transform:rotate(180deg)}.app-shell.dark .payment-bill-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .payment-bill-filters-toggle:hover,.app-shell.dark .payment-bill-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .payment-bill-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .payment-bill-filters-chevron{color:#9ca3af}.payment-bill-column-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.payment-bill-column-filters.open{max-height:100px;opacity:1;margin-top:0}.payment-bill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.payment-bill-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.payment-bill-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.payment-bill-card p{margin:0 0 6px;color:#475569;font-size:14px}.payment-bill-card-actions{margin-top:14px;display:flex;gap:8px}.payment-bill-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-bill-card-actions button:hover{opacity:.88;transform:scale(1.05)}.payment-bill-card-actions .btn-edit{background:var(--color-primary);color:#fff}.payment-bill-card-actions .btn-delete{background:#ef4444;color:#fff}.payment-bill-loading,.payment-bill-error,.payment-bill-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.payment-bill-error{color:#dc2626}@media(max-width:1100px){.payment-bill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.payment-bill-module-head{flex-direction:column;align-items:flex-start;padding:16px}.payment-bill-grid{grid-template-columns:1fr}.payment-bill-search-main{flex-direction:column}.payment-bill-column-filters{grid-template-columns:1fr}}.app-shell.dark .payment-bill-module-head{background:#1f2937}.app-shell.dark .payment-bill-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .payment-bill-card p{color:#9ca3af}.app-shell.dark .payment-bill-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.payment-bill-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.payment-bill-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.payment-bill-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.payment-bill-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.payment-bill-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.payment-bill-form-breadcrumb a:hover{color:var(--color-primary)}.payment-bill-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.payment-bill-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.payment-bill-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.payment-bill-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.payment-bill-form-grid input,.payment-bill-form-grid select{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.payment-bill-form-grid input:focus,.payment-bill-form-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.payment-bill-form-grid [class*=-Input] input,.payment-bill-form-grid [class*=-Input] input:focus{border:none!important;box-shadow:none!important;outline:none!important}.payment-bill-field-error{color:#dc2626;font-size:12px}.payment-bill-form-loading{margin:0;border-radius:12px;padding:12px;background:#dbeafe;color:#1e40af;font-size:14px}.payment-bill-form-actions{display:flex;justify-content:flex-end;gap:10px}.payment-bill-form-card .btn-save,.payment-bill-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.payment-bill-form-card .btn-save{background:var(--color-primary);color:#fff}.payment-bill-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.payment-bill-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.payment-bill-form-card .btn-cancel{background:#ef4444;color:#fff}.payment-bill-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.payment-bill-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.payment-bill-form-head{flex-direction:column;align-items:flex-start;padding:16px}.payment-bill-form-grid{grid-template-columns:1fr}}.app-shell.dark .payment-bill-form-head{background:#1f2937}.app-shell.dark .payment-bill-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .payment-bill-form-grid label{color:#cbd5e1}.app-shell.dark .payment-bill-form-grid input,.app-shell.dark .payment-bill-form-grid select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .payment-bill-form-loading{background:#1e3a5f;color:#bfdbfe}.app-shell.dark .payment-bill-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.cmsm-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.cmsm-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.cmsm-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.cmsm-head-right{display:flex;align-items:center;gap:14px}.cmsm-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.cmsm-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.cmsm-breadcrumb a svg{font-size:16px}.cmsm-breadcrumb a:hover{color:var(--color-primary)}.cmsm-breadcrumb strong{color:var(--color-primary);font-weight:700}.cmsm-filters{display:grid;gap:10px}.cmsm-search-main{display:flex;gap:10px}.cmsm-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.cmsm-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.cmsm-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.cmsm-filters button[type=submit]:hover{opacity:.92}.cmsm-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cmsm-filters-toggle:hover,.cmsm-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.cmsm-filters-toggle-left{display:flex;align-items:center;gap:8px}.cmsm-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.cmsm-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.cmsm-filters-toggle.open .cmsm-filters-chevron{transform:rotate(180deg)}.app-shell.dark .cmsm-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .cmsm-filters-toggle:hover,.app-shell.dark .cmsm-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .cmsm-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .cmsm-filters-chevron{color:#9ca3af}.cmsm-column-filters{display:grid;grid-template-columns:1fr;gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.cmsm-column-filters.open{max-height:60px;opacity:1;margin-top:0}.cmsm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cmsm-card{background:var(--color-surface);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.cmsm-card-header{display:flex;gap:14px;align-items:flex-start}.cmsm-card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.cmsm-card-content{flex:1;min-width:0}.cmsm-card h2{margin:0 0 6px;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmsm-card p{margin:0;color:#475569;font-size:13px}.cmsm-card-actions{display:flex;gap:8px}.cmsm-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.cmsm-card-actions button:hover{opacity:.88;transform:scale(1.05)}.cmsm-card-actions .btn-edit{background:var(--color-primary);color:#fff}.cmsm-card-actions .btn-delete{background:#ef4444;color:#fff}.cmsm-loading,.cmsm-error,.cmsm-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.cmsm-error{color:#dc2626}@media(max-width:1100px){.cmsm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cmsm-module-head{flex-direction:column;align-items:flex-start;padding:16px}.cmsm-grid{grid-template-columns:1fr}.cmsm-search-main{flex-direction:column}.cmsm-column-filters{grid-template-columns:1fr}}.app-shell.dark .cmsm-module-head{background:#1f2937}.app-shell.dark .cmsm-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .cmsm-card p{color:#9ca3af}.app-shell.dark .cmsm-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.cmsm-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.cmsm-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.cmsm-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.cmsm-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.cmsm-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.cmsm-form-breadcrumb a:hover{color:var(--color-primary)}.cmsm-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.cmsm-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.cmsm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.cmsm-form-full{display:grid;gap:6px}.cmsm-form-grid label,.cmsm-form-full label{display:grid;gap:6px;color:#475569;font-size:14px}.cmsm-form-hint{margin:0;font-size:12px;color:#94a3b8}.cmsm-form-grid input,.cmsm-form-full input,.cmsm-form-full textarea{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;font-family:inherit;outline:none;background:var(--color-surface);transition:all .2s ease;resize:vertical}.cmsm-form-grid input:focus,.cmsm-form-full input:focus,.cmsm-form-full textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.cmsm-form-full textarea{min-height:180px;line-height:1.6}.cmsm-editor-wrapper{border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;background:#fff;transition:all .2s ease}.cmsm-editor-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.cmsm-toolbar{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.cmsm-toolbar button{border:none;background:transparent;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:16px;color:#475569;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.cmsm-toolbar button:hover{background:#e2e8f0;color:#1e293b}.cmsm-toolbar select{border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;font-size:13px;background:#fff;color:#475569;cursor:pointer;outline:none}.cmsm-toolbar select:hover{border-color:var(--color-primary)}.cmsm-toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.cmsm-editor{border:none;border-radius:0;padding:12px 14px;font-size:14px;font-family:inherit;outline:none;background:#fff;min-height:200px;line-height:1.6;overflow:auto}.cmsm-editor:focus{box-shadow:none}.cmsm-editor p{margin:0 0 10px}.cmsm-editor h1,.cmsm-editor h2,.cmsm-editor h3,.cmsm-editor h4{margin:0 0 12px}.cmsm-editor table{width:100%;border-collapse:collapse}.cmsm-editor a{color:var(--color-primary)!important;background:transparent!important;padding:0!important;text-decoration:underline!important;border-radius:0!important}.cmsm-editor td,.cmsm-editor th{background-color:transparent!important;background:transparent!important}.cmsm-vars-input{background:#f1f5f9!important;color:#475569!important;cursor:not-allowed}.cmsm-field-error{color:#dc2626;font-size:12px}.cmsm-form-loading{margin:0;border-radius:12px;padding:12px;background:#dbeafe;color:#1e40af;font-size:14px}.cmsm-form-actions{display:flex;justify-content:flex-end;gap:10px}.cmsm-form-card .btn-save,.cmsm-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.cmsm-form-card .btn-save{background:var(--color-primary);color:#fff}.cmsm-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.cmsm-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.cmsm-form-card .btn-cancel{background:#ef4444;color:#fff}.cmsm-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.cmsm-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.cmsm-link-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cmsm-link-modal{background:var(--color-surface, #fff);border-radius:16px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 50px #0003;display:grid;gap:16px}.cmsm-link-modal h3{margin:0;font-size:18px;font-weight:600}.cmsm-link-modal input{border-radius:10px;border:1px solid #e2e8f0;padding:10px 14px;font-size:14px;outline:none;transition:all .2s ease}.cmsm-link-modal input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.cmsm-link-modal-actions{display:flex;justify-content:flex-end;gap:10px}.cmsm-link-modal .btn-save,.cmsm-link-modal .btn-cancel{border-radius:8px;padding:8px 16px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.cmsm-link-modal .btn-save{background:var(--color-primary);color:#fff}.cmsm-link-modal .btn-cancel{background:#64748b;color:#fff}@media(max-width:700px){.cmsm-form-head{flex-direction:column;align-items:flex-start;padding:16px}.cmsm-form-grid{grid-template-columns:1fr}}.app-shell.dark .cmsm-form-head{background:#1f2937}.app-shell.dark .cmsm-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .cmsm-form-grid label,.app-shell.dark .cmsm-form-full label{color:#cbd5e1}.app-shell.dark .cmsm-form-hint{color:#6b7280}.app-shell.dark .cmsm-form-grid input,.app-shell.dark .cmsm-form-full input,.app-shell.dark .cmsm-form-full textarea{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .cmsm-vars-input{background:#1f2937!important;color:#9ca3af!important}.app-shell.dark .cmsm-form-loading{background:#1e3a5f;color:#bfdbfe}.app-shell.dark .cmsm-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.app-shell.dark .cmsm-editor-wrapper{background:#1f2937;border-color:#334155}.app-shell.dark .cmsm-toolbar{background:#111827;border-bottom-color:#334155}.app-shell.dark .cmsm-toolbar button{color:#9ca3af}.app-shell.dark .cmsm-toolbar button:hover{background:#374151;color:#e5e7eb}.app-shell.dark .cmsm-toolbar select{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .cmsm-toolbar-divider{background:#374151}.app-shell.dark .cmsm-editor{background:#1f2937;color:#e5e7eb}.app-shell.dark .cmsm-editor a{color:#38bdf8!important}.app-shell.dark .cmsm-editor td,.app-shell.dark .cmsm-editor th,.app-shell.dark .cmsm-editor tr,.app-shell.dark .cmsm-editor table{background-color:transparent!important;background:transparent!important;border-color:#374151!important}.app-shell.dark .cmsm-editor h1,.app-shell.dark .cmsm-editor h2,.app-shell.dark .cmsm-editor h3,.app-shell.dark .cmsm-editor h4,.app-shell.dark .cmsm-editor p,.app-shell.dark .cmsm-editor span,.app-shell.dark .cmsm-editor strong{color:#e5e7eb!important}.app-shell.dark .cmsm-link-modal{background:#1f2937;border:1px solid #374151}.app-shell.dark .cmsm-link-modal h3{color:#e5e7eb}.app-shell.dark .cmsm-link-modal input{background:#111827;border-color:#374151;color:#e5e7eb}.users-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.users-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.users-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.users-head-right{display:flex;align-items:center;gap:14px}.users-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.users-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.users-breadcrumb a svg{font-size:16px}.users-breadcrumb a:hover{color:var(--color-primary)}.users-breadcrumb strong{color:var(--color-primary);font-weight:700}.users-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.users-create-btn:hover{opacity:.92;transform:translateY(-1px)}.users-filters{display:grid;gap:10px}.users-search-main{display:flex;gap:10px}.users-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.users-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.users-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.users-filters button[type=submit]:hover{opacity:.92}.users-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.users-filters-toggle:hover,.users-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.users-filters-toggle-left{display:flex;align-items:center;gap:8px}.users-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.users-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.users-filters-toggle.open .users-filters-chevron{transform:rotate(180deg)}.app-shell.dark .users-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .users-filters-toggle:hover,.app-shell.dark .users-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .users-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .users-filters-chevron{color:#9ca3af}.users-column-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.users-column-filters.open{max-height:100px;opacity:1;margin-top:0}.users-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.user-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.user-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.user-card p{margin:0 0 6px;color:#475569;font-size:14px}.user-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.user-status-1{background:#dcfce7;color:#166534}.user-status-2{background:#fef3c7;color:#92400e}.user-card-actions{margin-top:14px;display:flex;gap:8px}.user-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.user-card-actions button:hover{opacity:.88;transform:scale(1.05)}.user-card-actions .btn-edit{background:var(--color-primary);color:#fff}.user-card-actions .btn-delete{background:#ef4444;color:#fff}.users-loading,.users-error,.users-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.users-error{color:#dc2626}@media(max-width:1100px){.users-grid,.users-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.users-module-head{flex-direction:column;align-items:flex-start;padding:16px}.users-grid{grid-template-columns:1fr}.users-search-main{flex-direction:column}.users-column-filters{grid-template-columns:1fr}}.app-shell.dark .users-module-head{background:#1f2937}.app-shell.dark .user-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .user-card p{color:#9ca3af}.app-shell.dark .user-status-1{background:#166534;color:#dcfce7}.app-shell.dark .user-status-2{background:#92400e;color:#fef3c7}.app-shell.dark .users-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.user-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.user-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.user-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.user-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.user-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.user-form-breadcrumb a:hover{color:var(--color-primary)}.user-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.user-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.user-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.user-form-hint{margin:0;font-size:12px;color:#94a3b8}.user-form-grid input,.user-form-grid select{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.user-form-grid input:focus,.user-form-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.user-field-error{color:#dc2626;font-size:12px}.user-form-loading{margin:0;border-radius:12px;padding:12px;background:#e0f2fe;color:#0369a1;font-size:14px}.user-form-send-email-btn{background:none;border:none;padding:0;color:var(--color-primary);font-size:12px;cursor:pointer;text-decoration:underline;transition:color .2s ease}.user-form-send-email-btn:hover:not(:disabled){color:var(--color-primary-dark, #0284c7)}.user-form-send-email-btn:disabled{opacity:.6;cursor:not-allowed}.user-form-actions{display:flex;justify-content:flex-end;gap:10px}.user-form-card .btn-save,.user-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.user-form-card .btn-save{background:var(--color-primary);color:#fff}.user-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.user-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.user-form-card .btn-cancel{background:#ef4444;color:#fff}.user-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.user-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.user-form-head{flex-direction:column;align-items:flex-start;padding:16px}.user-form-grid{grid-template-columns:1fr}}.app-shell.dark .user-form-head{background:#1f2937}.app-shell.dark .user-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .user-form-grid label{color:#cbd5e1}.app-shell.dark .user-form-hint{color:#6b7280}.app-shell.dark .user-form-grid input,.app-shell.dark .user-form-grid select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .user-form-loading{background:#0c4a6e;color:#bae6fd}.app-shell.dark .user-form-send-email-btn{color:#38bdf8}.app-shell.dark .user-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.bills-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.bills-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.bills-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.bills-head-right{display:flex;align-items:center;gap:14px}.bills-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.bills-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.bills-breadcrumb a svg{font-size:16px}.bills-breadcrumb a:hover{color:var(--color-primary)}.bills-breadcrumb strong{color:var(--color-primary);font-weight:700}.bills-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.bills-create-btn:hover{opacity:.92;transform:translateY(-1px)}.bills-filters{display:grid;gap:10px}.bills-search-main{display:flex;gap:10px}.bills-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.bills-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.bills-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.bills-filters button[type=submit]:hover{opacity:.92}.bills-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.bills-filters-toggle:hover,.bills-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.bills-filters-toggle-left{display:flex;align-items:center;gap:8px}.bills-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.bills-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.bills-filters-toggle.open .bills-filters-chevron{transform:rotate(180deg)}.app-shell.dark .bills-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .bills-filters-toggle:hover,.app-shell.dark .bills-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .bills-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .bills-filters-chevron{color:#9ca3af}.bills-column-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.bills-column-filters.open{max-height:100px;opacity:1;margin-top:0}.bills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bill-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.bill-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bill-id{font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:8px}.bill-date{font-size:12px;color:#64748b}.bill-card h2{margin:0 0 10px;font-size:17px;font-weight:700}.bill-card p{margin:0 0 6px;color:#475569;font-size:14px}.bill-total{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.bill-amount{font-size:18px;font-weight:700;color:var(--color-primary)}.bill-card-actions{margin-top:14px;display:flex;gap:8px}.bill-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.bill-card-actions button:hover{opacity:.88;transform:scale(1.05)}.bill-card-actions .btn-edit{background:var(--color-primary);color:#fff}.bill-card-actions .btn-payment{background:#22c55e;color:#fff}.bill-card-actions .btn-delete{background:#ef4444;color:#fff}.bills-loading,.bills-error,.bills-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.bills-error{color:#dc2626}@media(max-width:1100px){.bills-grid,.bills-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.bills-module-head{flex-direction:column;align-items:flex-start;padding:16px}.bills-grid{grid-template-columns:1fr}.bills-search-main{flex-direction:column}.bills-column-filters{grid-template-columns:1fr}}.app-shell.dark .bills-module-head{background:#1f2937}.app-shell.dark .bill-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .bill-card p{color:#9ca3af}.app-shell.dark .bill-card h2{color:#e5e7eb}.app-shell.dark .bill-id{background:#0c4a6e;color:#38bdf8}.app-shell.dark .bill-date{color:#9ca3af}.app-shell.dark .bill-total{border-color:#374151}.app-shell.dark .bill-amount{color:#38bdf8}.app-shell.dark .bills-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.bill-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.bill-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.bill-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.bill-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.bill-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.bill-form-breadcrumb a:hover{color:var(--color-primary)}.bill-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.bill-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.bill-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.bill-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.bill-form-grid label.bill-form-full-width{grid-column:1 / -1}.bill-form-hint{margin:0;font-size:12px;color:#94a3b8}.bill-form-grid input,.bill-form-grid select,.bill-form-grid textarea{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.bill-form-grid textarea{resize:vertical;min-height:100px;font-family:inherit}.bill-form-grid input:focus,.bill-form-grid select:focus,.bill-form-grid textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.bill-form-input-group{display:flex;align-items:stretch}.bill-form-input-prefix{display:flex;align-items:center;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-right:none;border-radius:12px 0 0 12px;color:#64748b;font-weight:600;font-size:14px}.bill-form-input-group input{border-radius:0 12px 12px 0;flex:1}.bill-field-error{color:#dc2626;font-size:12px}.bill-form-loading{margin:0;border-radius:12px;padding:12px;background:#e0f2fe;color:#0369a1;font-size:14px}.bill-form-actions{display:flex;justify-content:flex-end;gap:10px}.bill-form-card .btn-save,.bill-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.bill-form-card .btn-save{background:var(--color-primary);color:#fff}.bill-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.bill-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.bill-form-card .btn-cancel{background:#ef4444;color:#fff}.bill-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.bill-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.bill-form-head{flex-direction:column;align-items:flex-start;padding:16px}.bill-form-grid{grid-template-columns:1fr}}.app-shell.dark .bill-form-head{background:#1f2937}.app-shell.dark .bill-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .bill-form-grid label{color:#cbd5e1}.app-shell.dark .bill-form-hint{color:#6b7280}.app-shell.dark .bill-form-grid input,.app-shell.dark .bill-form-grid select,.app-shell.dark .bill-form-grid textarea{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .bill-form-input-prefix{background:#1f2937;border-color:#334155;color:#9ca3af}.app-shell.dark .bill-form-loading{background:#0c4a6e;color:#bae6fd}.app-shell.dark .bill-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.products-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.products-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.products-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.products-head-right{display:flex;align-items:center;gap:14px}.products-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.products-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.products-breadcrumb a svg{font-size:16px}.products-breadcrumb a:hover{color:var(--color-primary)}.products-breadcrumb strong{color:var(--color-primary);font-weight:700}.products-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.products-create-btn:hover{opacity:.92;transform:translateY(-1px)}.products-filters{display:grid;gap:10px}.products-search-main{display:flex;gap:10px}.products-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.products-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.products-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.products-filters button[type=submit]:hover{opacity:.92}.products-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.products-filters-toggle:hover,.products-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.products-filters-toggle-left{display:flex;align-items:center;gap:8px}.products-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.products-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.products-filters-toggle.open .products-filters-chevron{transform:rotate(180deg)}.app-shell.dark .products-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .products-filters-toggle:hover,.app-shell.dark .products-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .products-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .products-filters-chevron{color:#9ca3af}.products-column-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.products-column-filters.open{max-height:100px;opacity:1;margin-top:0}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-id{font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:8px}.product-code{font-size:12px;color:#64748b;font-weight:500}.product-card h2{margin:0 0 10px;font-size:17px;font-weight:700}.product-card-actions{margin-top:14px;display:flex;gap:8px}.product-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.product-card-actions button:hover{opacity:.88;transform:scale(1.05)}.product-card-actions .btn-edit{background:var(--color-primary);color:#fff}.product-card-actions .btn-delete{background:#ef4444;color:#fff}.products-loading,.products-error,.products-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.products-error{color:#dc2626}@media(max-width:1100px){.products-grid,.products-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.products-module-head{flex-direction:column;align-items:flex-start;padding:16px}.products-grid{grid-template-columns:1fr}.products-search-main{flex-direction:column}.products-column-filters{grid-template-columns:1fr}}.app-shell.dark .products-module-head{background:#1f2937}.app-shell.dark .product-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .product-card h2{color:#e5e7eb}.app-shell.dark .product-id{background:#0c4a6e;color:#38bdf8}.app-shell.dark .product-code{color:#9ca3af}.app-shell.dark .products-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.product-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.product-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.product-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.product-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.product-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.product-form-breadcrumb a:hover{color:var(--color-primary)}.product-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.product-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;max-width:100%;overflow:hidden;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.product-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.product-form-grid label.product-form-full-width{grid-column:1 / -1}.product-form-hint{margin:0;font-size:12px;color:#94a3b8}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.product-form-grid textarea{resize:vertical;min-height:100px;font-family:inherit}.product-form-grid input:focus,.product-form-grid select:focus,.product-form-grid textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.product-field-error{color:#dc2626;font-size:12px}.product-form-loading{margin:0;border-radius:12px;padding:12px;background:#e0f2fe;color:#0369a1;font-size:14px}.product-form-actions{display:flex;justify-content:flex-end;gap:10px}.product-form-card .btn-save,.product-form-card .btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.product-form-card .btn-save{background:var(--color-primary);color:#fff}.product-form-card .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.product-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.product-form-card .btn-cancel{background:#ef4444;color:#fff}.product-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.product-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.product-form-head{flex-direction:column;align-items:flex-start;padding:16px}.product-form-grid{grid-template-columns:1fr}}.app-shell.dark .product-form-head{background:#1f2937}.app-shell.dark .product-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .product-form-grid label{color:#cbd5e1}.app-shell.dark .product-form-hint{color:#6b7280}.app-shell.dark .product-form-grid input,.app-shell.dark .product-form-grid select,.app-shell.dark .product-form-grid textarea{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .product-form-loading{background:#0c4a6e;color:#bae6fd}.app-shell.dark .product-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.product-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:8px}.product-tab{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.product-tab:hover{color:var(--color-primary)}.product-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.product-tab.disabled,.product-tab:disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.product-tab-content{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:100%;overflow:hidden}.product-tab-content .product-table-wrapper{width:100%;max-width:100%}.product-section-title{margin:0;font-size:18px;font-weight:600;color:#1e293b;width:100%}.product-table-wrapper{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.product-table{width:100%;min-width:600px;border-collapse:collapse;font-size:14px;table-layout:auto}.product-table th,.product-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.product-table th:first-child,.product-table td:first-child{width:40px;text-align:center}.product-table th{background:#f8fafc;font-weight:600;color:#475569}.product-table td{color:#1e293b}.product-table-empty{text-align:center;color:#94a3b8;padding:24px!important}.btn-create-item{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;width:auto;display:inline-block}.btn-create-item:hover{background:var(--color-primary-dark, #0284c7);transform:translateY(-1px)}.btn-delete-row{background:transparent;border:none;color:#dc2626;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.btn-delete-row:hover{color:#b91c1c}.product-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;overflow:auto}.product-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:750px;margin:auto;box-shadow:0 20px 60px #0003}.product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.product-modal-header h4{margin:0;font-size:18px;font-weight:600}.product-modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:4px 8px;line-height:1}.product-modal-close:hover{color:#1e293b}.product-modal-body{padding:24px;display:grid;gap:20px}.product-modal-body label{display:grid;gap:6px;color:#475569;font-size:14px}.product-modal-body input{border-radius:10px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.product-modal-body input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.product-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-modal-grid label{display:grid;gap:6px}.btn-save-modal{padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-save-modal:hover:not(:disabled){background:var(--color-primary-dark, #0284c7)}.btn-save-modal:disabled{opacity:.6;cursor:not-allowed}.app-shell.dark .product-tabs{border-bottom-color:#334155}.app-shell.dark .product-tab{color:#94a3b8}.app-shell.dark .product-tab:hover,.app-shell.dark .product-tab.active{color:var(--color-primary)}.app-shell.dark .product-tab.disabled,.app-shell.dark .product-tab:disabled{color:#4b5563;opacity:.5}.app-shell.dark .product-section-title{color:#e5e7eb}.app-shell.dark .product-table th{background:#1f2937;color:#cbd5e1}.app-shell.dark .product-table td{color:#e5e7eb;border-bottom-color:#334155}.app-shell.dark .product-table th{border-bottom-color:#334155}.app-shell.dark .product-modal{background:#111827;border:1px solid #1f2937}.app-shell.dark .product-modal-header{border-bottom-color:#334155}.app-shell.dark .product-modal-header h4{color:#e5e7eb}.app-shell.dark .product-modal-close{color:#94a3b8}.app-shell.dark .product-modal-close:hover{color:#e5e7eb}.app-shell.dark .product-modal-body label{color:#cbd5e1}.app-shell.dark .product-modal-body input{background:#111827;border-color:#334155;color:#e5e7eb}@media(max-width:700px){.product-tabs{flex-wrap:wrap}.product-tab{padding:10px 14px;font-size:13px}.product-modal-grid{grid-template-columns:1fr}.product-modal{max-width:100%;margin:16px}}.remissions-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.remissions-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.remissions-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.remissions-head-right{display:flex;align-items:center;gap:14px}.remissions-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.remissions-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.remissions-breadcrumb a svg{font-size:16px}.remissions-breadcrumb a:hover{color:var(--color-primary)}.remissions-breadcrumb strong{color:var(--color-primary);font-weight:700}.remissions-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.remissions-create-btn:hover{opacity:.92;transform:translateY(-1px)}.remissions-filters{display:grid;gap:10px}.remissions-search-main{display:flex;gap:10px}.remissions-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.remissions-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.remissions-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.remissions-filters button[type=submit]:hover{opacity:.92}.remissions-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.remissions-filters-toggle:hover,.remissions-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.remissions-filters-toggle-left{display:flex;align-items:center;gap:8px}.remissions-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.remissions-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.remissions-filters-toggle.open .remissions-filters-chevron{transform:rotate(180deg)}.app-shell.dark .remissions-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .remissions-filters-toggle:hover,.app-shell.dark .remissions-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .remissions-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .remissions-filters-chevron{color:#9ca3af}.remissions-column-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.remissions-column-filters.open{max-height:100px;opacity:1;margin-top:0}.remissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.remission-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.remission-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.remission-id{font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:8px}.remission-date{font-size:12px;color:#64748b}.remission-card h2{margin:0 0 10px;font-size:17px;font-weight:700}.remission-card p{margin:0 0 6px;color:#475569;font-size:14px}.remission-total{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.remission-amount{font-size:18px;font-weight:700;color:var(--color-primary)}.remission-status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.remission-status.paid{background:#dcfce7;color:#166534}.remission-status.pending{background:#fef3c7;color:#92400e}.remission-status.cancelled{background:#fee2e2;color:#991b1b}.app-shell.dark .remission-status.paid{background:#166534;color:#dcfce7}.app-shell.dark .remission-status.pending{background:#92400e;color:#fef3c7}.app-shell.dark .remission-status.cancelled{background:#991b1b;color:#fee2e2}.remission-card-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.remission-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.remission-card-actions button:hover{opacity:.88;transform:scale(1.05)}.btn-edit:disabled{opacity:.5;cursor:wait}.btn-payment{background:#22c55e;color:#fff}.btn-pdf{background:#8b5cf6;color:#fff}.remissions-loading,.remissions-error,.remissions-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.remissions-error{color:#dc2626}.remissions-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px}.remissions-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.remissions-modal-large{max-width:1200px}.remissions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:var(--color-surface)}.remissions-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.remissions-modal-close{border:none;background:transparent;font-size:20px;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.remissions-modal-close:hover{color:#1e293b}.remissions-modal-body{padding:20px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.remissions-modal-body::-webkit-scrollbar{width:6px}.remissions-modal-body::-webkit-scrollbar-track{background:transparent}.remissions-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.remissions-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.remissions-modal-body iframe{width:100%;height:500px;border:none;border-radius:8px}.remissions-modal-body table{width:100%;border-collapse:collapse;margin:0;font-size:14px}.remissions-modal-body table th,.remissions-modal-body table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.remissions-modal-body table th{background:#f8fafc;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.remissions-modal-body table tr:hover{background:#f8fafc}.remissions-modal-body table tr:last-child td{border-bottom:none}.remissions-modal-body input,.remissions-modal-body select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:border-color .2s,box-shadow .2s}.remissions-modal-body input:focus,.remissions-modal-body select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.remissions-modal-body .btn,.remissions-modal-body button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.remissions-modal-body .btn:hover,.remissions-modal-body button[type=submit]:hover{background:#0284c7}.app-shell.dark .remissions-modal{background:#1f2937}.app-shell.dark .remissions-modal-header{border-color:#374151;background:#1f2937}.app-shell.dark .remissions-modal-header h3{color:#e5e7eb}.app-shell.dark .remissions-modal-close{color:#9ca3af}.app-shell.dark .remissions-modal-close:hover{color:#e5e7eb}.app-shell.dark .remissions-modal-body{scrollbar-color:#475569 transparent}.app-shell.dark .remissions-modal-body::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .remissions-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.app-shell.dark .remissions-modal-body table th{background:#111827;color:#9ca3af}.app-shell.dark .remissions-modal-body table th,.app-shell.dark .remissions-modal-body table td{border-color:#374151}.app-shell.dark .remissions-modal-body table tr:hover{background:#374151}.app-shell.dark .remissions-modal-body input,.app-shell.dark .remissions-modal-body select{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .remissions-modal-body input:focus,.app-shell.dark .remissions-modal-body select:focus{border-color:var(--color-primary)}.remissions-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--color-surface);border-radius:16px;padding:16px;box-shadow:0 2px 6px #0f172a0a,0 6px 20px #0f172a0a}.remissions-range{margin:0;color:#475569;font-size:14px}.remissions-page-size{display:inline-flex;align-items:center;gap:8px}.remissions-page-size select{border-radius:8px;border:1px solid #e2e8f0;padding:6px 10px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.remissions-page-size select:hover{border-color:#94a3b8}.remissions-page-size select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}@media(max-width:1100px){.remissions-grid,.remissions-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.remissions-module-head{flex-direction:column;align-items:flex-start;padding:16px}.remissions-grid{grid-template-columns:1fr}.remissions-search-main{flex-direction:column}.remissions-pagination{flex-direction:column;align-items:stretch}.remissions-column-filters{grid-template-columns:1fr}}.app-shell.dark .remissions-module-head{background:#1f2937}.app-shell.dark .remission-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .remission-card h2{color:#e5e7eb}.app-shell.dark .remission-card p{color:#9ca3af}.app-shell.dark .remission-id{background:#0c4a6e;color:#38bdf8}.app-shell.dark .remission-date{color:#9ca3af}.app-shell.dark .remission-total{border-color:#374151}.app-shell.dark .remission-amount{color:#38bdf8}.app-shell.dark .remissions-filters input,.app-shell.dark .remissions-page-size select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .remissions-range{color:#9ca3af}.app-shell.dark .remissions-page-size{color:#e5e7eb}.remissions-loading{text-align:center;padding:40px;color:#64748b;font-size:16px}.remissions-error{padding:16px;background:#fee2e2;color:#991b1b;border-radius:12px;font-size:14px}.app-shell.dark .remissions-error{background:#450a0a;color:#fecaca}.remissions-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#64748b;font-size:16px}.invoices-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.invoices-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.invoices-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.invoices-head-right{display:flex;align-items:center;gap:14px}.invoices-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.invoices-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.invoices-breadcrumb a svg{font-size:16px}.invoices-breadcrumb a:hover{color:var(--color-primary)}.invoices-breadcrumb strong{color:var(--color-primary);font-weight:700}.invoices-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.invoices-create-btn:hover{opacity:.92;transform:translateY(-1px)}.invoices-filters{display:grid;gap:10px}.invoices-search-main{display:flex;gap:10px}.invoices-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.invoices-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.invoices-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.invoices-filters button[type=submit]:hover{opacity:.92}.invoices-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.invoices-filters-toggle:hover,.invoices-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.invoices-filters-toggle-left{display:flex;align-items:center;gap:8px}.invoices-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.invoices-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.invoices-filters-toggle.open .invoices-filters-chevron{transform:rotate(180deg)}.app-shell.dark .invoices-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .invoices-filters-toggle:hover,.app-shell.dark .invoices-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .invoices-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .invoices-filters-chevron{color:#9ca3af}.invoices-column-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.invoices-column-filters.open{max-height:100px;opacity:1;margin-top:0}.invoices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.invoice-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.invoice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.invoice-id{font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:8px}.invoice-date{font-size:12px;color:#64748b}.invoice-card h2{margin:0 0 10px;font-size:17px;font-weight:700}.invoice-card p{margin:0 0 6px;color:#475569;font-size:14px}.invoice-total{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.invoice-amount{font-size:18px;font-weight:700;color:var(--color-primary)}.invoice-status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.invoice-status.paid{background:#dcfce7;color:#166534}.invoice-status.pending{background:#fef3c7;color:#92400e}.invoice-status.cancelled{background:#fee2e2;color:#991b1b}.app-shell.dark .invoice-status.paid{background:#166534;color:#dcfce7}.app-shell.dark .invoice-status.pending{background:#92400e;color:#fef3c7}.app-shell.dark .invoice-status.cancelled{background:#991b1b;color:#fee2e2}.invoice-card-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.invoice-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.invoice-card-actions button:hover{opacity:.88;transform:scale(1.05)}.invoice-card-actions .btn-edit{background:var(--color-primary);color:#fff}.invoice-card-actions .btn-edit:disabled{opacity:.5;cursor:wait}.invoice-card-actions .btn-delete{background:#ef4444;color:#fff}.invoice-card-actions .btn-payment{background:#22c55e;color:#fff}.invoice-card-actions .btn-pdf{background:#8b5cf6;color:#fff}.invoice-card-actions .btn-send-dian{background:#f59e0b;color:#fff}.invoice-card-actions .btn-email{background:#f97316;color:#fff}.invoice-card-actions .btn-nota{background:#dc2626;color:#fff}.invoice-card-actions .btn-xml{background:#10b981;color:#fff}.invoice-card-actions .btn-copy{background:#64748b;color:#fff}.email-input-label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--color-text)}.email-input-label input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:border-color .2s,box-shadow .2s}.email-input-label input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.email-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.email-modal-actions .btn-cancel{padding:10px 20px;border:1px solid #e2e8f0;border-radius:10px;background:transparent;color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.email-modal-actions .btn-cancel:hover{background:#f1f5f9}.email-modal-actions .btn-save{padding:10px 20px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.email-modal-actions .btn-save:hover{opacity:.9}.email-modal-actions .btn-save:disabled{opacity:.5;cursor:not-allowed}.app-shell.dark .email-input-label input{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .email-input-label{color:#e5e7eb}.app-shell.dark .email-modal-actions .btn-cancel{border-color:#374151;color:#e5e7eb}.app-shell.dark .email-modal-actions .btn-cancel:hover{background:#374151}.invoices-loading,.invoices-error,.invoices-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.invoices-error{color:#dc2626}.invoices-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px}.invoices-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.invoices-modal-large{max-width:1200px}.invoices-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:var(--color-surface)}.invoices-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.invoices-modal-close{border:none;background:transparent;font-size:20px;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.invoices-modal-close:hover{color:#1e293b}.invoices-modal-body{padding:20px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.invoices-modal-body::-webkit-scrollbar{width:6px}.invoices-modal-body::-webkit-scrollbar-track{background:transparent}.invoices-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.invoices-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoices-modal-body iframe{width:100%;height:500px;border:none;border-radius:8px}.invoices-modal-body table{width:100%;border-collapse:collapse;margin:0;font-size:14px}.invoices-modal-body table th,.invoices-modal-body table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.invoices-modal-body table th{background:#f8fafc;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.invoices-modal-body table tr:hover{background:#f8fafc}.invoices-modal-body table tr:last-child td{border-bottom:none}.invoices-modal-body input,.invoices-modal-body select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:border-color .2s,box-shadow .2s}.invoices-modal-body input:focus,.invoices-modal-body select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.invoices-modal-body .btn,.invoices-modal-body button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.invoices-modal-body .btn:hover,.invoices-modal-body button[type=submit]:hover{background:#0284c7}.app-shell.dark .invoices-modal{background:#1f2937}.app-shell.dark .invoices-modal-header{border-color:#374151;background:#1f2937}.app-shell.dark .invoices-modal-header h3{color:#e5e7eb}.app-shell.dark .invoices-modal-close{color:#9ca3af}.app-shell.dark .invoices-modal-close:hover{color:#e5e7eb}.app-shell.dark .invoices-modal-body{scrollbar-color:#475569 transparent}.app-shell.dark .invoices-modal-body::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .invoices-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.app-shell.dark .invoices-modal-body table th{background:#111827;color:#9ca3af}.app-shell.dark .invoices-modal-body table th,.app-shell.dark .invoices-modal-body table td{border-color:#374151}.app-shell.dark .invoices-modal-body table tr:hover{background:#374151}.app-shell.dark .invoices-modal-body input,.app-shell.dark .invoices-modal-body select{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .invoices-modal-body input:focus,.app-shell.dark .invoices-modal-body select:focus{border-color:var(--color-primary)}.invoices-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--color-surface);border-radius:16px;padding:16px;box-shadow:0 2px 6px #0f172a0a,0 6px 20px #0f172a0a}.invoices-range{margin:0;color:#475569;font-size:14px}.invoices-page-size{display:inline-flex;align-items:center;gap:8px}.invoices-page-size select{border-radius:8px;border:1px solid #e2e8f0;padding:6px 10px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.invoices-page-size select:hover{border-color:#94a3b8}.invoices-page-size select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}@media(max-width:1100px){.invoices-grid,.invoices-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.invoices-module-head{flex-direction:column;align-items:flex-start;padding:16px}.invoices-grid{grid-template-columns:1fr}.invoices-search-main{flex-direction:column}.invoices-pagination{flex-direction:column;align-items:stretch}.invoices-column-filters{grid-template-columns:1fr}}.app-shell.dark .invoices-module-head{background:#1f2937}.app-shell.dark .invoice-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.app-shell.dark .invoice-card h2{color:#e5e7eb}.app-shell.dark .invoice-card p{color:#9ca3af}.app-shell.dark .invoice-id{background:#0c4a6e;color:#38bdf8}.app-shell.dark .invoice-date{color:#9ca3af}.app-shell.dark .invoice-total{border-color:#374151}.app-shell.dark .invoice-amount{color:#38bdf8}.app-shell.dark .invoices-filters input,.app-shell.dark .invoices-page-size select{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .invoices-range{color:#9ca3af}.app-shell.dark .invoices-page-size{color:#e5e7eb}.invoices-loading{text-align:center;padding:40px;color:#64748b;font-size:16px}.invoices-error{padding:16px;background:#fee2e2;color:#991b1b;border-radius:12px;font-size:14px}.app-shell.dark .invoices-error{background:#450a0a;color:#fecaca}.invoices-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#64748b;font-size:16px}.modal-injected-content{font-family:Work Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:#1e293b}.modal-injected-content .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.modal-injected-content .row.g-3{--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.modal-injected-content .row.g-3>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-bottom:var(--bs-gutter-y)}.modal-injected-content [class*=col-]{position:relative;width:100%;padding-right:12px;padding-left:12px}.modal-injected-content .col-12{flex:0 0 100%;max-width:100%}.modal-injected-content .col-md-4{flex:0 0 33.333%;max-width:33.333%}.modal-injected-content .col-md-6{flex:0 0 50%;max-width:50%}.modal-injected-content .col-md-8{flex:0 0 66.666%;max-width:66.666%}.modal-injected-content .col-md-12{flex:0 0 100%;max-width:100%}.modal-injected-content .col-lg-4{flex:0 0 33.333%;max-width:33.333%}.modal-injected-content .col-lg-6{flex:0 0 50%;max-width:50%}.modal-injected-content .col-lg-8{flex:0 0 66.666%;max-width:66.666%}.modal-injected-content .col-lg-12{flex:0 0 100%;max-width:100%}@media(max-width:768px){.modal-injected-content .col-md-4,.modal-injected-content .col-md-6,.modal-injected-content .col-md-8,.modal-injected-content .col-lg-4,.modal-injected-content .col-lg-6,.modal-injected-content .col-lg-8{flex:0 0 100%;max-width:100%}}.modal-injected-content .card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;margin-bottom:16px}.modal-injected-content .card.border-0{border:none}.modal-injected-content .card.shadow-sm{box-shadow:0 2px 8px #00000014}.modal-injected-content .card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:12px 12px 0 0}.modal-injected-content .card-header.bg-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.modal-injected-content .card-header.bg-info h4,.modal-injected-content .card-header.bg-info h5,.modal-injected-content .card-header.bg-info span,.modal-injected-content .card-header.bg-info .mb-0{color:#fff!important}.modal-injected-content .card-header.bg-info svg{color:#fff;stroke:#fff}.modal-injected-content .card-header.bg-light{background:#f8fafc}.modal-injected-content .card-header h4,.modal-injected-content .card-header h5{margin:0;font-weight:600;display:flex;align-items:center;gap:8px}.modal-injected-content .card-body{padding:20px}.modal-injected-content .form-label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.modal-injected-content .form-label small{font-weight:400;color:#64748b;font-size:12px}.modal-injected-content .form-control,.modal-injected-content .form-select{display:block;width:100%;padding:10px 14px;font-size:14px;font-weight:400;line-height:1.5;color:#1e293b;background-color:#fff;background-clip:padding-box;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.modal-injected-content .form-control:focus,.modal-injected-content .form-select:focus{color:#1e293b;background-color:#fff;border-color:var(--color-primary, #0ea5e9);outline:0;box-shadow:0 0 0 3px #0ea5e926}.modal-injected-content .form-control::placeholder{color:#94a3b8;opacity:1}.modal-injected-content textarea.form-control{min-height:100px;resize:vertical}.modal-injected-content .form-check{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modal-injected-content .form-check-input{width:18px;height:18px;margin:0}.modal-injected-content .nav-tabs{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:20px;list-style:none;border-bottom:2px solid #e2e8f0;gap:4px}.modal-injected-content .nav-tabs .nav-item{margin-bottom:-2px}.modal-injected-content .nav-tabs .nav-link{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;transition:all .2s}.modal-injected-content .nav-tabs .nav-link:hover{color:#0ea5e9;border-bottom-color:#bae6fd}.modal-injected-content .nav-tabs .nav-link.active{color:#0ea5e9;border-bottom-color:#0ea5e9;background:#0ea5e90d}.modal-injected-content .injected-icon{display:inline-block;vertical-align:-2px;flex-shrink:0}.modal-injected-content .nav-link .injected-icon,.modal-injected-content .card-header .injected-icon,.modal-injected-content h4 .injected-icon,.modal-injected-content h5 .injected-icon{color:inherit}.modal-injected-content .btn .injected-icon{width:14px;height:14px}.modal-injected-content .tab-content{padding:0}.modal-injected-content .tab-pane.show.active{display:block}.modal-injected-content .modal{display:none;position:fixed;top:0;left:0;z-index:1055;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;background:#00000080}.modal-injected-content .modal.show{display:block}.modal-injected-content .modal.fade{opacity:0;transition:opacity .15s linear}.modal-injected-content .modal.fade.show{opacity:1}.modal-injected-content .modal .modal-dialog{position:relative;width:auto;margin:1.75rem auto;max-width:800px;pointer-events:none}.modal-injected-content .modal .modal-dialog.modal-lg{max-width:900px}.modal-injected-content .modal .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:none;border-radius:12px;box-shadow:0 10px 40px #0003;outline:0}.modal-injected-content .modal .modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0}.modal-injected-content .modal .modal-header.bg-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.modal-injected-content .modal .modal-title{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-injected-content .modal .btn-close{padding:8px;margin:-8px -8px -8px auto;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:4px;opacity:.5;cursor:pointer;width:24px;height:24px}.modal-injected-content .modal .btn-close:hover{opacity:.75}.modal-injected-content .modal .btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.modal-injected-content .modal .modal-body{position:relative;flex:1 1 auto;padding:20px}.modal-injected-content .modal .modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:16px 20px;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;gap:8px}.modal-injected-content .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.modal-injected-content .input-group>.form-control,.modal-injected-content .input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.modal-injected-content .input-group>.form-control:not(:first-child),.modal-injected-content .input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.modal-injected-content .input-group>.form-control:not(:last-child),.modal-injected-content .input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.modal-injected-content .input-group-text{display:flex;align-items:center;padding:10px 14px;font-size:14px;font-weight:400;line-height:1.5;color:#64748b;text-align:center;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px}.modal-injected-content .input-group>.input-group-text:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.modal-injected-content .input-group>.input-group-text:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.modal-injected-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-injected-content .table{width:100%;margin-bottom:16px;color:#1e293b;border-collapse:collapse}.modal-injected-content .table th,.modal-injected-content .table td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid #e2e8f0}.modal-injected-content .table thead th,.modal-injected-content .table-light th{background:#f8fafc;font-weight:600;font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.modal-injected-content .table-hover tbody tr:hover{background-color:#f8fafc}.modal-injected-content .btn-group{position:relative;display:inline-flex;vertical-align:middle}.modal-injected-content .btn-group>.btn{position:relative;flex:1 1 auto}.modal-injected-content .btn-group>.btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.modal-injected-content .btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.modal-injected-content .btn-group-sm>.btn{padding:6px 10px;font-size:12px;border-radius:8px}.modal-injected-content .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:10px}.modal-injected-content .list-group-item{position:relative;display:block;padding:10px 16px;color:#1e293b;text-decoration:none;background-color:#fff;border:1px solid #e2e8f0}.modal-injected-content .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.modal-injected-content .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.modal-injected-content .list-group-item+.list-group-item{border-top-width:0}.modal-injected-content .list-group-item:hover{background-color:#f8fafc;cursor:pointer}.modal-injected-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:10px;transition:all .15s ease-in-out}.modal-injected-content .btn-primary{color:#fff;background-color:#0ea5e9;border-color:#0ea5e9}.modal-injected-content .btn-primary:hover{background-color:#0284c7;border-color:#0284c7}.modal-injected-content .btn-secondary{color:#fff;background-color:#64748b;border-color:#64748b}.modal-injected-content .btn-secondary:hover{background-color:#475569;border-color:#475569}.modal-injected-content .btn-success{color:#fff;background-color:#22c55e;border-color:#22c55e}.modal-injected-content .btn-success:hover{background-color:#16a34a;border-color:#16a34a}.modal-injected-content .btn-danger{color:#fff;background-color:#ef4444;border-color:#ef4444}.modal-injected-content .btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.modal-injected-content .btn-info{color:#fff;background-color:#0ea5e9;border-color:#0ea5e9}.modal-injected-content .btn-info:hover{background-color:#0284c7;border-color:#0284c7}.modal-injected-content .btn-dark{color:#fff;background-color:#1e293b;border-color:#1e293b}.modal-injected-content .btn-dark:hover{background-color:#0f172a;border-color:#0f172a}.modal-injected-content .btn-outline-secondary{color:#64748b;border-color:#e2e8f0;background:transparent}.modal-injected-content .btn-outline-secondary:hover{background-color:#f1f5f9;color:#475569}.modal-injected-content .btn-outline-primary{color:#0ea5e9;border-color:#0ea5e9;background:transparent}.modal-injected-content .btn-outline-primary:hover{background-color:#0ea5e9;color:#fff}.modal-injected-content .btn-outline-danger{color:#ef4444;border-color:#ef4444;background:transparent}.modal-injected-content .btn-outline-danger:hover{background-color:#ef4444;color:#fff}.modal-injected-content .btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.modal-injected-content .btn-circle{width:40px;height:40px;padding:0;border-radius:50%}.modal-injected-content .fs-5{font-size:20px!important}.modal-injected-content .py-4{padding-top:24px!important;padding-bottom:24px!important}.modal-injected-content hr{margin:16px 0;color:inherit;border:0;border-top:1px solid #e2e8f0;opacity:1}.modal-injected-content table{width:100%;margin-bottom:16px;color:#1e293b;border-collapse:collapse}.modal-injected-content table th,.modal-injected-content table td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid #e2e8f0}.modal-injected-content table thead th{vertical-align:bottom;background:#f8fafc;font-weight:600;font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.modal-injected-content table tbody tr:hover{background-color:#f8fafc}.modal-injected-content .table-responsive{display:block;width:100%;overflow-x:auto}.modal-injected-content .mb-0{margin-bottom:0!important}.modal-injected-content .mb-2{margin-bottom:8px!important}.modal-injected-content .mb-3{margin-bottom:16px!important}.modal-injected-content .mb-4{margin-bottom:24px!important}.modal-injected-content .mt-2{margin-top:8px!important}.modal-injected-content .mt-3{margin-top:16px!important}.modal-injected-content .mt-4{margin-top:24px!important}.modal-injected-content .me-2{margin-right:8px!important}.modal-injected-content .py-3{padding-top:16px!important;padding-bottom:16px!important}.modal-injected-content .p-3{padding:16px!important}.modal-injected-content .text-white{color:#fff!important}.modal-injected-content .text-muted{color:#64748b!important}.modal-injected-content .text-danger{color:#dc2626!important}.modal-injected-content .text-success{color:#16a34a!important}.modal-injected-content .text-info{color:#0ea5e9!important}.modal-injected-content .text-center{text-align:center!important}.modal-injected-content .fw-bold{font-weight:600!important}.modal-injected-content .d-block{display:block!important}.modal-injected-content .d-flex{display:flex!important}.modal-injected-content .d-none{display:none!important}.modal-injected-content .align-items-center{align-items:center!important}.modal-injected-content .justify-content-between{justify-content:space-between!important}.modal-injected-content .gap-2{gap:8px!important}.modal-injected-content center{display:block;text-align:center}.modal-injected-content .select2{width:100%!important}.modal-injected-content .select2-container--default .select2-selection--single{height:42px;padding:6px 14px;border:1px solid #e2e8f0;border-radius:10px;background-color:#fff}.modal-injected-content .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px;color:#1e293b}.modal-injected-content .select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}.modal-injected-content .fas,.modal-injected-content .fa{font-style:normal;font-family:inherit}.modal-injected-content .alert{padding:12px 16px;margin-bottom:16px;border-radius:10px}.modal-injected-content .alert-success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.modal-injected-content .alert-danger{background-color:#fee2e2;color:#991b1b}.invoice-form-actions-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.invoice-form-actions-top .btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0f172a0f}.invoice-form-actions-top .btn-back:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.invoice-form-container{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:0 4px 6px #0f172a08,0 10px 24px #0f172a0f;overflow-x:hidden;max-width:100%}.invoice-form-container .modal-injected-content .table-responsive{overflow-x:visible}.invoice-form-container .modal-injected-content .table{width:100%}@media(max-width:768px){.invoice-form-container{padding:16px;border-radius:12px}.invoice-form-container .modal-injected-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.invoice-form-container .modal-injected-content .table{min-width:600px}.invoice-form-container .modal-injected-content .table th,.invoice-form-container .modal-injected-content .table td{padding:10px 12px;font-size:13px}.invoice-form-container .modal-injected-content .nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.invoice-form-container .modal-injected-content .nav-tabs .nav-link{white-space:nowrap;flex-shrink:0}}.invoice-form-container .modal-injected-content{padding:0}.invoice-form-container .modal-injected-content .card{border:none!important;box-shadow:none!important;background:transparent!important;margin-bottom:0!important}.invoice-form-container .modal-injected-content .card-body{border:none!important;background:transparent!important;padding:0!important}.invoice-form-container .modal-injected-content .card-header{border:none!important;background:transparent!important;padding:0 0 16px!important;border-radius:0!important}.invoice-form-container .modal-injected-content .card-header.bg-info,.invoice-form-container .modal-injected-content .card-header.bg-light{background:transparent!important}.app-shell.dark .invoice-form-actions-top .btn-back{background:#1f2937;color:#e5e7eb;box-shadow:0 2px 4px #0003;border:1px solid #374151}.app-shell.dark .invoice-form-actions-top .btn-back:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.app-shell.dark .invoice-form-container{background:#1f2937;box-shadow:0 4px 6px #0003,0 10px 24px #0000004d}.app-shell.dark .invoice-form-container .modal-injected-content .card,.app-shell.dark .invoice-form-container .modal-injected-content .card-body,.app-shell.dark .invoice-form-container .modal-injected-content .card-header{background:transparent!important}.app-shell.dark .invoice-form-container .modal-injected-content .btn-outline-secondary{color:#fff;background-color:#0ea5e9;border-color:#0ea5e9}.app-shell.dark .invoice-form-container .modal-injected-content .btn-outline-secondary:hover{background-color:#0284c7;border-color:#0284c7}.invoice-form-container .modal-injected-content .btn-outline-secondary{color:#fff;background-color:#0ea5e9;border-color:#0ea5e9}.invoice-form-container .modal-injected-content .btn-outline-secondary:hover{background-color:#0284c7;border-color:#0284c7}.invoice-form-container .modal-injected-content .d-flex span,.invoice-form-container .modal-injected-content #subtotal-products,.invoice-form-container .modal-injected-content #tax-iva,.invoice-form-container .modal-injected-content #tax-impoconsumo,.invoice-form-container .modal-injected-content #total-discounts,.invoice-form-container .modal-injected-content #total-invoice,.invoice-form-container .modal-injected-content .fw-bold{font-size:15px!important}.invoice-form-container .modal-injected-content h5,.invoice-form-container .modal-injected-content h6{font-size:16px!important}.modal-injected-content .alert-info{background-color:#e0f2fe;color:#075985;border:1px solid #bae6fd}.app-shell.dark .modal-injected-content .card{background:#1f2937;border-color:#374151}.app-shell.dark .modal-injected-content .card-header{background:#111827;border-color:#374151}.app-shell.dark .modal-injected-content .card-header.bg-info{background:linear-gradient(135deg,#0284c7,#0369a1)}.app-shell.dark .modal-injected-content .card-header.bg-light{background:#111827}.app-shell.dark .modal-injected-content .form-label{color:#d1d5db}.app-shell.dark .modal-injected-content .form-label small{color:#9ca3af}.app-shell.dark .modal-injected-content .form-control,.app-shell.dark .modal-injected-content .form-select{background-color:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content .form-control:focus,.app-shell.dark .modal-injected-content .form-select:focus{border-color:#0ea5e9;background-color:#111827}.app-shell.dark .modal-injected-content .form-control::placeholder{color:#6b7280}.app-shell.dark .modal-injected-content .nav-tabs{border-color:#374151}.app-shell.dark .modal-injected-content .nav-tabs .nav-link{color:#9ca3af}.app-shell.dark .modal-injected-content .nav-tabs .nav-link:hover{color:#38bdf8;border-bottom-color:#0c4a6e}.app-shell.dark .modal-injected-content .nav-tabs .nav-link.active{color:#38bdf8;border-bottom-color:#0ea5e9;background:#0ea5e91a}.app-shell.dark .modal-injected-content table{color:#e5e7eb}.app-shell.dark .modal-injected-content table th{background:#111827;color:#9ca3af}.app-shell.dark .modal-injected-content table th,.app-shell.dark .modal-injected-content table td{border-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content table tbody tr:hover{background-color:#374151}.app-shell.dark .modal-injected-content .table-light th{background:#1f2937;color:#9ca3af}.app-shell.dark .modal-injected-content .text-muted{color:#9ca3af!important}.app-shell.dark .modal-injected-content .text-success{color:#4ade80!important}.app-shell.dark .modal-injected-content .text-danger{color:#f87171!important}.app-shell.dark .modal-injected-content .text-info{color:#38bdf8!important}.app-shell.dark .modal-injected-content .text-center{color:inherit}.app-shell.dark .modal-injected-content .card.border-info{border-color:#0ea5e9!important}.app-shell.dark .modal-injected-content .btn-outline-secondary{color:#9ca3af;border-color:#374151}.app-shell.dark .modal-injected-content .btn-outline-secondary:hover{background-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content .alert-success{background-color:#14532d;color:#bbf7d0;border-color:#166534}.app-shell.dark .modal-injected-content .alert-danger{background-color:#450a0a;color:#fecaca;border-color:#991b1b}.app-shell.dark .modal-injected-content .alert-info{background-color:#0c4a6e;color:#bae6fd;border-color:#0284c7}.app-shell.dark .modal-injected-content .select2-container--default .select2-selection--single{background-color:#111827;border-color:#374151}.app-shell.dark .modal-injected-content .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e5e7eb}.app-shell.dark .modal-injected-content .modal .modal-content{background-color:#1f2937;border-color:#374151}.app-shell.dark .modal-injected-content .modal .modal-header{border-color:#374151}.app-shell.dark .modal-injected-content .modal .modal-header.bg-info{background:linear-gradient(135deg,#0284c7,#0369a1)}.app-shell.dark .modal-injected-content .modal .modal-body{color:#e5e7eb}.app-shell.dark .modal-injected-content .modal .modal-footer{border-color:#374151}.app-shell.dark .modal-injected-content .modal .btn-close{filter:invert(1)}.app-shell.dark .modal-injected-content .input-group-text{background-color:#374151;border-color:#4b5563;color:#9ca3af}.app-shell.dark .modal-injected-content .list-group-item{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content .list-group-item:hover{background-color:#374151}.app-shell.dark .modal-injected-content .btn-outline-primary{color:#38bdf8;border-color:#38bdf8}.app-shell.dark .modal-injected-content .btn-outline-primary:hover{background-color:#0ea5e9;color:#fff}.app-shell.dark .modal-injected-content .btn-outline-danger{color:#f87171;border-color:#f87171}.app-shell.dark .modal-injected-content .btn-outline-danger:hover{background-color:#ef4444;color:#fff}.app-shell.dark .modal-injected-content hr{border-color:#374151}.app-shell.dark .modal-injected-content{color:#e5e7eb}.app-shell.dark .modal-injected-content h1,.app-shell.dark .modal-injected-content h2,.app-shell.dark .modal-injected-content h3,.app-shell.dark .modal-injected-content h4,.app-shell.dark .modal-injected-content h5,.app-shell.dark .modal-injected-content h6{color:#f3f4f6}.app-shell.dark .modal-injected-content span{color:inherit}.modal-injected-content .tab-pane .btn.btn-info.m-l-15{margin-bottom:16px}.modal-injected-content .tab-pane .btn.btn-info.m-l-15+br{display:none}.modal-injected-content .tab-pane table.table{margin-top:16px;width:100%;border-collapse:collapse}.modal-injected-content .tab-pane table.table th,.modal-injected-content .tab-pane table.table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.modal-injected-content .tab-pane table.table th{font-weight:600;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.modal-injected-content .tab-pane table.table tr:hover{background:#f8fafc}.modal-injected-content .tab-pane table.table td a{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:background .2s ease}.modal-injected-content .tab-pane table.table td a:hover{background:#fee2e2}.modal-injected-content .text-danger{color:#dc2626}.modal-injected-content .tab-pane table.table .injected-icon{color:#dc2626;cursor:pointer;transition:transform .15s ease}.modal-injected-content .tab-pane table.table .injected-icon:hover{transform:scale(1.1)}.app-shell.dark .modal-injected-content .tab-pane table.table th,.app-shell.dark .modal-injected-content .tab-pane table.table td{border-color:#374151}.app-shell.dark .modal-injected-content .tab-pane table.table th{color:#9ca3af}.app-shell.dark .modal-injected-content .tab-pane table.table tr:hover{background:#1f2937}.app-shell.dark .modal-injected-content .tab-pane table.table td a:hover{background:#450a0a}.app-shell.dark .modal-injected-content .fw-bold{color:#f3f4f6}.app-shell.dark .modal-injected-content .card-body{color:#e5e7eb}.app-shell.dark .modal-injected-content .card-body span{color:#d1d5db}.app-shell.dark .modal-injected-content #subtotal-products,.app-shell.dark .modal-injected-content #tax-iva,.app-shell.dark .modal-injected-content #tax-impoconsumo,.app-shell.dark .modal-injected-content #total-discounts,.app-shell.dark .modal-injected-content #total-invoice{color:#e5e7eb}.app-shell.dark .modal-injected-content .d-flex span{color:#d1d5db}@media(max-width:640px){.modal-injected-content .form-group .row{flex-direction:column}.modal-injected-content .form-group .row .col-12,.modal-injected-content .form-group .row .col-md-6,.modal-injected-content .form-group .row .col-md-12{flex:0 0 100%;max-width:100%;padding-left:0;padding-right:0}.modal-injected-content .form-label{font-size:14px}.modal-injected-content .form-label small{font-size:11px}.modal-injected-content .form-control,.modal-injected-content .form-select,.modal-injected-content textarea.form-control{padding:12px;font-size:16px}.modal-injected-content .select2-container--default .select2-selection--single{height:48px;padding:10px 14px}.modal-injected-content .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:26px;font-size:16px}.modal-injected-content .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}.modal-injected-content .row.mt-4{flex-direction:row;gap:8px}.modal-injected-content .row.mt-4 .col-md-6{flex:1;max-width:50%;padding:0 4px}.modal-injected-content .row.mt-4 .btn{width:100%;padding:10px 12px;font-size:13px}.modal-injected-content .card-body{padding:16px}.modal-injected-content .card{margin-bottom:12px}.modal-injected-content .row{margin-left:0;margin-right:0}.modal-injected-content [class*=col-]{padding-left:0;padding-right:0}.modal-injected-content .btn .injected-icon{width:16px;height:16px}}.modal-injected-content #ModalForm3.show,.modal-injected-content #ModalFormRete.show,.modal-injected-content #ModalForm4.show{display:flex!important;align-items:center;justify-content:center;padding:0!important}.modal-injected-content #ModalForm3 .modal-dialog,.modal-injected-content #ModalFormRete .modal-dialog,.modal-injected-content #ModalForm4 .modal-dialog{max-width:600px;margin:0}.modal-injected-content #ModalForm3 .modal-content,.modal-injected-content #ModalFormRete .modal-content,.modal-injected-content #ModalForm4 .modal-content{background:var(--color-surface, #fff);border-radius:16px;border:none;box-shadow:0 20px 60px #0003}.modal-injected-content #ModalForm3 .modal-header,.modal-injected-content #ModalFormRete .modal-header,.modal-injected-content #ModalForm4 .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:transparent;border-radius:16px 16px 0 0}.modal-injected-content #ModalForm3 .modal-header .modal-title,.modal-injected-content #ModalFormRete .modal-header .modal-title,.modal-injected-content #ModalForm4 .modal-header .modal-title{margin:0;font-size:18px;font-weight:600;color:#1e293b}.modal-injected-content #ModalForm3 .modal-header .btn-close,.modal-injected-content #ModalFormRete .modal-header .btn-close,.modal-injected-content #ModalForm4 .modal-header .btn-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:4px 8px;line-height:1;filter:none}.modal-injected-content #ModalForm3 .modal-header .btn-close:hover,.modal-injected-content #ModalFormRete .modal-header .btn-close:hover,.modal-injected-content #ModalForm4 .modal-header .btn-close:hover{color:#1e293b}.modal-injected-content #ModalForm3 .modal-body,.modal-injected-content #ModalFormRete .modal-body,.modal-injected-content #ModalForm4 .modal-body{padding:24px}.modal-injected-content #ModalForm3 .modal-body .row,.modal-injected-content #ModalFormRete .modal-body .row,.modal-injected-content #ModalForm4 .modal-body .row,.modal-injected-content #ModalForm3 #ModalForm3Form,.modal-injected-content #ModalFormRete #ModalForm3Form,.modal-injected-content #ModalForm4 #ModalForm3Form{margin:0;padding:0}.modal-injected-content #ModalForm3 form,.modal-injected-content #ModalFormRete form,.modal-injected-content #ModalForm4 form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-injected-content #ModalForm3 .col-12.col-md-12,.modal-injected-content #ModalFormRete .col-12.col-md-12,.modal-injected-content #ModalForm4 .col-12.col-md-12{margin-bottom:0;padding:0}.modal-injected-content #ModalForm3 .col-12.col-md-12:last-child,.modal-injected-content #ModalFormRete .col-12.col-md-12:last-child,.modal-injected-content #ModalForm4 .col-12.col-md-12:last-child{grid-column:1 / -1}.modal-injected-content #ModalForm3 .col-12.col-md-12>.col-12,.modal-injected-content #ModalFormRete .col-12.col-md-12>.col-12,.modal-injected-content #ModalForm4 .col-12.col-md-12>.col-12{padding:0}.modal-injected-content #ModalForm3 .col-form-label,.modal-injected-content #ModalFormRete .col-form-label,.modal-injected-content #ModalForm4 .col-form-label{display:grid;gap:6px;font-size:14px;font-weight:500;color:#475569;margin-bottom:0;padding:0}.modal-injected-content #ModalForm3 .col-form-label h6,.modal-injected-content #ModalFormRete .col-form-label h6,.modal-injected-content #ModalForm4 .col-form-label h6{display:none}.modal-injected-content #ModalForm3 .form-control,.modal-injected-content #ModalFormRete .form-control,.modal-injected-content #ModalForm4 .form-control,.modal-injected-content #ModalForm3 select.form-control,.modal-injected-content #ModalFormRete select.form-control,.modal-injected-content #ModalForm4 select.form-control{border-radius:10px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box;background-color:#fff}.modal-injected-content #ModalForm3 .form-control:focus,.modal-injected-content #ModalFormRete .form-control:focus,.modal-injected-content #ModalForm4 .form-control:focus{border-color:var(--color-primary, #0ea5e9);box-shadow:0 0 0 3px #0ea5e91f}.modal-injected-content #ModalForm3 .btn-info,.modal-injected-content #ModalFormRete .btn-info,.modal-injected-content #ModalForm4 .btn-info{padding:12px 20px;background:var(--color-primary, #0ea5e9);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;margin-top:8px}.modal-injected-content #ModalForm3 .btn-info:hover,.modal-injected-content #ModalFormRete .btn-info:hover,.modal-injected-content #ModalForm4 .btn-info:hover{background:var(--color-primary-dark, #0284c7)}.modal-injected-content #ModalForm3 .modal-footer,.modal-injected-content #ModalFormRete .modal-footer,.modal-injected-content #ModalForm4 .modal-footer{display:none}.modal-injected-content #ModalForm3 .select2-container,.modal-injected-content #ModalFormRete .select2-container,.modal-injected-content #ModalForm4 .select2-container{width:100%!important}.modal-injected-content #ModalForm3 .select2-container--default .select2-selection--single,.modal-injected-content #ModalFormRete .select2-container--default .select2-selection--single,.modal-injected-content #ModalForm4 .select2-container--default .select2-selection--single{height:46px;border-radius:10px;border:1px solid #e2e8f0;padding:8px 14px}.modal-injected-content #ModalForm3 .select2-container--default .select2-selection--single .select2-selection__rendered,.modal-injected-content #ModalFormRete .select2-container--default .select2-selection--single .select2-selection__rendered,.modal-injected-content #ModalForm4 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px;font-size:14px;padding-left:0}.modal-injected-content #ModalForm3 .select2-container--default .select2-selection--single .select2-selection__arrow,.modal-injected-content #ModalFormRete .select2-container--default .select2-selection--single .select2-selection__arrow,.modal-injected-content #ModalForm4 .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}.app-shell.dark .modal-injected-content #ModalForm3 .modal-content,.app-shell.dark .modal-injected-content #ModalFormRete .modal-content,.app-shell.dark .modal-injected-content #ModalForm4 .modal-content{background:#111827;border:1px solid #1f2937}.app-shell.dark .modal-injected-content #ModalForm3 .modal-header,.app-shell.dark .modal-injected-content #ModalFormRete .modal-header,.app-shell.dark .modal-injected-content #ModalForm4 .modal-header{border-bottom-color:#334155}.app-shell.dark .modal-injected-content #ModalForm3 .modal-header .modal-title,.app-shell.dark .modal-injected-content #ModalFormRete .modal-header .modal-title,.app-shell.dark .modal-injected-content #ModalForm4 .modal-header .modal-title{color:#e5e7eb}.app-shell.dark .modal-injected-content #ModalForm3 .modal-header .btn-close,.app-shell.dark .modal-injected-content #ModalFormRete .modal-header .btn-close,.app-shell.dark .modal-injected-content #ModalForm4 .modal-header .btn-close{color:#94a3b8}.app-shell.dark .modal-injected-content #ModalForm3 .modal-header .btn-close:hover,.app-shell.dark .modal-injected-content #ModalFormRete .modal-header .btn-close:hover,.app-shell.dark .modal-injected-content #ModalForm4 .modal-header .btn-close:hover{color:#e5e7eb}.app-shell.dark .modal-injected-content #ModalForm3 .col-form-label,.app-shell.dark .modal-injected-content #ModalFormRete .col-form-label,.app-shell.dark .modal-injected-content #ModalForm4 .col-form-label{color:#cbd5e1}.app-shell.dark .modal-injected-content #ModalForm3 .form-control,.app-shell.dark .modal-injected-content #ModalFormRete .form-control,.app-shell.dark .modal-injected-content #ModalForm4 .form-control,.app-shell.dark .modal-injected-content #ModalForm3 select.form-control,.app-shell.dark .modal-injected-content #ModalFormRete select.form-control,.app-shell.dark .modal-injected-content #ModalForm4 select.form-control{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .modal-injected-content #ModalForm3 .form-control:focus,.app-shell.dark .modal-injected-content #ModalFormRete .form-control:focus,.app-shell.dark .modal-injected-content #ModalForm4 .form-control:focus{border-color:var(--color-primary, #0ea5e9);background-color:#111827}.app-shell.dark .modal-injected-content #ModalForm3 .select2-container--default .select2-selection--single,.app-shell.dark .modal-injected-content #ModalFormRete .select2-container--default .select2-selection--single,.app-shell.dark .modal-injected-content #ModalForm4 .select2-container--default .select2-selection--single{background-color:#111827;border-color:#334155}.app-shell.dark .modal-injected-content #ModalForm3 .select2-container--default .select2-selection--single .select2-selection__rendered,.app-shell.dark .modal-injected-content #ModalFormRete .select2-container--default .select2-selection--single .select2-selection__rendered,.app-shell.dark .modal-injected-content #ModalForm4 .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e5e7eb}@media(max-width:700px){.modal-injected-content #ModalForm3 form,.modal-injected-content #ModalFormRete form,.modal-injected-content #ModalForm4 form{grid-template-columns:1fr}.modal-injected-content #ModalForm3 .modal-dialog,.modal-injected-content #ModalFormRete .modal-dialog,.modal-injected-content #ModalForm4 .modal-dialog{max-width:calc(100% - 32px);margin:0 16px;min-height:auto}.modal-injected-content #ModalForm3 .modal-body,.modal-injected-content #ModalFormRete .modal-body,.modal-injected-content #ModalForm4 .modal-body{padding:16px}.modal-injected-content #ModalForm3 .form-control,.modal-injected-content #ModalFormRete .form-control,.modal-injected-content #ModalForm4 .form-control,.modal-injected-content #ModalForm3 select.form-control,.modal-injected-content #ModalFormRete select.form-control,.modal-injected-content #ModalForm4 select.form-control{font-size:16px}}.modal-injected-content #prodtab .btn-info,.modal-injected-content #retetab .btn-info{margin-bottom:20px}.modal-injected-content #prodtab br,.modal-injected-content #retetab br{display:none}.modal-injected-content #prodtab,.modal-injected-content #retetab{overflow-x:visible}@media(max-width:768px){.modal-injected-content #prodtab,.modal-injected-content #retetab{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-injected-content #prodtab .table,.modal-injected-content #retetab .table{min-width:600px}}.modal-injected-content #ModalFormEdit.show{display:flex!important;align-items:center;justify-content:center;padding:0!important}.modal-injected-content #ModalFormEdit .modal-dialog{max-width:600px;margin:0}.modal-injected-content #ModalFormEdit .modal-content{background:var(--color-surface, #fff);border-radius:16px;border:none;box-shadow:0 20px 60px #0003}.modal-injected-content #ModalFormEdit .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:transparent;border-radius:16px 16px 0 0}.modal-injected-content #ModalFormEdit .modal-header .modal-title{margin:0;font-size:18px;font-weight:600;color:#1e293b}.modal-injected-content #ModalFormEdit .modal-header .btn-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:4px 8px;line-height:1;filter:none}.modal-injected-content #ModalFormEdit .modal-header .btn-close:hover{color:#1e293b}.modal-injected-content #ModalFormEdit .modal-body{padding:24px}.modal-injected-content #ModalFormEdit .form-control{border-radius:10px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box;background-color:#fff}.modal-injected-content #ModalFormEdit .form-control:focus{border-color:var(--color-primary, #0ea5e9);box-shadow:0 0 0 3px #0ea5e91f}.modal-injected-content #ModalFormEdit .btn-info{padding:12px 20px;background:var(--color-primary, #0ea5e9);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;margin-top:8px}.modal-injected-content #ModalFormEdit .btn-info:hover{background:var(--color-primary-dark, #0284c7)}.modal-injected-content #ModalForm3 .modal-header.bg-info,.modal-injected-content #ModalFormEdit .modal-header.bg-info,.modal-injected-content #ModalFormEdit .modal-header.bg-primary{background:transparent!important;color:inherit}.modal-injected-content #ModalForm3 .modal-header.bg-info .modal-title,.modal-injected-content #ModalFormEdit .modal-header.bg-info .modal-title,.modal-injected-content #ModalFormEdit .modal-header.bg-primary .modal-title{color:#1e293b}.modal-injected-content #ModalForm3 .modal-header.bg-info .btn-close,.modal-injected-content #ModalFormEdit .modal-header.bg-info .btn-close,.modal-injected-content #ModalFormEdit .modal-header.bg-primary .btn-close{filter:none;color:#64748b}.modal-injected-content #ModalForm3 form.row.g-3,.modal-injected-content #ModalFormEdit form.row.g-3{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0}.modal-injected-content #ModalForm3 form.row.g-3>.col-md-12,.modal-injected-content #ModalFormEdit form.row.g-3>.col-md-12{grid-column:1 / -1}.modal-injected-content #ModalForm3 form.row.g-3>.col-md-6,.modal-injected-content #ModalFormEdit form.row.g-3>.col-md-6{grid-column:span 1}.modal-injected-content #ModalForm3 form.row.g-3>.col-12,.modal-injected-content #ModalFormEdit form.row.g-3>.col-12{grid-column:1 / -1}.modal-injected-content #ModalForm3 .form-label,.modal-injected-content #ModalFormEdit .form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.modal-injected-content #ModalForm3 .form-label .text-danger,.modal-injected-content #ModalFormEdit .form-label .text-danger{color:#ef4444}.modal-injected-content #ModalForm3 .input-group,.modal-injected-content #ModalFormEdit .input-group{display:flex;align-items:stretch;width:100%}.modal-injected-content #ModalForm3 .input-group-text,.modal-injected-content #ModalFormEdit .input-group-text{display:flex;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px 0 0 10px;border-right:none}.modal-injected-content #ModalForm3 .input-group .form-control,.modal-injected-content #ModalFormEdit .input-group .form-control{border-top-left-radius:0;border-bottom-left-radius:0;flex:1 1 auto}.modal-injected-content #ModalForm3 #suggesstion-box2{position:relative;z-index:1000;max-height:200px;overflow-y:auto;border-radius:10px;box-shadow:0 4px 12px #0000001a}.modal-injected-content #ModalForm3 #suggesstion-box2 .list-group-item{cursor:pointer;padding:10px 14px;border:none;border-bottom:1px solid #f1f5f9;transition:background .15s ease}.modal-injected-content #ModalForm3 #suggesstion-box2 .list-group-item:hover{background:#f8fafc}.modal-injected-content #ModalForm3 #suggesstion-box2 .list-group-item:last-child{border-bottom:none}.app-shell.dark .modal-injected-content #ModalFormEdit .modal-content{background:#111827;border:1px solid #1f2937}.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header{border-bottom-color:#334155}.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header .modal-title,.app-shell.dark .modal-injected-content #ModalForm3 .modal-header.bg-info .modal-title,.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header.bg-info .modal-title,.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header.bg-primary .modal-title{color:#e5e7eb}.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header .btn-close,.app-shell.dark .modal-injected-content #ModalForm3 .modal-header.bg-info .btn-close,.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header.bg-info .btn-close,.app-shell.dark .modal-injected-content #ModalFormEdit .modal-header.bg-primary .btn-close{color:#94a3b8}.app-shell.dark .modal-injected-content #ModalFormEdit .form-label,.app-shell.dark .modal-injected-content #ModalForm3 .form-label{color:#cbd5e1}.app-shell.dark .modal-injected-content #ModalFormEdit .form-control,.app-shell.dark .modal-injected-content #ModalForm3 .input-group .form-control,.app-shell.dark .modal-injected-content #ModalFormEdit .input-group .form-control{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content #ModalFormEdit .form-control:focus,.app-shell.dark .modal-injected-content #ModalForm3 .input-group .form-control:focus,.app-shell.dark .modal-injected-content #ModalFormEdit .input-group .form-control:focus{border-color:var(--color-primary, #0ea5e9)}.app-shell.dark .modal-injected-content #ModalForm3 .input-group-text,.app-shell.dark .modal-injected-content #ModalFormEdit .input-group-text{background-color:#1e293b;border-color:#374151;color:#94a3b8}.app-shell.dark .modal-injected-content #ModalForm3 #suggesstion-box2{background:#1f2937;border:1px solid #374151}.app-shell.dark .modal-injected-content #ModalForm3 #suggesstion-box2 .list-group-item{background:#1f2937;border-bottom-color:#374151;color:#e5e7eb}.app-shell.dark .modal-injected-content #ModalForm3 #suggesstion-box2 .list-group-item:hover{background:#374151}@media(max-width:640px){.modal-injected-content #ModalForm3 form.row.g-3,.modal-injected-content #ModalFormEdit form.row.g-3{grid-template-columns:1fr}.modal-injected-content #ModalForm3 form.row.g-3>.col-md-6,.modal-injected-content #ModalFormEdit form.row.g-3>.col-md-6{grid-column:1 / -1}}.remission-form-native{background:var(--color-surface, #fff);border-radius:12px;padding:0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-tabs-nav{display:flex;margin:0;padding:0;list-style:none;border-bottom:2px solid #e5e7eb;background:#f8fafc}.form-tabs-nav li{margin:0}.form-tabs-nav li button{display:block;padding:14px 24px;background:none;border:none;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.form-tabs-nav li button:hover{color:var(--color-primary, #0ea5e9);background:#0ea5e90d}.form-tabs-nav li.active button{color:var(--color-primary, #0ea5e9);border-bottom-color:var(--color-primary, #0ea5e9);background:#fff}.form-tabs-content{padding:24px}.form-tab-pane{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.remission-main-form .form-grid,.modal-body .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:500;color:#475569}.form-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary, #0ea5e9);box-shadow:0 0 0 3px #0ea5e91a}.form-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-input::placeholder{color:#94a3b8}textarea.form-input{resize:vertical;min-height:80px}select.form-input{cursor:pointer}.form-actions{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary{padding:10px 20px;background:var(--color-primary, #0ea5e9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#0284c7}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0}.btn-secondary svg{margin-right:6px}.config-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.config-form-section{min-width:0}.config-summary-section{position:sticky;top:24px}.config-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.config-card-header{padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.config-card-header h5{margin:0;font-size:15px;font-weight:600;color:#1e293b}.config-card-body{padding:20px}.form-group label{display:flex;flex-direction:column;gap:2px}.form-group label small{font-weight:400;font-size:12px;color:#94a3b8}.form-group label .required{color:#ef4444;font-weight:500}.form-actions-inline{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.summary-card-full{background:#fff;border-radius:8px;border:2px solid var(--color-primary, #0ea5e9);overflow:hidden}.summary-card-header{padding:14px 20px;background:var(--color-primary, #0ea5e9)}.summary-card-header h5{margin:0;font-size:15px;font-weight:600;color:#fff}.summary-card-body{padding:20px}.summary-group{margin-bottom:16px}.summary-group h6{margin:0 0 8px;font-size:13px;font-weight:600;color:#1e293b}.summary-line{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;color:#475569}.summary-card-body hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;color:#1e293b}.summary-total .text-success{color:#22c55e}.summary-info{margin-top:16px;padding:12px;background:#eff6ff;border-radius:6px}.summary-info small{font-size:12px;color:#3b82f6}.text-danger{color:#ef4444}.products-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.products-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.products-card-header h5{margin:0;font-size:15px;font-weight:600;color:#1e293b}.btn-add-product-sm{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-primary, #0ea5e9);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-product-sm:hover{background:#0284c7}.btn-add-product-sm svg{font-size:14px}.products-card-body{padding:0}.btn-group-actions{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.btn-action-delete,.btn-action-edit{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:none;cursor:pointer;transition:all .15s ease}.btn-action-delete{color:#ef4444;border-right:1px solid #e5e7eb}.btn-action-delete:hover{background:#fef2f2}.btn-action-edit{color:#0ea5e9}.btn-action-edit:hover{background:#eff6ff}.products-section{display:flex;flex-direction:column;gap:16px}.products-actions{display:flex;justify-content:flex-end}.btn-add-product{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-primary, #0ea5e9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-product:hover{background:#0284c7}.btn-add-product svg{font-size:16px}.products-table-wrapper{overflow-x:auto}.products-card .products-table-wrapper{border:none;border-radius:0}.products-table{width:100%;border-collapse:collapse;font-size:14px}.products-table th,.products-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.products-table th{background:#f1f5f9;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.products-table tbody tr:last-child td{border-bottom:none}.products-table tbody tr:hover{background:#f8fafc}.products-table .no-products{text-align:center;padding:32px;color:#94a3b8}.product-actions{display:flex;gap:8px}.btn-edit-product,.btn-delete-product{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-edit-product{color:#0ea5e9}.btn-edit-product:hover{background:#0ea5e91a}.btn-delete-product{color:#ef4444}.btn-delete-product:hover{background:#ef44441a}.summary-card{margin-top:16px;padding:16px 20px;background:#f8fafc;border-radius:8px;max-width:320px;margin-left:auto}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#475569;border-bottom:1px solid #e5e7eb}.summary-row.total{font-weight:700;font-size:16px;color:#1e293b;padding-top:12px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:#475569}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8fafc}.product-search-wrapper{position:relative}.product-suggestions{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.product-suggestions li{padding:10px 12px;cursor:pointer;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.product-suggestions li:last-child{border-bottom:none}.product-suggestions li:hover{background:#f1f5f9}.app-shell.dark .remission-form-native{background:#1f2937}.app-shell.dark .form-tabs-nav{background:#111827;border-bottom-color:#374151}.app-shell.dark .form-tabs-nav li button{color:#94a3b8}.app-shell.dark .form-tabs-nav li button:hover{background:#0ea5e91a}.app-shell.dark .form-tabs-nav li.active button{background:#1f2937}.app-shell.dark .form-group label{color:#94a3b8}.app-shell.dark .form-input{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .form-input:focus{border-color:var(--color-primary, #0ea5e9)}.app-shell.dark .form-input:disabled{background:#1f2937;color:#6b7280}.app-shell.dark .form-actions{border-top-color:#374151}.app-shell.dark .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.app-shell.dark .btn-secondary:hover{background:#4b5563}.app-shell.dark .config-card{background:#1f2937;border-color:#374151}.app-shell.dark .config-card-header{background:#111827;border-bottom-color:#374151}.app-shell.dark .config-card-header h5{color:#e5e7eb}.app-shell.dark .summary-card-full,.app-shell.dark .summary-card-body{background:#1f2937}.app-shell.dark .summary-group h6{color:#e5e7eb}.app-shell.dark .summary-line{color:#94a3b8}.app-shell.dark .summary-card-body hr{border-top-color:#374151}.app-shell.dark .summary-total{color:#e5e7eb}.app-shell.dark .summary-info{background:#1e3a5f}.app-shell.dark .summary-info small{color:#60a5fa}.app-shell.dark .products-card{background:#1f2937;border-color:#374151}.app-shell.dark .products-card-header{background:#111827;border-bottom-color:#374151}.app-shell.dark .products-card-header h5{color:#e5e7eb}.app-shell.dark .btn-group-actions{border-color:#374151}.app-shell.dark .btn-action-delete,.app-shell.dark .btn-action-edit{background:#1f2937}.app-shell.dark .btn-action-delete{border-right-color:#374151}.app-shell.dark .btn-action-delete:hover{background:#7f1d1d}.app-shell.dark .btn-action-edit:hover{background:#1e3a5f}.app-shell.dark .form-actions-inline{border-top-color:#374151}.app-shell.dark .products-table-wrapper{border-color:#374151}.app-shell.dark .products-table th{background:#111827;color:#94a3b8}.app-shell.dark .products-table th,.app-shell.dark .products-table td{border-bottom-color:#374151}.app-shell.dark .products-table tbody tr:hover,.app-shell.dark .summary-card{background:#111827}.app-shell.dark .summary-row{color:#94a3b8;border-bottom-color:#374151}.app-shell.dark .summary-row.total{color:#e5e7eb}.app-shell.dark .modal-content{background:#1f2937}.app-shell.dark .modal-header{background:#111827;border-bottom-color:#374151}.app-shell.dark .modal-header h3{color:#e5e7eb}.app-shell.dark .modal-close{color:#6b7280}.app-shell.dark .modal-close:hover{color:#94a3b8}.app-shell.dark .modal-footer{background:#111827;border-top-color:#374151}.app-shell.dark .product-suggestions{background:#1f2937;border-color:#374151}.app-shell.dark .product-suggestions li{color:#e5e7eb;border-bottom-color:#374151}.app-shell.dark .product-suggestions li:hover{background:#374151}@media(max-width:1024px){.config-layout{grid-template-columns:1fr}.config-summary-section{position:static}}@media(max-width:640px){.remission-main-form .form-grid,.modal-body .form-grid{grid-template-columns:1fr}.form-tabs-nav{overflow-x:auto}.form-tabs-nav li button{padding:12px 16px;white-space:nowrap}.form-tabs-content{padding:16px}.modal-content{max-height:95vh}.summary-card{max-width:none}.form-actions-inline{flex-direction:column-reverse;gap:12px}.form-actions-inline button{width:100%;justify-content:center}.products-card-header{flex-direction:column;gap:12px;align-items:stretch}.btn-add-product-sm{justify-content:center}}.supportdoc-form-native{background:transparent;border-radius:0;padding:0;box-shadow:none;overflow:hidden}.config-form{display:flex;flex-direction:column;gap:20px}.config-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media screen and (max-width:768px){.config-form .form-grid{grid-template-columns:1fr}}.supportdoc-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.supportdoc-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.supportdoc-card-header h5{margin:0;font-size:15px;font-weight:600;color:#1e293b}.supportdoc-card-body{padding:20px}.supportdoc-card-body.no-padding{padding:0}.supportdoc-main-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group label small{display:block;font-size:11px;font-weight:400;color:#94a3b8;margin-top:2px}.form-group label .required{color:#ef4444;font-weight:600}.btn-delete-inline{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .15s ease}.btn-delete-inline:hover{background:#fef2f2;border-color:#fecaca}.btn-delete-inline svg{font-size:14px}.btn-danger-outline{background:#fff!important;color:#64748b!important;border:1px solid #e2e8f0!important}.btn-danger-outline:hover{background:#f8fafc!important}.btn-full{width:100%;justify-content:center}.form-grid-single{display:grid;grid-template-columns:1fr;gap:16px}.app-shell.dark .supportdoc-form-native{background:transparent}.app-shell.dark .supportdoc-card{background:#1e293b;border-color:#334155}.app-shell.dark .supportdoc-card-header{background:#0f172a;border-color:#334155}.app-shell.dark .supportdoc-card-header h5{color:#f1f5f9}.app-shell.dark .supportdoc-card-body{background:#1e293b}.app-shell.dark .btn-delete-inline{background:#1e293b;border-color:#334155;color:#f87171}.app-shell.dark .btn-delete-inline:hover{background:#450a0a;border-color:#7f1d1d}.app-shell.dark .form-group label small{color:#64748b}@media screen and (max-width:768px){.supportdoc-main-form .form-grid{grid-template-columns:1fr}.supportdoc-card-header{flex-direction:column;gap:12px;align-items:stretch}}.report-credito-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.report-credito-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.report-credito-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.report-credito-head-right{display:flex;align-items:center;gap:14px}.report-credito-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.report-credito-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.report-credito-breadcrumb a svg{font-size:16px}.report-credito-breadcrumb a:hover{color:var(--color-primary)}.report-credito-breadcrumb strong{color:var(--color-primary);font-weight:700}.report-credito-chart-card{background:var(--color-surface);border-radius:16px;padding:20px;box-shadow:0 4px 6px #0f172a08,0 10px 20px #0f172a0a}.report-credito-chart-card h2{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-text)}.report-credito-chart-container{width:100%;min-height:300px;position:relative}.report-credito-chart-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#94a3b8;font-size:14px}.report-credito-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.report-credito-summary-card{background:var(--color-surface);border-radius:12px;padding:18px 20px;box-shadow:0 2px 4px #0f172a08,0 6px 12px #0f172a0a;display:flex;flex-direction:column;gap:6px}.report-credito-summary-card .label{font-size:13px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.report-credito-summary-card .value{font-size:26px;font-weight:700;letter-spacing:-.5px}.report-credito-summary-card.debe .value{color:#ef4444}.report-credito-summary-card.haber .value{color:#f59e0b}.report-credito-summary-card.saldo .value{color:#22c55e}.report-credito-filters{display:grid;gap:12px}.report-credito-filters-toggle{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--color-surface);border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s ease}.report-credito-filters-toggle-left{display:flex;align-items:center;gap:8px}.report-credito-filters-toggle:hover{background:#f1f5f9}.report-credito-filters-chevron{transition:transform .2s ease}.report-credito-filters-toggle.open .report-credito-filters-chevron{transform:rotate(180deg)}.report-credito-column-filters{display:none;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.report-credito-column-filters.open{display:grid}.report-credito-column-filters input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #e2e8f0;border-radius:10px;outline:none;transition:all .2s ease;background:var(--color-surface)}.report-credito-column-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.report-credito-search-main{display:flex;gap:8px}.report-credito-search-main input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #e2e8f0;border-radius:10px;outline:none;transition:all .2s ease;background:var(--color-surface)}.report-credito-search-main input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.report-credito-search-main button{all:unset;cursor:pointer;padding:10px 14px;background:var(--color-primary);color:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.report-credito-search-main button:hover{opacity:.92}.report-credito-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.report-credito-card{background:var(--color-surface);border-radius:16px;padding:18px 20px;box-shadow:0 4px 6px #0f172a08,0 10px 20px #0f172a0a;display:grid;gap:10px;transition:transform .22s ease,box-shadow .22s ease}.report-credito-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0f172a0f,0 16px 32px #0f172a14}.report-credito-card-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#94a3b8}.report-credito-id{font-weight:600;color:var(--color-primary)}.report-credito-card h2{margin:0;font-size:17px;font-weight:600;color:var(--color-text);line-height:1.3}.report-credito-card p{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}.report-credito-card p strong{font-weight:500;color:#64748b}.report-credito-amount{font-weight:700;color:var(--color-text)}.report-credito-amount.debe{color:#ef4444}.report-credito-amount.saldo{color:#22c55e}.report-credito-modulo{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#e0e7ff;color:#4f46e5}.report-credito-card-actions{display:flex;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid #f1f5f9}.report-credito-card-actions button{all:unset;cursor:pointer;padding:8px 12px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.report-credito-card-actions .btn-view{background:#e0e7ff;color:#4f46e5}.report-credito-card-actions .btn-view:hover{background:#c7d2fe}.report-credito-card-actions .btn-payment{background:#dcfce7;color:#16a34a}.report-credito-card-actions .btn-payment:hover{background:#bbf7d0}.report-credito-empty,.report-credito-loading,.report-credito-error{padding:40px;text-align:center;font-size:15px;color:#94a3b8;font-weight:500}.report-credito-error{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0f172a80;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{position:relative;background:var(--color-surface);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-card-lg{max-width:900px;min-height:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close-btn{all:unset;cursor:pointer;padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.modal-close-btn:hover{background:#f1f5f9;color:var(--color-text)}.modal-body{flex:1;overflow-y:auto;padding:20px}.payment-form{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.payment-form-title{margin:0 0 20px;font-size:16px;font-weight:600;color:#334155}.payment-form-row{display:flex;gap:16px;margin-bottom:16px}.payment-form-field{flex:1;min-width:0}.payment-form-field.full-width{flex:0 0 100%}.payment-form-field>div{width:100%}.payment-form-field label{display:block;margin-bottom:8px;font-weight:500;color:#334155;font-size:14px}.payment-form-field label .required{color:#ef4444}.payment-form-field label small{display:block;font-size:12px;font-weight:400;color:#64748b;margin-top:2px}.payment-form-field input[type=date],.payment-form-field input[type=number],.payment-form-field input[type=text]{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:var(--color-surface);color:var(--color-text);min-height:44px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.payment-form-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.payment-form-field input::placeholder{color:#94a3b8}.payment-form-actions{display:flex;gap:12px;margin-top:20px}.payment-form-actions .btn-save,.payment-form-actions .btn-cancel{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-height:44px}.payment-form-actions .btn-save{background:var(--color-primary);color:#fff}.payment-form-actions .btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.payment-form-actions .btn-save:disabled{opacity:.7;cursor:not-allowed}.payment-form-actions .btn-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.payment-form-actions .btn-cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.fully-paid-message{text-align:center;padding:20px;margin-bottom:20px}.fully-paid-badge{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-weight:500;font-size:14px}.payments-history{margin-top:16px}@media(max-width:640px){.payment-form-row{flex-direction:column;gap:12px}}.modal-injected-content{font-family:inherit;color:inherit}.modal-injected-content *{box-sizing:border-box}.modal-loading-content,.modal-saving-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#64748b;font-size:14px;gap:12px}.modal-saving-overlay{position:absolute;inset:0;background:#ffffffe6;z-index:10}.modal-saving-overlay svg,.modal-loading-content svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-injected-content .nav-tabs{display:flex;list-style:none;padding:0;margin:0 0 16px;border-bottom:1px solid #e2e8f0}.modal-injected-content .nav-tabs>li{margin-bottom:-1px}.modal-injected-content .nav-tabs>li>a{display:block;padding:10px 16px;text-decoration:none;color:#64748b;border:1px solid transparent;border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;transition:all .2s ease}.modal-injected-content .nav-tabs>li>a:hover{color:#0ea5e9;background:#f8fafc}.modal-injected-content .nav-tabs>li.active>a,.modal-injected-content .nav-tabs>li>a.active{color:#0ea5e9;background:#fff;border-color:#e2e8f0 #e2e8f0 #fff}.modal-injected-content .tab-content{padding:8px 0}.modal-injected-content .tab-pane{display:none}.modal-injected-content .tab-pane.active,.modal-injected-content .tab-pane.in.active,.modal-injected-content .tab-pane.show.active{display:block}.modal-injected-content .row{display:flex;flex-wrap:wrap;margin:0 -8px}.modal-injected-content .col-12{flex:0 0 100%;max-width:100%;padding:0 8px}.modal-injected-content .col-md-6{flex:0 0 50%;max-width:50%;padding:0 8px}.modal-injected-content .col-md-12{flex:0 0 100%;max-width:100%;padding:0 8px}@media(max-width:768px){.modal-injected-content .col-md-6{flex:0 0 100%;max-width:100%}}.modal-injected-content .p-20{padding:0}.modal-injected-content .form-group{margin-bottom:16px}.modal-injected-content .form-group label,.modal-injected-content .form-label{display:block;margin-bottom:6px;font-weight:500;color:#334155;font-size:14px}.modal-injected-content .form-group label h6,.modal-injected-content .form-label small{font-size:12px;font-weight:400;color:#64748b;margin:2px 0 0}.modal-injected-content .col-form-label{display:block;margin-bottom:6px;font-weight:500;color:#334155;font-size:14px}.modal-injected-content .col-form-label h6{font-size:12px;font-weight:400;color:#64748b;margin:2px 0 0}.modal-injected-content .input-group{display:flex;width:100%}.modal-injected-content .form-control,.modal-injected-content input[type=date],.modal-injected-content input[type=number],.modal-injected-content input[type=text]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;color:#1e293b;transition:border-color .2s ease,box-shadow .2s ease;min-height:42px}.modal-injected-content .form-control:focus,.modal-injected-content input[type=date]:focus,.modal-injected-content input[type=number]:focus,.modal-injected-content input[type=text]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.modal-injected-content .form-select,.modal-injected-content select,.modal-injected-content select.select2,.modal-injected-content select.form-select{width:100%!important;padding:10px 36px 10px 12px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;font-size:14px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important;color:#1e293b!important;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-height:42px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.modal-injected-content .form-select::-ms-expand,.modal-injected-content select::-ms-expand{display:none!important}.modal-injected-content .form-select:hover,.modal-injected-content select:hover{border-color:#0ea5e9}.modal-injected-content .form-select:focus,.modal-injected-content select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.modal-injected-content .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-height:42px}.modal-injected-content .btn-dark{background:linear-gradient(135deg,#334155,#1e293b);color:#fff}.modal-injected-content .btn-dark:hover{background:linear-gradient(135deg,#1e293b,#0f172a)}.modal-injected-content .btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.modal-injected-content .btn-primary:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.modal-injected-content .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-injected-content .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.modal-injected-content .w-100{width:100%}.modal-injected-content .m-t-10{margin-top:10px}.modal-injected-content .m-r-10{margin-right:10px}.modal-injected-content center{display:block}.modal-injected-content .table{width:100%;border-collapse:collapse;font-size:14px}.modal-injected-content .table th,.modal-injected-content .table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.modal-injected-content .table th{background:#f8fafc;font-weight:600;color:#334155}.modal-injected-content .table tbody tr:hover{background:#f1f5f9}@media(max-width:640px){.report-credito-module-head{flex-direction:column;align-items:flex-start}.report-credito-module-head h1{font-size:24px}.report-credito-summary,.report-credito-grid{grid-template-columns:1fr}}.app-shell.dark .report-credito-module-head{background:#1e293b;box-shadow:0 3px 8px #00000026,0 10px 28px #0003}.app-shell.dark .report-credito-module-head h1{color:#e2e8f0}.app-shell.dark .report-credito-breadcrumb{color:#64748b}.app-shell.dark .report-credito-breadcrumb a:hover,.app-shell.dark .report-credito-breadcrumb strong{color:#38bdf8}.app-shell.dark .report-credito-summary-card{background:#1e293b;box-shadow:0 2px 4px #00000026,0 6px 12px #0003}.app-shell.dark .report-credito-summary-card .label{color:#64748b}.app-shell.dark .report-credito-chart-card{background:#1e293b;box-shadow:0 4px 6px #00000026,0 10px 20px #0003}.app-shell.dark .report-credito-chart-card h2{color:#e2e8f0}.app-shell.dark .report-credito-chart-empty{color:#64748b}.app-shell.dark .report-credito-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .report-credito-filters-toggle:hover,.app-shell.dark .report-credito-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .report-credito-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .report-credito-filters-chevron{color:#9ca3af}.app-shell.dark .report-credito-column-filters input{background:#1f2937;border-color:#374151;color:#e2e8f0}.app-shell.dark .report-credito-column-filters input::placeholder{color:#64748b}.app-shell.dark .report-credito-column-filters input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #38bdf833}.app-shell.dark .report-credito-search-main input{background:#1f2937;border-color:#374151;color:#e2e8f0}.app-shell.dark .report-credito-search-main input::placeholder{color:#64748b}.app-shell.dark .report-credito-search-main input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #38bdf833}.app-shell.dark .report-credito-card{background:#1e293b;box-shadow:0 4px 6px #00000026,0 10px 20px #0003}.app-shell.dark .report-credito-card:hover{box-shadow:0 8px 16px #0003,0 16px 32px #00000040}.app-shell.dark .report-credito-card-header{color:#64748b}.app-shell.dark .report-credito-id{color:#38bdf8}.app-shell.dark .report-credito-card h2{color:#e2e8f0}.app-shell.dark .report-credito-card p strong{color:#94a3b8}.app-shell.dark .report-credito-modulo{background:#1e3a5f;color:#38bdf8}.app-shell.dark .report-credito-card-actions{border-top-color:#334155}.app-shell.dark .report-credito-card-actions .btn-view{background:#1e3a5f;color:#38bdf8}.app-shell.dark .report-credito-card-actions .btn-view:hover{background:#0c4a6e}.app-shell.dark .report-credito-card-actions .btn-payment{background:#14532d;color:#4ade80}.app-shell.dark .report-credito-card-actions .btn-payment:hover{background:#166534}.app-shell.dark .report-credito-empty,.app-shell.dark .report-credito-loading{color:#64748b}.app-shell.dark .modal-overlay{background:#000000b3}.app-shell.dark .modal-card{background:#1e293b}.app-shell.dark .modal-header{border-bottom-color:#334155}.app-shell.dark .modal-header h3{color:#e2e8f0}.app-shell.dark .modal-close-btn{color:#94a3b8}.app-shell.dark .modal-close-btn:hover{background:#334155;color:#e2e8f0}.app-shell.dark .modal-body{color:#e2e8f0}.app-shell.dark .modal-saving-overlay{background:#1e293be6;color:#94a3b8}.app-shell.dark .modal-injected-content .nav-tabs{border-bottom-color:#334155}.app-shell.dark .modal-injected-content .nav-tabs>li>a{color:#94a3b8}.app-shell.dark .modal-injected-content .nav-tabs>li>a:hover{color:#38bdf8;background:#1e3a5f}.app-shell.dark .modal-injected-content .nav-tabs>li.active>a,.app-shell.dark .modal-injected-content .nav-tabs>li>a.active{color:#38bdf8;background:#1e293b;border-color:#334155 #334155 #1e293b}.app-shell.dark .modal-injected-content .form-group label,.app-shell.dark .modal-injected-content .form-label,.app-shell.dark .modal-injected-content .col-form-label{color:#e2e8f0}.app-shell.dark .modal-injected-content .form-group label h6,.app-shell.dark .modal-injected-content .form-label small,.app-shell.dark .modal-injected-content .col-form-label h6{color:#94a3b8}.app-shell.dark .modal-injected-content .form-control,.app-shell.dark .modal-injected-content input[type=date],.app-shell.dark .modal-injected-content input[type=number],.app-shell.dark .modal-injected-content input[type=text]{background:#111827;border-color:#334155;color:#e2e8f0}.app-shell.dark .modal-injected-content .form-control:focus,.app-shell.dark .modal-injected-content input[type=date]:focus,.app-shell.dark .modal-injected-content input[type=number]:focus,.app-shell.dark .modal-injected-content input[type=text]:focus{border-color:#38bdf8}.app-shell.dark .modal-injected-content .form-select,.app-shell.dark .modal-injected-content select,.app-shell.dark .modal-injected-content select.select2,.app-shell.dark .modal-injected-content select.form-select{background-color:#111827!important;border-color:#334155!important;color:#e2e8f0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important}.app-shell.dark .modal-injected-content .form-select:hover,.app-shell.dark .modal-injected-content select:hover{border-color:#38bdf8}.app-shell.dark .modal-injected-content .form-select:focus,.app-shell.dark .modal-injected-content select:focus{border-color:#38bdf8}.app-shell.dark .modal-injected-content .form-select option,.app-shell.dark .modal-injected-content select option{background:#1f2937;color:#e2e8f0}.app-shell.dark .modal-injected-content .table th{background:#1e3a5f;color:#e2e8f0}.app-shell.dark .modal-injected-content .table th,.app-shell.dark .modal-injected-content .table td{border-bottom-color:#334155}.app-shell.dark .modal-injected-content .table tbody tr:hover{background:#1e3a5f}.app-shell.dark .payment-form{border-bottom-color:#334155}.app-shell.dark .payment-form-title,.app-shell.dark .payment-form-field label{color:#e2e8f0}.app-shell.dark .payment-form-field label small{color:#94a3b8}.app-shell.dark .payment-form-field input[type=date],.app-shell.dark .payment-form-field input[type=number],.app-shell.dark .payment-form-field input[type=text]{background:#111827;border-color:#334155;color:#e2e8f0}.app-shell.dark .payment-form-field input:focus{border-color:#38bdf8}.app-shell.dark .payment-form-field input::placeholder{color:#64748b}.pos-page{padding:20px;min-height:100vh}.pos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.pos-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pos-error-card{max-width:420px;margin:80px auto;padding:40px;background:var(--color-surface);border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000001a}.pos-error-icon{font-size:64px;color:#ef4444;margin-bottom:16px}.pos-error-card h2{margin:0 0 12px;font-size:24px;color:#1e293b}.pos-error-card p{margin:0 0 24px;color:#64748b}.pos-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.pos-header-left{display:flex;align-items:center;gap:24px}.pos-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#1e293b;margin:0}.pos-title svg{color:var(--color-primary)}.pos-resolution{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.pos-resolution-select{min-width:200px}.pos-header-right{display:flex;align-items:center;gap:20px}.pos-remission-switch{display:flex;align-items:center;gap:10px}.pos-switch{position:relative;display:inline-block;width:44px;height:24px}.pos-switch input{opacity:0;width:0;height:0}.pos-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.pos-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.pos-switch input:checked+.pos-switch-slider{background-color:#27ae60}.pos-switch input:checked+.pos-switch-slider:before{transform:translate(20px)}.pos-switch-label{font-size:14px;color:#64748b;-webkit-user-select:none;user-select:none;cursor:pointer}.pos-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.pos-breadcrumb a{color:var(--color-primary)}.pos-breadcrumb span{color:#94a3b8}.pos-breadcrumb strong{color:#64748b}.pos-summary-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:16px 20px;background:var(--color-surface);border-radius:14px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.pos-client-section{flex:1;min-width:280px}.pos-client-section label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#64748b;margin-bottom:8px}.pos-client-search-container,.pos-search-input-wrapper{position:relative}.pos-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.pos-search-input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .2s}.pos-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.pos-search-input:disabled{background:#f1f5f9;cursor:not-allowed}.pos-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:4px;max-height:220px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0000001a;list-style:none;padding:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.pos-search-results::-webkit-scrollbar{width:6px}.pos-search-results::-webkit-scrollbar-track{background:transparent}.pos-search-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pos-search-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pos-search-results li{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;transition:background .15s}.pos-search-results li:last-child{border-bottom:none}.pos-search-results li:hover{background:#f8fafc}.pos-search-results li small{color:#94a3b8;font-size:12px}.pos-create-client{color:var(--color-primary);font-weight:600;gap:8px}.pos-total-section{text-align:right}.pos-total-display{display:flex;align-items:baseline;gap:8px;justify-content:flex-end}.pos-total-label{font-size:14px;color:#64748b}.pos-total-amount{font-size:28px;font-weight:700;color:var(--color-primary)}.pos-datetime{display:flex;gap:16px;font-size:13px;color:#94a3b8;margin-top:4px;justify-content:flex-end}.pos-datetime span{display:flex;align-items:center;gap:4px}.pos-main{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pos-card{background:var(--color-surface);border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.pos-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0}.pos-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.pos-card-header h3 svg{color:var(--color-primary)}.pos-card-body{padding:16px 20px;flex:1;display:flex;flex-direction:column}.pos-product-list{flex:1;margin-top:16px}.pos-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;color:#64748b}.pos-badge{background:var(--color-primary);color:#fff;padding:2px 10px;border-radius:12px;font-size:12px}.pos-badge-success{background:#22c55e}.pos-product-list ul,.pos-selected-list{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.pos-product-list ul::-webkit-scrollbar,.pos-selected-list::-webkit-scrollbar{width:6px}.pos-product-list ul::-webkit-scrollbar-track,.pos-selected-list::-webkit-scrollbar-track{background:transparent}.pos-product-list ul::-webkit-scrollbar-thumb,.pos-selected-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pos-product-list ul::-webkit-scrollbar-thumb:hover,.pos-selected-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pos-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;text-align:center}.pos-empty-state svg{font-size:32px;margin-bottom:8px}.pos-product-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;transition:all .15s}.pos-product-item:hover{border-color:var(--color-primary);background:#f8fafc}.pos-product-info{display:flex;flex-direction:column;gap:2px}.pos-product-name{font-weight:600;color:#1e293b}.pos-product-info small{color:#94a3b8;font-size:12px}.pos-product-actions{display:flex;align-items:center;gap:12px}.pos-product-price{font-weight:600;color:#22c55e}.pos-cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px}.pos-cart-name{flex:1;font-weight:500;color:#1e293b;margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-cart-controls{display:flex;align-items:center;gap:8px}.pos-qty-input,.pos-price-input{width:70px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;text-align:center;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.pos-qty-input:focus,.pos-price-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.pos-qty-input::-webkit-inner-spin-button,.pos-qty-input::-webkit-outer-spin-button,.pos-price-input::-webkit-inner-spin-button,.pos-price-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.pos-qty-input:hover,.pos-price-input:hover{border-color:#94a3b8}.pos-price-input{width:90px}.pos-cart-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:auto;border-top:1px solid #e2e8f0;font-size:18px;font-weight:700}.pos-cart-total-amount{color:var(--color-primary)}.pos-cart-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.pos-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pos-btn:disabled{opacity:.5;cursor:not-allowed}.pos-btn-sm{padding:6px 10px;font-size:13px}.pos-btn-lg{padding:14px 20px;font-size:16px}.pos-btn-primary{background:var(--color-primary);color:#fff;text-decoration:none}.pos-btn-primary:hover:not(:disabled){background:#0284c7}.pos-btn-secondary{background:#f1f5f9;color:#475569}.pos-btn-secondary:hover:not(:disabled){background:#e2e8f0}.pos-btn-success{background:#22c55e;color:#fff}.pos-btn-success:hover:not(:disabled){background:#16a34a}.pos-btn-danger{background:#ef4444;color:#fff}.pos-btn-danger:hover:not(:disabled){background:#dc2626}.pos-btn-outline-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.pos-btn-outline-danger:hover:not(:disabled){background:#fef2f2}.pos-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.pos-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.pos-modal-sm{max-width:400px}.pos-modal-lg{max-width:900px}.pos-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.pos-modal-header h3{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.pos-modal-header button{background:none;border:none;cursor:pointer;font-size:20px;color:#64748b;padding:4px;display:flex}.pos-modal-header button:hover{color:#1e293b}.pos-modal-header-warning{background:#fef3c7;border-color:#fcd34d}.pos-modal-body{padding:20px;overflow-y:auto;flex:1}.pos-modal-body-center{text-align:center}.pos-modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}.pos-modal-footer-center{justify-content:center}.pos-modal-processing{text-align:center;padding:40px}.pos-modal-processing h3{margin:16px 0 8px;color:#1e293b}.pos-modal-processing p{color:#64748b;margin:0}.pos-payments-section{display:flex;flex-direction:column;gap:12px}.pos-payment-row{display:flex;gap:10px;align-items:center}.pos-payment-select{flex:1}.pos-payment-input{width:120px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px}.pos-credit-section{padding:12px;background:#f8fafc;border-radius:10px}.pos-credit-section label{display:block;font-size:13px;font-weight:600;color:#64748b;margin-bottom:8px}.pos-checkout-summary{margin-top:20px;padding:16px;background:#f8fafc;border-radius:10px}.pos-summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:15px}.pos-summary-row:last-child{padding-top:12px;margin-top:8px;border-top:1px solid #e2e8f0;font-weight:700;font-size:18px}.pos-change-positive span:last-child{color:#22c55e}.pos-change-negative span:last-child{color:#ef4444}.pos-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pos-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#475569}.pos-form-grid input,.pos-form-grid select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff}.pos-form-grid input:focus,.pos-form-grid select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.pos-pdf-body{background:#f8fafc;min-height:400px}.pos-pdf-iframe{width:100%;min-height:500px;height:60vh;border:none;background:#fff;border-radius:8px}.app-shell.dark .pos-title{color:#e5e7eb}.app-shell.dark .pos-error-card{background:#1f2937}.app-shell.dark .pos-error-card h2{color:#e5e7eb}.app-shell.dark .pos-error-card p{color:#9ca3af}.app-shell.dark .pos-card,.app-shell.dark .pos-summary-bar{background:#1f2937}.app-shell.dark .pos-card-header{border-color:#374151}.app-shell.dark .pos-card-header h3,.app-shell.dark .pos-product-name,.app-shell.dark .pos-cart-name{color:#e5e7eb}.app-shell.dark .pos-search-input{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .pos-search-results{background:#1f2937;border-color:#374151;scrollbar-color:#475569 transparent}.app-shell.dark .pos-search-results::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .pos-search-results::-webkit-scrollbar-thumb:hover{background:#64748b}.app-shell.dark .pos-search-results li{border-color:#374151}.app-shell.dark .pos-search-results li:hover{background:#374151}.app-shell.dark .pos-product-item,.app-shell.dark .pos-cart-item{border-color:#374151}.app-shell.dark .pos-product-item:hover{background:#374151}.app-shell.dark .pos-qty-input,.app-shell.dark .pos-price-input,.app-shell.dark .pos-payment-input{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .pos-qty-input:hover,.app-shell.dark .pos-price-input:hover,.app-shell.dark .pos-payment-input:hover{border-color:#4b5563}.app-shell.dark .pos-qty-input:focus,.app-shell.dark .pos-price-input:focus,.app-shell.dark .pos-payment-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.app-shell.dark .pos-cart-total{border-color:#374151}.app-shell.dark .pos-product-list ul,.app-shell.dark .pos-selected-list{scrollbar-color:#475569 transparent}.app-shell.dark .pos-product-list ul::-webkit-scrollbar-thumb,.app-shell.dark .pos-selected-list::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .pos-product-list ul::-webkit-scrollbar-thumb:hover,.app-shell.dark .pos-selected-list::-webkit-scrollbar-thumb:hover{background:#64748b}.app-shell.dark .pos-modal{background:#1f2937}.app-shell.dark .pos-modal-header,.app-shell.dark .pos-modal-footer{border-color:#374151}.app-shell.dark .pos-modal-header h3{color:#e5e7eb}.app-shell.dark .pos-checkout-summary,.app-shell.dark .pos-credit-section{background:#111827}.app-shell.dark .pos-summary-row:last-child{border-color:#374151}.app-shell.dark .pos-form-grid label{color:#9ca3af}.app-shell.dark .pos-form-grid input,.app-shell.dark .pos-form-grid select{background:#111827;border-color:#374151;color:#e5e7eb}.app-shell.dark .pos-btn-secondary{background:#374151;color:#e5e7eb}.app-shell.dark .pos-btn-secondary:hover:not(:disabled){background:#4b5563}.app-shell.dark .pos-modal-header-warning{background:#422006;border-color:#854d0e}.app-shell.dark .pos-modal-header-warning h3{color:#fcd34d}.app-shell.dark .pos-modal-body p,.app-shell.dark .pos-modal-body small{color:#d1d5db}.app-shell.dark .pos-modal-processing h3{color:#e5e7eb}.app-shell.dark .pos-modal-processing p{color:#9ca3af}@media(max-width:1024px){.pos-main{grid-template-columns:1fr}}@media(max-width:768px){.pos-page{padding:12px;overflow-x:hidden}.pos-header{flex-direction:column;align-items:flex-start}.pos-header-left{flex-wrap:wrap}.pos-title{font-size:20px}.pos-summary-bar{flex-direction:column;align-items:stretch}.pos-total-section{text-align:left}.pos-total-display,.pos-datetime{justify-content:flex-start}.pos-form-grid{grid-template-columns:1fr}.pos-payment-row{flex-wrap:wrap}.pos-payment-select{width:100%}.pos-payment-input{flex:1}.pos-cart-item{flex-wrap:wrap;gap:8px}.pos-cart-name{flex:0 0 100%;white-space:normal;margin-right:0}.pos-cart-controls{width:100%;justify-content:space-between}.pos-qty-input{width:50px}.pos-price-input{width:70px}.pos-selected-list{max-height:250px}.pos-card-body{padding:12px}}.app-shell{height:100vh;min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#f4f6fb;transition:grid-template-columns .2s ease;overflow:hidden}.app-shell.collapsed{grid-template-columns:78px 1fr}.app-sidebar{background:#fff;border-right:1px solid #e5e7eb;padding:20px 14px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:40;box-shadow:0 10px 30px #0f172a0f}.app-sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:sticky;top:0;z-index:2;background:inherit}.app-logo{font-size:24px;font-weight:800;color:var(--color-primary)}.sidebar-toggle{border:0;background:#e0f2fe;color:#0369a1;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:#bae6fd;color:#0c4a6e}.sidebar-close-mobile{display:none;border:0;background:#e0f2fe;color:#0369a1;border-radius:8px;width:32px;height:32px;place-items:center;cursor:pointer;transition:all .2s ease}.sidebar-close-mobile:hover{background:#bae6fd;color:#0c4a6e}.app-menu{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.app-menu::-webkit-scrollbar{width:6px}.app-menu::-webkit-scrollbar-track{background:transparent}.app-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.app-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell.dark .app-menu::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .app-menu::-webkit-scrollbar-thumb:hover{background:#64748b}.app-menu-link{text-decoration:none;color:#334155;padding:10px 12px;border-radius:10px;font-weight:500;font-size:15px;display:flex;align-items:center;gap:10px;transition:all .2s ease;position:relative;overflow:hidden}.app-menu-link:hover{background:#f8fafc;color:#1e293b;transform:translate(1px)}.app-menu-link:not(.sub).active{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary-soft-border);border-left:4px solid var(--color-primary)}.app-menu-link:not(.sub).active:after{content:none}.app-menu-link.sub{margin-left:0;padding-left:34px;background:transparent;box-shadow:none}.app-menu-link.sub:hover{background:transparent;color:#334155}.app-menu-link.sub.active{background:transparent;box-shadow:none;color:var(--color-primary)}.app-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.app-group-toggle{border:0;background:transparent;color:#334155;border-radius:10px;padding:10px 12px;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;transition:all .2s ease}.app-group-toggle:hover{background:#f8fafc}.app-group-toggle.open{background:transparent;box-shadow:none}.app-group-toggle.active{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary-soft-border);position:relative;border-left:4px solid var(--color-primary)}.app-group-toggle.active:after{content:none}.app-group-left{display:flex;align-items:center;gap:10px}.group-chevron{transition:transform .2s ease}.app-group-toggle.open .group-chevron{transform:rotate(180deg)}.app-submenu{display:grid;gap:8px;animation:submenu-in .2s ease}@keyframes submenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-shell.collapsed .app-logo,.app-shell.collapsed .app-menu-link,.app-shell.collapsed .app-group-left,.app-shell.collapsed .app-group-toggle{font-size:0}.app-shell.collapsed .app-menu-link,.app-shell.collapsed .app-group-toggle{justify-content:center;padding:10px 8px}.app-shell.collapsed .app-menu-link.sub{margin-left:0;padding-left:10px}.app-shell.collapsed .app-group-toggle .group-chevron{display:none}.app-shell.collapsed .app-menu-link .app-icon,.app-shell.collapsed .app-group-left .app-icon{font-size:18px}.app-content-wrap{min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 10px 24px #0f172a2e;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:sticky;top:0;z-index:30;flex-shrink:0}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-item{position:relative}.icon-button{width:38px;height:38px;border:0;background:transparent;color:#334155;border-radius:8px;display:grid;place-items:center;cursor:pointer;position:relative}.icon-button:hover{background:#f1f5f9}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;display:grid;place-items:center;font-weight:700;padding:0 4px}.user-chip{border:0;background:transparent;border-radius:8px;padding:4px 6px;display:flex;align-items:center;gap:8px;cursor:pointer}.user-chip:hover{background:#f1f5f9}.user-avatar{width:30px;height:30px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:13px;font-weight:700;display:grid;place-items:center}.theme-button{width:38px;height:38px;border:0;background:transparent;color:#334155;border-radius:8px;display:grid;place-items:center;cursor:pointer}.theme-button:hover{background:#f1f5f9}.user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.user-meta strong{color:#1e293b;font-size:14px;font-weight:600}.user-meta small{color:#64748b;font-size:12px}.user-chevron{color:#64748b}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 16px 30px #0f172a1f;padding:10px;z-index:60}.dropdown-title{font-size:15px;color:#0f172a;font-weight:600;padding:4px 6px 10px}.notif-list{display:grid;gap:8px}.notif-item{background:#f8fafc;border-radius:10px;padding:8px 10px;border-left:4px solid var(--notif-accent, #0dcaf0)}.notif-item p{margin:0;color:#1e293b;font-size:13px}.notif-item span{color:var(--notif-accent, #64748b);font-size:11px;font-weight:600}.user-panel{min-width:180px}.dropdown-action{border:0;background:transparent;width:100%;text-align:left;border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:8px;color:#1e293b;font-size:14px;cursor:pointer}.dropdown-action:hover{background:#f8fafc}.dropdown-action.danger{color:#dc2626}.app-shell.dark{background:#0f172a}.app-shell.dark .app-sidebar,.app-shell.dark .app-topbar,.app-shell.dark .clients-header,.app-shell.dark .clients-toolbar,.app-shell.dark .clients-loading,.app-shell.dark .clients-error,.app-shell.dark .clients-empty,.app-shell.dark .clients-pagination,.app-shell.dark .client-card,.app-shell.dark .dropdown-panel,.app-shell.dark section{background:#111827;border-color:#1f2937;color:#e5e7eb}.app-shell.dark .sidebar-toggle{background:#1e3a5f;color:#7dd3fc}.app-shell.dark .sidebar-toggle:hover{background:#0c4a6e;color:#bae6fd}.app-shell.dark .menu-mobile-button,.app-shell.dark .sidebar-close-mobile{background:#1e3a5f;color:#7dd3fc}.app-shell.dark .menu-mobile-button:hover,.app-shell.dark .sidebar-close-mobile:hover{background:#0c4a6e;color:#bae6fd}.app-shell.dark .app-menu-link,.app-shell.dark .app-group-toggle,.app-shell.dark .app-user,.app-shell.dark .user-meta strong,.app-shell.dark .dropdown-title,.app-shell.dark .dropdown-action,.app-shell.dark .clients-header h1,.app-shell.dark .client-card h2,.app-shell.dark .client-card p,.app-shell.dark .clients-toolbar span,.app-shell.dark .clients-pagination span,.app-shell.dark .notif-item p{color:#e5e7eb}.app-shell.dark .app-menu-link:hover,.app-shell.dark .app-group-toggle:hover,.app-shell.dark .icon-button:hover,.app-shell.dark .user-chip:hover,.app-shell.dark .theme-button:hover,.app-shell.dark .dropdown-action:hover{background:#1f2937}.app-shell.dark .app-menu-link:not(.sub).active{background:#0c4a6e;color:#bae6fd;box-shadow:inset 0 0 0 1px #0284c7;border-left:4px solid #38bdf8}.app-shell.dark .app-group-toggle.active{background:#0c4a6e;color:#bae6fd;box-shadow:inset 0 0 0 1px #0284c7;border-left:4px solid #38bdf8}.app-shell.dark .app-group-toggle.active:after{content:none}.app-shell.dark .app-menu-link.sub,.app-shell.dark .app-menu-link.sub:hover{background:transparent;box-shadow:none;color:#e5e7eb}.app-shell.dark .app-menu-link.sub.active{color:#e0f2fe;background:#0ea5e93d;box-shadow:none}.app-shell.dark .user-meta small,.app-shell.dark .notif-item span,.app-shell.dark .clients-header p{color:#9ca3af}.app-shell.dark .icon-button,.app-shell.dark .theme-button,.app-shell.dark .user-chevron{color:#fff}.app-shell.dark .app-topbar{box-shadow:0 12px 26px #00000080}.app-shell.dark .user-avatar{background:#334155;color:#e2e8f0}.app-shell.dark .clients-filters input,.app-shell.dark .clients-toolbar select{background:#0b1220;border-color:#334155;color:#e5e7eb}.app-shell.dark .notif-item{background:#1f2937}.app-shell.dark .client-card{background:#1f2937;border:1px solid #334155;box-shadow:none}.menu-mobile-button{display:none;border:0;background:#e0f2fe;color:#0369a1;border-radius:8px;width:36px;height:36px;place-items:center;cursor:pointer;transition:all .2s ease}.menu-mobile-button:hover{background:#bae6fd;color:#0c4a6e}.sidebar-overlay{display:none}.app-user{color:#334155;font-size:14px}.logout-button{border:0;background:#ef4444;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.app-content{padding:16px;flex:1;min-height:0;overflow-y:auto}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.app-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell.dark .app-content::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .app-content::-webkit-scrollbar-thumb:hover{background:#64748b}@media(max-width:900px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:0;width:290px;height:100vh;border-right:1px solid #e5e7eb;border-bottom:0;transform:translate(-100%);transition:transform .25s ease;padding-top:14px}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:none}.sidebar-close-mobile,.menu-mobile-button{display:grid}.app-shell.collapsed .app-logo,.app-shell.collapsed .app-menu-link,.app-shell.collapsed .app-group-left,.app-shell.collapsed .app-group-toggle{font-size:15px}.app-shell.collapsed .app-logo{font-size:24px}.app-shell.collapsed .app-menu-link,.app-shell.collapsed .app-group-toggle{justify-content:flex-start;padding:10px 12px}.app-shell.collapsed .app-menu-link.sub{margin-left:0;padding-left:34px}.app-shell.collapsed .app-group-toggle .group-chevron{display:block}.app-shell.collapsed .app-menu-link .app-icon,.app-shell.collapsed .app-group-left .app-icon{font-size:16px}.topbar-right{gap:8px}.user-meta{display:none}.sidebar-overlay{display:block;position:fixed;inset:0;border:0;background:#0f172a59;z-index:30}}.profile-page{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:0 2px 6px #0f172a0a,0 6px 20px #0f172a0a}.profile-page h1{margin:0 0 16px;font-size:24px;font-weight:700;color:#1e293b}.profile-page p{margin:0 0 8px;font-size:15px;color:#475569}.profile-page p:last-child{margin-bottom:0}.profile-page strong{color:#334155}.app-shell.dark .profile-page{background:#111827;border:1px solid #1f2937}.app-shell.dark .profile-page h1{color:#e5e7eb}.app-shell.dark .profile-page p{color:#9ca3af}.app-shell.dark .profile-page strong{color:#e5e7eb}.config-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.config-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.config-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.config-title-icon{color:var(--color-primary)}.config-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.config-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:flex;align-items:center}.config-form-breadcrumb a:hover{color:var(--color-primary)}.config-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.config-form-card{background:var(--color-surface);border-radius:18px;padding:0;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d;overflow:hidden}.config-loading{padding:60px 40px;text-align:center;color:#64748b;font-size:15px}.config-error{padding:40px;margin:20px;text-align:center;background:#fee2e2;border-radius:12px;color:#991b1b}.config-error p{margin:0 0 16px}.config-error button{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600;transition:all .2s ease}.config-error button:hover{background:var(--color-primary-dark, #0284c7)}.config-injected-content{font-size:14px;line-height:1.5}.config-injected-content>.row>.col-md-12>.card{border:none;box-shadow:none;margin:0;border-radius:0}.config-injected-content>.row{margin:0}.config-injected-content .card-body{padding:0}.config-injected-content .nav-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #e2e8f0;margin:0;padding:0 20px;list-style:none;background:#f8fafc}.config-injected-content .nav-tabs .nav-item{margin:0}.config-injected-content .nav-tabs .nav-link{display:block;padding:14px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;text-decoration:none}.config-injected-content .nav-tabs .nav-link:hover{color:var(--color-primary);background:#0ea5e90d}.config-injected-content .nav-tabs .nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600;background:transparent}.config-injected-content .tab-content{padding:0}.config-injected-content .tabcontent-border{border:none}.config-injected-content .tab-pane{display:none}.config-injected-content .tab-pane.active{display:block}.config-injected-content .p-20{padding:24px}.config-injected-content .card-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.config-injected-content hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0 24px}.config-injected-content .row{display:flex;flex-wrap:wrap;margin:0 -8px 16px}.config-injected-content .col-12{flex:0 0 100%;max-width:100%;padding:0 8px}.config-injected-content .col-md-3{flex:0 0 25%;max-width:25%;padding:0 8px}.config-injected-content .col-md-4{flex:0 0 33.333%;max-width:33.333%;padding:0 8px}.config-injected-content .col-md-6{flex:0 0 50%;max-width:50%;padding:0 8px}.config-injected-content .col-md-12{flex:0 0 100%;max-width:100%;padding:0 8px}.config-injected-content .col-sm-12{padding:0 8px}.config-injected-content .col-lg-4{flex:0 0 33.333%;max-width:33.333%;padding:0 8px}.config-injected-content label,.config-injected-content .col-form-label{display:block;color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.config-injected-content label h6{font-size:12px;font-weight:400;color:#64748b;margin:4px 0 0}.config-injected-content .form-control{display:block;width:100%;border-radius:10px;border:1px solid #e2e8f0;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;background:var(--color-surface);color:#1e293b;transition:all .2s ease}.config-injected-content .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.config-injected-content .form-control:disabled{background:#f1f5f9;cursor:not-allowed}.config-injected-content textarea.form-control{resize:vertical;min-height:100px}.config-injected-content select.form-control,.config-injected-content select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:var(--color-surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px!important;padding:12px 40px 12px 14px!important;cursor:pointer;min-height:44px;border-radius:12px!important;border:1px solid #e2e8f0!important;transition:all .2s ease;font-size:14px;color:#1e293b}.config-injected-content select::-ms-expand{display:none}.config-injected-content select.form-control:hover,.config-injected-content select:hover{border-color:var(--color-primary)!important}.config-injected-content select.form-control:focus,.config-injected-content select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #0ea5e91f!important;outline:none!important}.config-injected-content select.form-control option,.config-injected-content select option{padding:10px;background:var(--color-surface);color:#1e293b}.config-injected-content .form-group{margin-bottom:16px}.config-injected-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 20px;border:none;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:all .2s ease;text-decoration:none}.config-injected-content .btn-lg{padding:12px 28px;font-size:15px}.config-injected-content .btn-primary,.config-injected-content .btn-info{background:var(--color-primary);color:#fff}.config-injected-content .btn-primary:hover:not(:disabled),.config-injected-content .btn-info:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.config-injected-content .btn-success{background:#22c55e;color:#fff}.config-injected-content .btn-success:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.config-injected-content .btn-danger{background:#ef4444;color:#fff}.config-injected-content .btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.config-injected-content .btn-secondary{background:#64748b;color:#fff}.config-injected-content .btn-secondary:hover:not(:disabled){background:#475569}.config-injected-content .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.config-injected-content .text-white{color:#fff!important}.config-injected-content .m-r-10{margin-right:10px}.config-injected-content .m-t-10{margin-top:10px}.config-injected-content .m-l-15{margin-left:15px}.config-injected-content center{text-align:center;padding:10px 0}.config-injected-content .table,.config-injected-content table{width:100%;border-collapse:collapse;margin-top:16px}.config-injected-content .table th,.config-injected-content table th{padding:12px 14px;text-align:left;font-weight:600;font-size:13px;color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0}.config-injected-content .table td,.config-injected-content table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e2e8f0;color:#334155}.config-injected-content .table tbody tr:hover,.config-injected-content table tbody tr:hover{background:#f8fafc}.config-injected-content .card{background:var(--color-surface);border-radius:14px;border:1px solid #e2e8f0;margin-bottom:20px;overflow:hidden}.config-injected-content .card-header{background:#f8fafc;padding:14px 18px;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:15px}.config-injected-content .modal{display:none;position:fixed;inset:0;z-index:1050;overflow-x:hidden;overflow-y:auto;outline:0}.config-injected-content .modal.show{display:block}.config-injected-content .modal-dialog{position:relative;max-width:600px;margin:1.75rem auto;pointer-events:none}.config-injected-content .modal-content{position:relative;display:flex;flex-direction:column;pointer-events:auto;background:var(--color-surface);border-radius:16px;box-shadow:0 10px 40px #0003;overflow:hidden}.config-injected-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.config-injected-content .modal-title{margin:0;font-size:18px;font-weight:600}.config-injected-content .modal-body{padding:20px}.config-injected-content .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e2e8f0}.config-injected-content .close,.config-injected-content .btn-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:8px;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.config-injected-content .close:before,.config-injected-content .btn-close:before{content:"×";font-size:28px;line-height:1}.config-injected-content .close span,.config-injected-content .btn-close span{display:none}.config-injected-content .close:hover,.config-injected-content .btn-close:hover{color:#1e293b;background:#f1f5f9}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1040}.modal-backdrop.fade{opacity:0;transition:opacity .15s linear}.modal-backdrop.show{opacity:1}body.modal-open{overflow:hidden}.config-injected-content .alert{padding:14px 18px;border-radius:10px;margin-bottom:16px}.config-injected-content .alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.config-injected-content .alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.config-injected-content .alert-info{background:#e0f2fe;color:#0c4a6e;border:1px solid #bae6fd}.config-injected-content img{max-width:100%;height:auto}.config-injected-content .hidden-xs-down{display:inline}.config-injected-content .hidden-sm-up{display:none}@media(max-width:992px){.config-injected-content .col-lg-4{flex:0 0 50%;max-width:50%}}@media(max-width:768px){.config-form-head{flex-direction:column;align-items:flex-start;padding:16px}.config-injected-content .col-md-3,.config-injected-content .col-md-4,.config-injected-content .col-md-6,.config-injected-content .col-lg-4{flex:0 0 100%;max-width:100%}.config-injected-content .nav-tabs{padding:0 10px;overflow-x:auto;flex-wrap:nowrap}.config-injected-content .nav-tabs .nav-link{padding:12px 14px;font-size:13px;white-space:nowrap}.config-injected-content .p-20{padding:16px}}.app-shell.dark .config-form-head{background:#1f2937}.app-shell.dark .config-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .config-loading{color:#94a3b8}.app-shell.dark .config-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .config-injected-content .nav-tabs{background:#1f2937;border-bottom-color:#334155}.app-shell.dark .config-injected-content .nav-tabs .nav-link{color:#94a3b8}.app-shell.dark .config-injected-content .nav-tabs .nav-link:hover{color:var(--color-primary);background:#0ea5e91a}.app-shell.dark .config-injected-content .nav-tabs .nav-link.active{color:var(--color-primary)}.app-shell.dark .config-injected-content .card-title{color:#e5e7eb}.app-shell.dark .config-injected-content hr{border-top-color:#334155}.app-shell.dark .config-injected-content label,.app-shell.dark .config-injected-content .col-form-label{color:#e5e7eb}.app-shell.dark .config-injected-content label h6{color:#94a3b8}.app-shell.dark .config-injected-content .form-control{background:#1f2937;border-color:#334155;color:#e5e7eb}.app-shell.dark .config-injected-content .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e933}.app-shell.dark .config-injected-content select.form-control,.app-shell.dark .config-injected-content select{background-color:#1f2937!important;border-color:#334155!important;color:#e5e7eb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E")!important}.app-shell.dark .config-injected-content select.form-control:hover:not(:disabled),.app-shell.dark .config-injected-content select:hover:not(:disabled){border-color:var(--color-primary)!important;background-color:#374151!important}.app-shell.dark .config-injected-content select.form-control option,.app-shell.dark .config-injected-content select option{background-color:#1f2937;color:#e5e7eb}.app-shell.dark .config-injected-content .form-control:disabled{background:#111827}.app-shell.dark .config-injected-content .table th,.app-shell.dark .config-injected-content table th{background:#1f2937;border-bottom-color:#334155;color:#e5e7eb}.app-shell.dark .config-injected-content .table td,.app-shell.dark .config-injected-content table td{border-bottom-color:#334155;color:#e5e7eb}.app-shell.dark .config-injected-content .table tbody tr:hover,.app-shell.dark .config-injected-content table tbody tr:hover{background:#1f2937}.app-shell.dark .config-injected-content .card{background:#1f2937;border-color:#334155}.app-shell.dark .config-injected-content .card-header{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .config-injected-content .modal-content{background:#1f2937}.app-shell.dark .config-injected-content .modal-header{border-bottom-color:#334155}.app-shell.dark .config-injected-content .modal-title{color:#e5e7eb}.app-shell.dark .config-injected-content .modal-footer{border-top-color:#334155}.app-shell.dark .config-injected-content .close,.app-shell.dark .config-injected-content .btn-close{color:#94a3b8}.app-shell.dark .config-injected-content .close:hover,.app-shell.dark .config-injected-content .btn-close:hover{color:#e5e7eb;background:#ffffff1a}.app-shell.dark .config-injected-content .btn-close:before{color:#94a3b8}.app-shell.dark .config-injected-content .btn-close:hover:before{color:#e5e7eb}.app-shell.dark .config-injected-content .alert-success{background:#14532d;color:#dcfce7;border-color:#166534}.app-shell.dark .config-injected-content .alert-danger{background:#7f1d1d;color:#fee2e2;border-color:#991b1b}.app-shell.dark .config-injected-content .alert-info{background:#0c4a6e;color:#e0f2fe;border-color:#0369a1}.app-shell.dark .modal-backdrop{background:#000000b3}.employees-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.employees-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.employees-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.employees-head-right{display:flex;align-items:center;gap:14px}.employees-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.employees-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.employees-breadcrumb a svg{font-size:16px}.employees-breadcrumb a:hover{color:var(--color-primary)}.employees-breadcrumb strong{color:var(--color-primary);font-weight:700}.employees-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.employees-create-btn:hover{opacity:.92;transform:translateY(-1px)}.employees-filters{display:grid;gap:10px}.employees-search-main{display:flex;gap:10px}.employees-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.employees-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.employees-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.employees-filters button[type=submit]:hover{opacity:.92}.employees-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.employees-filters-toggle:hover,.employees-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.employees-filters-toggle-left{display:flex;align-items:center;gap:8px}.employees-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.employees-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.employees-filters-toggle.open .employees-filters-chevron{transform:rotate(180deg)}.employees-column-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.employees-column-filters.open{max-height:100px;opacity:1;margin-top:0}.employees-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.employee-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.employee-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.employee-card p{margin:0 0 6px;color:#475569;font-size:14px}.employee-card-actions{margin-top:14px;display:flex;gap:8px}.employee-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.employee-card-actions button:hover{opacity:.88;transform:scale(1.05)}.btn-delete{background:#ef4444;color:#fff}.employees-loading,.employees-empty{text-align:center;padding:32px;color:#64748b;font-size:15px}.employees-error{text-align:center;padding:32px;color:#ef4444;font-size:15px}@media(max-width:1100px){.employees-grid,.employees-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.employees-module-head{flex-direction:column;align-items:flex-start;padding:16px}.employees-grid{grid-template-columns:1fr}.employees-search-main{flex-direction:column}}.app-shell.dark .employees-module-head{background:#1f2937}.app-shell.dark .employees-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .employees-filters-toggle:hover,.app-shell.dark .employees-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .employees-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .employees-filters-chevron{color:#9ca3af}.app-shell.dark .employee-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .employee-card h2{color:#e5e7eb}.app-shell.dark .employee-card p{color:#94a3b8}.app-shell.dark .employees-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.employee-form-page{padding:24px;background:var(--color-surface, #f8fafc);min-height:100vh}.employee-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.employee-form-head h1{font-size:28px;font-weight:700;margin:0;color:var(--color-text, #1e293b)}.employee-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-muted, #64748b)}.employee-form-breadcrumb a{color:var(--color-primary, #0dcaf0);text-decoration:none}.employee-form-breadcrumb a:hover{text-decoration:underline}.employee-form-breadcrumb strong{color:var(--color-text, #1e293b)}.employee-form-loading{text-align:center;padding:48px 24px;background:var(--color-card, #ffffff);border-radius:12px;border:1px solid var(--color-border, #e2e8f0);color:var(--color-muted, #64748b)}.employee-form{display:flex;flex-direction:column;gap:24px}.employee-form-section{background:var(--color-card, #ffffff);border-radius:12px;padding:24px;border:1px solid var(--color-border, #e2e8f0)}.employee-form-section-title{font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--color-border, #e2e8f0);color:var(--color-primary, #0dcaf0);display:flex;align-items:center;gap:8px}.employee-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.employee-form-field{display:flex;flex-direction:column;gap:6px}.employee-form-field.full-width{grid-column:1 / -1}.employee-form-field label{font-size:13px;font-weight:600;color:var(--color-muted, #64748b)}.employee-form-field input,.employee-form-field select,.employee-form-field textarea{padding:12px 14px;border:1px solid var(--color-border, #e2e8f0);border-radius:12px;font-size:14px;background:var(--color-surface, #f8fafc);color:var(--color-text, #1e293b);transition:border-color .2s ease,box-shadow .2s ease}.employee-form-field input:focus,.employee-form-field select:focus,.employee-form-field textarea:focus{outline:none;border-color:var(--color-primary, #0dcaf0);box-shadow:0 0 0 3px #0dcaf01f}.employee-form-field textarea{min-height:100px;resize:vertical}.employee-form-field input[type=number]{-moz-appearance:textfield;appearance:textfield}.employee-form-field input[type=number]::-webkit-outer-spin-button,.employee-form-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.employee-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.employee-form-submit,.employee-form-cancel{padding:12px 32px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.employee-form-submit{background:var(--color-primary, #0dcaf0);color:#fff;border:none}.employee-form-submit:hover:not(:disabled){background:#0bb5d8;transform:translateY(-1px)}.employee-form-submit:disabled{opacity:.6;cursor:not-allowed}.employee-form-cancel{background:transparent;color:var(--color-muted, #64748b);border:1px solid var(--color-border, #e2e8f0)}.employee-form-cancel:hover{background:var(--color-surface, #f8fafc)}.app-shell.dark .employee-form-page{background:#0f172a}.app-shell.dark .employee-form-head h1,.app-shell.dark .employee-form-breadcrumb strong{color:#e5e7eb}.app-shell.dark .employee-form-loading{background:#1e293b;border-color:#334155;color:#9ca3af}.app-shell.dark .employee-form-section{background:#1e293b;border-color:#334155}.app-shell.dark .employee-form-section-title{border-color:#334155;color:#7dd3fc}.app-shell.dark .employee-form-field label{color:#9ca3af}.app-shell.dark .employee-form-field input,.app-shell.dark .employee-form-field select,.app-shell.dark .employee-form-field textarea{background:#0f172a;border-color:#334155;color:#e5e7eb}.app-shell.dark .employee-form-cancel{color:#9ca3af;border-color:#334155}.app-shell.dark .employee-form-cancel:hover{background:#0f172a}@media(max-width:640px){.employee-form-page{padding:16px}.employee-form-head{flex-direction:column;align-items:flex-start}.employee-form-grid{grid-template-columns:1fr}.employee-form-actions{flex-direction:column}.employee-form-submit,.employee-form-cancel{width:100%}}.paysheet-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif}.paysheet-module-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.paysheet-module-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.paysheet-head-right{display:flex;align-items:center;gap:14px}.paysheet-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.paysheet-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center}.paysheet-breadcrumb a svg{font-size:16px}.paysheet-breadcrumb a:hover{color:var(--color-primary)}.paysheet-breadcrumb strong{color:var(--color-primary);font-weight:700}.paysheet-create-btn{border:none;border-radius:10px;padding:9px 12px;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.paysheet-create-btn:hover{opacity:.92;transform:translateY(-1px)}.paysheet-filters{display:grid;gap:10px}.paysheet-search-main{display:flex;gap:10px}.paysheet-filters input{flex:1;min-width:0;border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.paysheet-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.paysheet-filters button[type=submit]{border:none;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.paysheet-filters button[type=submit]:hover{opacity:.92}.paysheet-filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.paysheet-filters-toggle:hover,.paysheet-filters-toggle.open{border-color:var(--color-primary);background:var(--color-primary-soft)}.paysheet-filters-toggle-left{display:flex;align-items:center;gap:8px}.paysheet-filters-toggle-left svg{font-size:16px;color:var(--color-primary)}.paysheet-filters-chevron{font-size:18px;color:var(--color-muted);transition:transform .25s ease}.paysheet-filters-toggle.open .paysheet-filters-chevron{transform:rotate(180deg)}.app-shell.dark .paysheet-filters-toggle{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .paysheet-filters-toggle:hover,.app-shell.dark .paysheet-filters-toggle.open{background:#0c4a6e;border-color:#0284c7;color:#bae6fd}.app-shell.dark .paysheet-filters-toggle-left svg{color:#38bdf8}.app-shell.dark .paysheet-filters-chevron{color:#9ca3af}.paysheet-column-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin .25s ease;margin-top:-14px}.paysheet-column-filters.open{max-height:100px;opacity:1;margin-top:0}.paysheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.paysheet-card{background:var(--color-surface);border-radius:18px;padding:18px;box-shadow:0 2px 6px #0f172a0a,0 10px 28px #0f172a0d}.paysheet-card h2{margin:0 0 10px;font-size:19px;font-weight:700}.paysheet-card p{margin:0 0 6px;color:#475569;font-size:14px}.paysheet-card-total{font-weight:700;color:var(--color-primary)}.paysheet-card-worker-missing{color:#ef4444;font-style:italic}.paysheet-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.paysheet-status.sent{background:#22c55e26;color:#22c55e}.paysheet-status.pending{background:#f59e0b26;color:#f59e0b}.paysheet-card-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.paysheet-card-actions button{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.paysheet-card-actions button:hover:not(:disabled){opacity:.88;transform:scale(1.05)}.paysheet-card-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-edit{background:var(--color-primary);color:#fff}.btn-payments{background:#22c55e;color:#fff}.btn-copy{background:#475569;color:#fff}.btn-dian{background:#f59e0b;color:#fff}.btn-pdf,.btn-delete{background:#ef4444;color:#fff}.paysheet-loading,.paysheet-empty{text-align:center;padding:48px 24px;color:#64748b;font-size:15px}.paysheet-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}@media(max-width:1100px){.paysheet-grid,.paysheet-column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.paysheet-module-head{flex-direction:column;align-items:flex-start;padding:16px}.paysheet-grid,.paysheet-column-filters{grid-template-columns:1fr}}.app-shell.dark .paysheet-module-head{background:#1f2937}.app-shell.dark .paysheet-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .paysheet-card p{color:#94a3b8}.app-shell.dark .paysheet-filters input{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .paysheet-loading,.app-shell.dark .paysheet-empty{color:#94a3b8}.app-shell.dark .paysheet-error{background:#7f1d1d;color:#fee2e2}.payments-info{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:16px}.payments-info p{margin:0 0 8px;font-size:14px;color:#475569}.payments-info p:last-child{margin-bottom:0}.payments-note{text-align:center;color:#64748b;font-size:14px;font-style:italic;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn-cancel{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;background:#e2e8f0;color:#475569;border:none}.modal-actions .btn-cancel:hover{background:#cbd5e1}.app-shell.dark .payments-info{background:#111827}.app-shell.dark .payments-info p,.app-shell.dark .payments-note{color:#94a3b8}.app-shell.dark .modal-actions .btn-cancel{background:#374151;color:#e5e7eb}.app-shell.dark .modal-actions .btn-cancel:hover{background:#4b5563}.payment-form{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px}.payment-form h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#1e293b}.payment-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.payment-field label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.payment-field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;box-sizing:border-box}.payment-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.btn-save-payment{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-save-payment:hover:not(:disabled){opacity:.9}.btn-save-payment:disabled{opacity:.6;cursor:not-allowed}.payments-table-wrapper{margin-bottom:20px}.payments-table-wrapper h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1e293b}.payments-table{width:100%;border-collapse:collapse;font-size:13px}.payments-table th,.payments-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.payments-table th{background:#f1f5f9;font-weight:600;color:#475569;font-size:12px}.payments-table td{color:#1e293b}.payments-loading,.payments-empty{text-align:center;padding:24px;color:#64748b;font-size:14px}@media(max-width:700px){.payment-form-grid{grid-template-columns:1fr}}.app-shell.dark .payment-form{background:#111827}.app-shell.dark .payment-form h4{color:#e5e7eb}.app-shell.dark .payment-field label{color:#94a3b8}.app-shell.dark .payment-field input{background:#1f2937;border-color:#334155;color:#e5e7eb}.app-shell.dark .payments-table-wrapper h4{color:#e5e7eb}.app-shell.dark .payments-table th{background:#1f2937;color:#94a3b8}.app-shell.dark .payments-table td{color:#e5e7eb;border-color:#334155}.app-shell.dark .payments-table th{border-color:#334155}.app-shell.dark .payments-loading,.app-shell.dark .payments-empty{color:#94a3b8}.paysheet-template-btn,.paysheet-upload-btn{border:none;border-radius:10px;padding:9px 14px;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.paysheet-template-btn{background:#10b981;color:#fff}.paysheet-template-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.paysheet-template-btn:disabled{opacity:.6;cursor:not-allowed}.paysheet-upload-btn{background:#3b82f6;color:#fff}.paysheet-upload-btn:hover{opacity:.92;transform:translateY(-1px)}.paysheet-template-btn svg,.paysheet-upload-btn svg{font-size:16px}.paysheet-template-btn .btn-text,.paysheet-upload-btn .btn-text{display:inline}@media(max-width:900px){.paysheet-template-btn .btn-text,.paysheet-upload-btn .btn-text{display:none}.paysheet-template-btn,.paysheet-upload-btn{padding:9px 12px}}.modal-card-sm{max-width:450px}.modal-card-excel{max-width:600px}.excel-modal-info{margin:0 0 20px;font-size:14px;color:#475569;line-height:1.5}.excel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.excel-form-field{display:flex;flex-direction:column;gap:4px}.excel-field-label{font-size:14px;font-weight:600;color:#1e293b}.excel-field-hint{font-size:12px;color:#64748b;margin-bottom:6px}.excel-file-section{margin-bottom:20px}.excel-file-section h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.excel-file-section hr{border:none;border-top:1px solid #e2e8f0;margin:0 0 16px}.excel-file-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;background:#fff;cursor:pointer}.excel-file-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.excel-file-input:disabled{opacity:.6;cursor:not-allowed}.excel-file-selected{margin:12px 0 0;padding:10px 12px;background:#ecfdf5;border-radius:8px;font-size:13px;color:#065f46}.excel-file-selected strong{font-weight:600}.excel-modal-tip{margin:0 0 20px;padding:12px;background:#fffbeb;border-radius:8px;font-size:13px;color:#92400e}.excel-modal-tip strong{font-weight:600}.excel-form-actions{display:flex;flex-direction:column;gap:12px}.btn-save-excel{padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-save-excel:hover:not(:disabled){opacity:.9}.btn-save-excel:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-excel{padding:12px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%}.btn-cancel-excel:hover:not(:disabled){background:#dc2626}.btn-cancel-excel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.excel-form-grid{grid-template-columns:1fr}}.app-shell.dark .excel-field-label{color:#e5e7eb}.app-shell.dark .excel-field-hint{color:#94a3b8}.app-shell.dark .excel-file-section h4{color:#e5e7eb}.app-shell.dark .excel-file-section hr{border-color:#374151}.app-shell.dark .excel-file-input{background:#1f2937;border-color:#374151;color:#e5e7eb}.app-shell.dark .excel-file-selected{background:#064e3b;color:#a7f3d0}.app-shell.dark .excel-modal-info{color:#94a3b8}.app-shell.dark .excel-modal-tip{background:#422006;color:#fcd34d}.paysheet-form-page{display:grid;gap:24px;font-family:Work Sans,system-ui,sans-serif;max-width:100%;overflow-x:hidden}.paysheet-form-head{margin:-16px -16px 0;padding:20px 18px;background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 3px 8px #0f172a0a,0 10px 28px #0f172a0d}.paysheet-form-head h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.3px}.paysheet-form-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.paysheet-form-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.paysheet-form-breadcrumb a:hover{color:var(--color-primary)}.paysheet-form-breadcrumb strong{color:var(--color-primary);font-weight:700}.paysheet-form-card{background:var(--color-surface);border-radius:18px;padding:22px;display:grid;gap:20px;box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.paysheet-form-section-title{font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;color:var(--color-primary);display:flex;align-items:center;gap:8px}.paysheet-form-section-title svg{font-size:18px}.paysheet-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.paysheet-form-grid label{display:grid;gap:6px;color:#475569;font-size:14px}.paysheet-form-grid input,.paysheet-form-grid select,.paysheet-form-grid textarea{border-radius:12px;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px;outline:none;background:var(--color-surface);transition:all .2s ease}.paysheet-form-grid input:focus,.paysheet-form-grid select:focus,.paysheet-form-grid textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.paysheet-form-grid select:disabled,.paysheet-form-grid input:disabled{opacity:.6;cursor:not-allowed}.paysheet-form-grid textarea{min-height:80px;resize:vertical}.paysheet-form-grid input[type=number]{-moz-appearance:textfield;appearance:textfield}.paysheet-form-grid input[type=number]::-webkit-outer-spin-button,.paysheet-form-grid input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.paysheet-form-full{grid-column:1 / -1}.paysheet-field-error{color:#dc2626;font-size:12px}.paysheet-form-error{margin:0;border-radius:12px;padding:12px;background:#fee2e2;color:#991b1b;font-size:14px}.paysheet-form-loading{text-align:center;padding:48px 24px;color:#64748b;font-size:15px}.paysheet-form-actions{display:flex;justify-content:flex-end;gap:10px}.btn-save,.btn-cancel{border-radius:10px;padding:9px 18px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-save{background:var(--color-primary);color:#fff}.btn-save:hover:not(:disabled){background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.paysheet-form-card .btn-cancel{background:#ef4444;color:#fff}.paysheet-form-card .btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.paysheet-form-card .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.paysheet-readonly-info{color:#64748b;font-size:14px;margin:0;padding:16px;background:#f8fafc;border-radius:10px;border:1px dashed #e2e8f0}@media(max-width:700px){.paysheet-form-head{flex-direction:column;align-items:flex-start;padding:16px}.paysheet-form-grid{grid-template-columns:1fr}.paysheet-data-table th,.paysheet-data-table td,.paysheet-items-list th,.paysheet-items-list td{padding:8px 10px;font-size:13px}.paysheet-resume-table th,.paysheet-resume-table td{padding:8px 10px;font-size:12px}}.app-shell.dark .paysheet-form-head{background:#1f2937}.app-shell.dark .paysheet-form-card{background:#111827;border:1px solid #1f2937}.app-shell.dark .paysheet-form-section-title{border-color:#334155;color:#38bdf8}.app-shell.dark .paysheet-form-grid label{color:#cbd5e1}.app-shell.dark .paysheet-form-grid input,.app-shell.dark .paysheet-form-grid select,.app-shell.dark .paysheet-form-grid textarea{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .paysheet-form-error{background:#7f1d1d;color:#fee2e2}.app-shell.dark .paysheet-form-loading{color:#94a3b8}.app-shell.dark .paysheet-readonly-info{background:#1f2937;border-color:#374151;color:#94a3b8}.app-shell.dark .paysheet-form-card .btn-cancel:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.lcpos-select-menulist{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.lcpos-select-menulist::-webkit-scrollbar{width:6px}.lcpos-select-menulist::-webkit-scrollbar-track{background:transparent}.lcpos-select-menulist::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.lcpos-select-menulist::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell.dark .lcpos-select-menulist{scrollbar-color:#475569 transparent}.app-shell.dark .lcpos-select-menulist::-webkit-scrollbar-thumb{background:#475569}.app-shell.dark .lcpos-select-menulist::-webkit-scrollbar-thumb:hover{background:#64748b}.paysheet-data-table{margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.paysheet-data-table table{width:100%;min-width:400px;border-collapse:collapse;font-size:14px}.paysheet-data-table th,.paysheet-data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.paysheet-data-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.paysheet-data-table td{color:#1e293b}.paysheet-data-table td strong{color:var(--color-primary)}.paysheet-items-list{margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.paysheet-items-list h4{font-size:14px;font-weight:600;color:#475569;margin:0 0 12px}.paysheet-items-list table{width:100%;min-width:500px;border-collapse:collapse;font-size:14px}.paysheet-items-list th,.paysheet-items-list td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.paysheet-items-list th{background:#f1f5f9;font-weight:600;color:#64748b;font-size:12px}.btn-icon-delete{background:none;border:none;color:#ef4444;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.btn-icon-delete:hover{background:#fee2e2}.paysheet-add-btn-wrapper{margin:16px 0;text-align:center}.btn-add-item{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-add-item:hover{background:var(--color-primary-dark, #0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.paysheet-summary{background:#f8fafc;border-radius:12px;padding:20px;margin:16px 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.summary-row:last-child{border-bottom:none}.summary-row span{font-size:14px;color:#475569}.summary-row .value{font-weight:600;font-size:16px}.summary-row .value.positive{color:#059669}.summary-row .value.negative{color:#dc2626}.summary-row.total{padding-top:16px;margin-top:8px;border-top:2px solid var(--color-primary)}.summary-row.total span{font-size:16px;font-weight:600;color:#1e293b}.summary-row.total .value{font-size:20px;color:var(--color-primary)}.paysheet-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.paysheet-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.paysheet-modal.paysheet-modal-lg{max-width:600px}.paysheet-modal h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1e293b}.modal-field{margin-bottom:16px}.paysheet-resume-table table{min-width:500px}.paysheet-resume-table .text-right{text-align:right}.paysheet-resume-table .table-active{background:#f1f5f9}.paysheet-resume-table .table-active td{font-weight:600}.paysheet-resume-table .table-info{background:#e0f2fe}.paysheet-resume-table .table-info td{font-weight:700;color:#0369a1}.modal-field label{display:block;font-size:13px;font-weight:600;color:#64748b;margin-bottom:6px}.modal-field input,.modal-field select,.modal-field textarea{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;box-sizing:border-box}.modal-field textarea{min-height:80px;resize:vertical}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.modal-dynamic-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.modal-dynamic-fields .modal-field{margin-bottom:0}@media(max-width:600px){.modal-dynamic-fields{grid-template-columns:1fr}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.app-shell.dark .paysheet-data-table th{background:#1f2937;color:#94a3b8}.app-shell.dark .paysheet-data-table td{color:#e5e7eb;border-color:#334155}.app-shell.dark .paysheet-data-table th,.app-shell.dark .paysheet-items-list th{border-color:#334155}.app-shell.dark .paysheet-items-list th{background:#1f2937;color:#94a3b8}.app-shell.dark .paysheet-items-list td{border-color:#334155;color:#e5e7eb}.app-shell.dark .btn-icon-delete:hover{background:#7f1d1d}.app-shell.dark .paysheet-summary{background:#1f2937}.app-shell.dark .summary-row{border-color:#334155}.app-shell.dark .summary-row span{color:#94a3b8}.app-shell.dark .summary-row.total span{color:#e5e7eb}.app-shell.dark .paysheet-resume-table .table-active{background:#1e293b}.app-shell.dark .paysheet-resume-table .table-active td{color:#e5e7eb}.app-shell.dark .paysheet-resume-table .table-info{background:#0c4a6e}.app-shell.dark .paysheet-resume-table .table-info td{color:#7dd3fc}.app-shell.dark .paysheet-modal{background:#1f2937}.app-shell.dark .paysheet-modal h3{color:#e5e7eb}.app-shell.dark .modal-field label{color:#94a3b8}.app-shell.dark .modal-field input,.app-shell.dark .modal-field select,.app-shell.dark .modal-field textarea{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell.dark .modal-dynamic-fields{border-color:#334155}.ayuda-page{padding:24px;background:var(--color-bg, #f5f6fa);min-height:100%}.ayuda-header{margin-bottom:24px}.ayuda-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8;margin-bottom:12px}.ayuda-breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .2s}.ayuda-breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{opacity:.5}.ayuda-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;margin:0;color:var(--color-text)}.ayuda-icon{font-size:28px;color:var(--color-primary)}.ayuda-content{border-radius:18px;overflow:hidden;background:var(--color-surface);box-shadow:0 2px 6px #0f172a0a,0 10px 30px #0f172a0d}.ayuda-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #e2e8f0;margin:0;padding:0 20px;list-style:none;background:#f8fafc}.ayuda-tab{display:block;padding:14px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;text-decoration:none}.ayuda-tab:hover{color:var(--color-primary);background:#0ea5e90d}.ayuda-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600;background:transparent}.ayuda-videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px}@media(max-width:1200px){.ayuda-videos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ayuda-videos-grid{grid-template-columns:1fr}.ayuda-page{padding:16px}}.ayuda-video-card{border-radius:12px;overflow:hidden;background:#f8fafc;box-shadow:0 2px 6px #00000014;transition:transform .2s ease,box-shadow .2s ease}.ayuda-video-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.app-shell.dark .ayuda-page{background:#0f172a}.app-shell.dark .ayuda-title,.app-shell.dark .ayuda-icon{color:#7dd3fc}.app-shell.dark .ayuda-breadcrumb{color:#9ca3af}.app-shell.dark .ayuda-breadcrumb a{color:#7dd3fc}.app-shell.dark .ayuda-content{background:#111827;border:1px solid #1f2937;box-shadow:0 2px 8px #0003}.app-shell.dark .ayuda-tabs{background:#1f2937;border-bottom-color:#334155}.app-shell.dark .ayuda-tab{color:#94a3b8}.app-shell.dark .ayuda-tab:hover{color:var(--color-primary);background:#0ea5e91a}.app-shell.dark .ayuda-tab.active{color:var(--color-primary)}.app-shell.dark .ayuda-video-card{background:#1e293b;box-shadow:0 2px 6px #0003}.app-shell.dark .ayuda-video-card:hover{box-shadow:0 8px 20px #0006}:root{--color-primary: #0dcaf0;--color-primary-soft: #e6f9ff;--color-primary-soft-border: #b6effc;--color-surface: #ffffff;--color-bg: #f5f6fa;--color-text: #1f2937;--color-muted: #64748b;--color-muted-2: #475569;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 6px 18px rgba(15, 23, 42, .04);--shadow-lg: 0 14px 30px rgba(15, 23, 42, .22)}body{margin:0;min-width:320px;font-family:Work Sans,sans-serif;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}#root{min-height:100vh}