:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-orange: #FF6B35;--primary-orange-hover: #FF8C42;--primary-orange-dark: #e85a28;--primary-orange-light: #ffb399;--primary-blue: #004E89;--primary-blue-hover: #1A659E;--primary-blue-dark: #003760;--primary-blue-light: #5B8DEF;--success-green: #10b981;--success-green-hover: #059669;--success-green-light: #d1fae5;--success-green-dark: #065f46;--danger-red: #ef4444;--danger-red-hover: #dc2626;--danger-red-light: #fee2e2;--danger-red-dark: #991b1b;--warning-yellow: #f59e0b;--warning-yellow-hover: #d97706;--warning-yellow-light: #fef3c7;--warning-yellow-dark: #92400e;--info-blue: #3b82f6;--info-blue-hover: #2563eb;--info-blue-light: #dbeafe;--info-blue-dark: #1e40af;--neutral-gray: #64748b;--neutral-gray-hover: #475569;--neutral-gray-light: #f1f5f9;--neutral-gray-dark: #334155;--purple: #8b5cf6;--purple-hover: #7c3aed;--purple-light: #ede9fe;--purple-dark: #6d28d9;--cyan: #06b6d4;--cyan-hover: #0891b2;--cyan-light: #cffafe;--cyan-dark: #0e7490;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-disabled: #cbd5e1;--border-light: #f1f5f9;--border-medium: #e2e8f0;--border-dark: #cbd5e1;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .12);--gradient-blue: linear-gradient(135deg, #2D4A7C 0%, #1e3a5f 100%);--gradient-blue-light: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--gradient-dark: linear-gradient(180deg, #2c3e50 0%, #1a252f 100%);--gradient-orange: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);--action-edit: var(--primary-orange);--action-edit-hover: var(--primary-orange-hover);--action-view: var(--primary-orange);--action-view-hover: var(--primary-orange-hover);--action-delete: #ef4444;--action-delete-hover: #dc2626;--action-activate: #10b981;--action-activate-hover: #059669;--action-neutral: #64748b;--action-neutral-hover: #475569;--action-details: #8b5cf6;--action-details-hover: #7c3aed;--secondary-orange: var(--primary-orange-hover);--dark-orange: var(--primary-orange-dark);--secondary-blue: var(--primary-blue-hover);--dark: var(--bg-dark);--dark-gray: #2d2d2d;--light-gray: var(--bg-secondary);--white: var(--bg-primary);--text-dark: var(--text-primary);--text-light: var(--text-secondary);--border: var(--border-medium);--shadow: var(--shadow-md);color-scheme:light;color:var(--text-primary);background-color:var(--bg-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-info,.btn-ghost,.btn-add,.btn-activate,.btn-edit,.btn-products,.btn-view,.btn-remove,.btn-delete,.btn-deactivate{border-radius:4px;padding:8px 14px;font-size:12px;font-weight:500;min-width:90px;height:32px;display:inline-flex;gap:5px;white-space:nowrap;text-align:center;line-height:1;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.btn-sm{padding:6px 12px;font-size:13px;border-radius:6px}.btn-lg{padding:12px 20px;font-size:15px;border-radius:10px}.btn-icon{padding:0;width:36px;height:36px;border-radius:10px}.btn-icon.btn-sm{width:32px;height:32px;border-radius:8px}.btn-block{width:100%}a.btn,a.btn-primary,a.btn-secondary,a.btn-success,a.btn-danger,a.btn-warning,a.btn-info,a.btn-ghost,a.btn-add,a.btn-activate,a.btn-edit,a.btn-products,a.btn-view,a.btn-remove,a.btn-delete,a.btn-deactivate{text-decoration:none}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-danger:disabled,.btn-warning:disabled,.btn-info:disabled,.btn-ghost:disabled,.btn-add:disabled,.btn-activate:disabled,.btn-edit:disabled,.btn-products:disabled,.btn-view:disabled,.btn-remove:disabled,.btn-delete:disabled,.btn-deactivate:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--primary-orange);color:var(--text-inverse);border:none}.btn-primary:hover:not(:disabled){background:var(--primary-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3540}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-success,.btn-add,.btn-activate{background:var(--success-green);color:var(--text-inverse);border:none}.btn-success:hover:not(:disabled),.btn-add:hover:not(:disabled),.btn-activate:hover:not(:disabled){background:var(--success-green-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-danger,.btn-delete,.btn-remove,.btn-deactivate{background:var(--danger-red);color:var(--text-inverse);border:none}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled),.btn-remove:hover:not(:disabled),.btn-deactivate:hover:not(:disabled){background:var(--danger-red-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-warning,.btn-edit{background:var(--warning-yellow);color:var(--bg-dark);border:none}.btn-warning:hover:not(:disabled),.btn-edit:hover:not(:disabled){background:var(--warning-yellow-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b40}.btn-info,.btn-products,.btn-view{background:var(--primary-orange);color:var(--text-inverse);border:none}.btn-info:hover:not(:disabled),.btn-products:hover:not(:disabled),.btn-view:hover:not(:disabled){background:var(--primary-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3540}.btn-ghost{background:transparent;color:var(--text-primary);border:2px solid transparent}.btn-ghost:hover:not(:disabled){background:#0206170a;border-color:var(--border-light)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:transparent}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit}.fc-modal-overlay{position:fixed;inset:0;background:#eef2f6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;overflow:auto}.fc-modal{background:#fff;width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100vh - 32px);overflow:auto;border-radius:14px;padding:24px;box-shadow:0 12px 36px #0206172e;box-sizing:border-box}.fc-modal--lg{width:calc(100vw - 40px);max-width:calc(100vw - 40px);height:calc(100vh - 40px);max-height:calc(100vh - 40px);padding:0;margin:0;border-radius:12px;overflow:hidden}.fc-modal h3{margin-top:0}.fc-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.fc-modal-header h2,.fc-modal-header h3{margin:0}.fc-close-icon{border:none;background:transparent;color:#64748b;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.fc-close-icon:hover:not(:disabled){background:#0206170f;color:#334155}.fc-close-icon:disabled{opacity:.6;cursor:not-allowed}.fc-close-icon--inverse{color:#fff;background:#ffffff2e}.fc-close-icon--inverse:hover:not(:disabled){background:#ffffff47;color:#fff}.table-modern{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.table-modern thead{background:var(--gradient-blue-light)}.table-modern th{padding:14px 16px;text-align:left;font-weight:700;font-size:12px;color:var(--neutral-gray-hover);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-medium);white-space:nowrap}.table-modern tbody tr{transition:all .2s ease;border-bottom:1px solid var(--border-light)}.table-modern tbody tr:hover{background:var(--bg-secondary);transform:scale(1.001)}.table-modern tbody tr:last-child{border-bottom:none}.table-modern tbody tr.inactive{opacity:.6;background:var(--bg-secondary)}.table-modern td{padding:14px 16px;font-size:14px;color:var(--text-primary);vertical-align:middle}.table-modern td strong{font-weight:600;color:var(--text-primary)}.table-modern .actions-cell{white-space:nowrap}.table-modern .table-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.table-modern .loading-cell,.table-modern .no-results{text-align:center;padding:40px 20px;color:var(--text-light);font-size:14px}.table-modern .no-results-content{display:inline-flex;align-items:center;gap:8px}.table-modern .loading-cell svg.spin,.table-modern .no-results svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1}.btn-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-action:active:not(:disabled){transform:translateY(0)}.btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-action svg{flex-shrink:0}.btn-action-edit,.btn-action-view{background:var(--action-edit);color:var(--text-inverse)}.btn-action-edit:hover:not(:disabled),.btn-action-view:hover:not(:disabled){background:var(--action-edit-hover);box-shadow:0 4px 12px #ff6b3566}.btn-action-death,.btn-action-neutral{background:var(--action-neutral);color:var(--text-inverse)}.btn-action-death:hover:not(:disabled),.btn-action-neutral:hover:not(:disabled){background:var(--action-neutral-hover);box-shadow:0 4px 12px #64748b66}.btn-action-delete,.btn-action-deactivate{background:var(--action-delete);color:var(--text-inverse)}.btn-action-delete:hover:not(:disabled),.btn-action-deactivate:hover:not(:disabled){background:var(--action-delete-hover);box-shadow:0 4px 12px #ef444466}.btn-action-activate{background:var(--action-activate);color:var(--text-inverse)}.btn-action-activate:hover:not(:disabled){background:var(--action-activate-hover);box-shadow:0 4px 12px #10b98166}.btn-action-details{background:var(--action-details);color:var(--text-inverse)}.btn-action-details:hover:not(:disabled){background:var(--action-details-hover);box-shadow:0 4px 12px #8b5cf666}.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge.active{background:var(--success-green-light);color:var(--success-green-dark);border:1px solid #a7f3d0}.badge.inactive{background:var(--danger-red-light);color:var(--danger-red-dark);border:1px solid #fecaca}.badge.pending{background:var(--warning-yellow-light);color:var(--warning-yellow-dark);border:1px solid #fde68a}.badge.info{background:var(--info-blue-light);color:var(--info-blue-dark);border:1px solid #bfdbfe}.badge-dot{display:inline-flex;align-items:center;gap:6px}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.contracts-table,.users-table-container,.products-table,.sellers-table-container,.details-table{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.contracts-table table,.users-table,.products-table table,.sellers-table,.details-table table{width:100%;border-collapse:separate;border-spacing:0}.contracts-table thead,.users-table thead,.products-table thead,.sellers-table thead,.details-table thead{background:var(--gradient-blue-light)}.contracts-table th,.users-table th,.products-table th,.sellers-table th,.details-table th{padding:14px 16px;text-align:left;font-weight:700;font-size:12px;color:var(--neutral-gray-hover);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-medium)}.contracts-table tbody tr,.users-table tbody tr,.products-table tbody tr,.sellers-table tbody tr,.details-table tbody tr{transition:all .2s ease;border-bottom:1px solid var(--border-light)}.contracts-table tbody tr:hover,.users-table tbody tr:hover,.products-table tbody tr:hover,.sellers-table tbody tr:hover,.details-table tbody tr:hover{background:var(--bg-secondary)}.contracts-table td,.users-table td,.products-table td,.sellers-table td,.details-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);vertical-align:middle}.contracts-table .actions-cell,.users-table .actions-cell,.products-table .actions-cell,.sellers-table .actions-cell,.details-table .actions-cell{white-space:nowrap}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.login-card h1{text-align:center;margin-bottom:1.5rem;color:#333}.session-expired-alert{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;color:#856404;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:12px;font-weight:500;box-shadow:0 4px 12px #ffc10733;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon svg{width:24px;height:24px}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}button[type=submit]{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s;margin-top:1rem}button[type=submit]:hover:not(:disabled){transform:translateY(-2px)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;text-align:center}.toggle-text{text-align:center;margin-top:1rem;color:#666}.toggle-button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}.dashboard-container{display:flex;min-height:100vh;width:100%;background-color:var(--light-gray);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sidebar-menu{width:280px;background:linear-gradient(180deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;transition:all .3s ease;z-index:1000;box-shadow:2px 0 10px var(--shadow)}.sidebar-menu.closed{width:70px}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);min-height:70px}.sidebar-header h2{font-size:18px;font-weight:600;white-space:normal;overflow:hidden;word-wrap:break-word;line-height:1.3;flex:1;margin-right:10px}.sidebar-menu.closed .sidebar-header h2{display:none}.toggle-sidebar{background:transparent;border:1px solid var(--white);color:var(--white);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.toggle-sidebar svg{width:18px;height:18px}.toggle-sidebar:hover{background:var(--white);color:var(--primary-blue)}.sidebar-nav{flex:1;overflow-y:auto;padding:20px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.menu-section{margin-bottom:30px}.menu-title{font-size:11px;font-weight:700;letter-spacing:1px;color:#fff9;padding:0 20px 10px;text-transform:uppercase}.sidebar-menu.closed .menu-title{display:none}.menu-item{width:100%;padding:12px 20px;background:transparent;border:none;color:var(--white);text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:15px;transition:all .3s;border-left:3px solid transparent;position:relative}.menu-item:hover{background:#ffffff1a;border-left-color:var(--primary-orange)}.menu-item.active{background:#ff6b3533;border-left-color:var(--primary-orange);font-weight:600}.menu-item.expanded{background:#ffffff14}.menu-expand-icon{margin-left:auto;display:flex;align-items:center;justify-content:center;transition:transform .3s}.menu-icon{min-width:22px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.menu-icon svg{width:22px;height:22px}.sidebar-menu.closed .menu-item{justify-content:center;padding:12px}.sidebar-menu.closed .menu-item span:not(.menu-icon){display:none}.submenu{margin-top:5px}.submenu-item{width:100%;padding:10px 20px 10px 50px;background:transparent;border:none;color:#fffc;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s}.submenu-item:hover{background:#ffffff0d;color:var(--white)}.submenu-item.active{background:#ff6b3526;color:var(--white);font-weight:500}.submenu-icon{font-size:12px}.sidebar-footer{padding:0;border-top:1px solid rgba(255,255,255,.1);position:relative}.user-profile{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:all .3s;position:relative}.user-profile:hover{background:#ffffff0d}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #ff6b354d}.user-info{display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.user-menu-arrow{color:#fff9;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s}.user-menu-arrow svg{width:16px;height:16px}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#001e3cfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 12px #0000004d;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:14px 20px;background:transparent;border:none;color:#ffffffe6;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;transition:all .3s}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.logout-item{color:#ff6b6b}.dropdown-item.logout-item:hover{background:#ff6b6b26}.dropdown-icon{width:24px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.dropdown-icon svg{width:18px;height:18px}.dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}.logout-btn{background:var(--primary-orange);border:none;color:var(--white);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s}.logout-btn:hover{background:var(--secondary-orange);transform:translateY(-1px)}.main-content{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 280px);overflow-x:hidden}.sidebar-menu.closed+.main-content{margin-left:70px;width:calc(100% - 70px)}.content-header{background:var(--white);padding:20px 30px;box-shadow:0 2px 4px var(--shadow);display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:100}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;color:var(--text-dark);padding:5px;align-items:center;justify-content:center}.mobile-menu-toggle svg{width:24px;height:24px}.page-title{font-size:24px;font-weight:600;color:var(--primary-blue);margin:0}.content-body{flex:1;padding:30px}.cashflow-container{display:grid;grid-template-columns:300px 1fr;gap:20px;height:calc(100vh - 140px)}.cashflow-sidebar{background:var(--white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;display:flex;flex-direction:column}.cashflow-sidebar-header{padding:20px;background:var(--primary-blue);color:var(--white);display:flex;justify-content:space-between;align-items:center}.cashflow-sidebar-header h2{font-size:18px;margin:0}.cash-register-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--light-gray)}.cash-register-list::-webkit-scrollbar{width:6px}.cash-register-list::-webkit-scrollbar-track{background:var(--light-gray)}.cash-register-list::-webkit-scrollbar-thumb{background-color:var(--primary-blue);border-radius:3px}.cash-register-list::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-blue)}.cash-register-list li{padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--border);transition:all .3s;color:var(--text-dark)}.cash-register-list li:hover{background:var(--light-gray);color:var(--text-dark)}.cash-register-list li.active{background:#ff6b351a;border-left:4px solid var(--primary-orange);color:var(--text-dark)}.cash-register-item{display:flex;justify-content:space-between;align-items:center}.cash-register-item strong{color:var(--text-dark);font-size:15px}.cash-register-item span{color:var(--primary-blue);font-weight:600;font-size:14px}.cashflow-main{background:var(--white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);padding:25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-orange) var(--light-gray)}.cashflow-main::-webkit-scrollbar{width:8px}.cashflow-main::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.cashflow-main::-webkit-scrollbar-thumb{background-color:var(--primary-orange);border-radius:4px}.cashflow-main::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-orange)}.cashflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cashflow-header h2{font-size:22px;color:var(--primary-blue);margin:0}.balance-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:25px;border-radius:8px;margin-bottom:25px;color:var(--white)}.balance-card h3{font-size:14px;font-weight:400;opacity:.9;margin-bottom:8px}.balance{font-size:36px;font-weight:700;margin:0}.transactions h3{font-size:18px;color:var(--text-dark);margin-bottom:15px}.transaction-list{list-style:none;padding:0;margin:0}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:6px;margin-bottom:10px;border-left:4px solid transparent;background:var(--light-gray);transition:all .3s}.transaction-item:hover{transform:translate(5px);box-shadow:0 2px 8px var(--shadow)}.transaction-item.income{border-left-color:#2ecc71}.transaction-item.expense{border-left-color:var(--primary-orange)}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-info strong{color:var(--text-dark);font-size:15px}.transaction-description{color:var(--text-light);font-size:13px}.transaction-date{color:var(--text-light);font-size:12px}.transaction-amount{font-size:18px;font-weight:700;color:var(--primary-blue)}.transaction-category{font-size:11px;font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.4px;opacity:.75}.tx-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#f4f6fb;border:1px solid #e0e4ef;border-radius:8px;padding:12px 14px;margin-bottom:16px}.tx-filter-group{display:flex;flex-direction:column;gap:3px;min-width:120px}.tx-filter-group label{font-size:11px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.4px}.tx-filter-group input[type=date],.tx-filter-group select{font-size:13px;padding:5px 8px;border:1px solid #d0d5e3;border-radius:6px;background:#fff;color:var(--text-dark);height:32px}.tx-filter-clear{align-self:flex-end;margin-bottom:1px}.tx-filter-count{font-size:13px;font-weight:400;color:var(--text-light)}.tx-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid #e8eaf0}.tx-pagination-info{font-size:13px;color:var(--text-light);white-space:nowrap}.tx-empty{list-style:none;text-align:center;padding:24px;color:var(--text-light);font-size:14px}.btn-icon-xs{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--primary-blue);background:transparent;color:var(--primary-blue);cursor:pointer;padding:0;transition:background .15s,color .15s;flex-shrink:0}.btn-icon-xs:hover{background:var(--primary-blue);color:#fff}.form-group-label-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.form-group-label-row label{margin:0;font-weight:500;font-size:14px;color:var(--text-dark)}.inline-new-category{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#f0f4ff;border:1px solid #c7d2f5;border-radius:7px;padding:8px 10px;margin-bottom:8px}.inline-new-category input[type=text]{flex:1;min-width:130px;font-size:13px;padding:5px 8px;border:1px solid #c7d2f5;border-radius:5px;height:30px}.inline-new-category select{font-size:13px;padding:5px 8px;border:1px solid #c7d2f5;border-radius:5px;height:30px;background:#fff}.inline-cat-error{width:100%;font-size:12px;color:#c62828;margin-top:2px}text-align: center; padding: 60px 20px; color: var(--text-light); } .empty-state p{font-size:18px}.back-button{background:transparent;border:1px solid var(--primary-blue);color:var(--primary-blue);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;transition:all .3s}.back-button:hover{background:var(--primary-blue);color:var(--white)}.dashboard-modal{max-width:500px}.dashboard-modal h2{color:var(--primary-blue);margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:var(--text-dark);font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid var(--border);border-radius:4px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-orange)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button[type=button]{background:var(--light-gray);border:none;color:var(--text-dark);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.modal-actions button[type=button]:hover{background:#e0e0e0}.modal-actions button[type=submit]{background:var(--primary-orange);border:none;color:var(--white);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.modal-actions button[type=submit]:hover{background:var(--secondary-orange)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:20px;color:var(--primary-blue)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}@media(max-width:1024px){.sidebar-menu{width:250px}.main-content{margin-left:250px;width:calc(100% - 250px)}.sidebar-menu.closed+.main-content{margin-left:70px;width:calc(100% - 70px)}.cashflow-container{grid-template-columns:250px 1fr}.page-title{font-size:20px}.content-body{padding:20px}}@media(max-width:768px){.sidebar-menu{transform:translate(-100%);width:280px;position:fixed}.sidebar-menu.open{transform:translate(0);box-shadow:5px 0 20px #0000004d}.sidebar-menu.closed{transform:translate(-100%);width:280px}.main-content{margin-left:0!important;width:100%!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.user-profile{padding:12px 15px}.user-avatar{width:36px;height:36px;font-size:16px}.user-name{font-size:13px}.user-role{font-size:10px}.user-dropdown{position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;background:#001e3cfa;box-shadow:0 -8px 24px #0006}.dropdown-item{padding:16px 20px;font-size:15px}.content-header{padding:15px 20px}.page-title{font-size:18px}.content-body{padding:15px}.cashflow-container{grid-template-columns:1fr;height:auto;gap:15px}.cashflow-sidebar{order:2;max-height:300px}.cashflow-main{order:1;padding:20px}.balance{font-size:28px}.cashflow-header{flex-direction:column;align-items:stretch;gap:10px}.btn-primary{width:100%}.transaction-item{flex-direction:column;align-items:flex-start;gap:10px}.transaction-amount{font-size:20px}}@media(max-width:480px){.sidebar-menu{width:100%;transform:translate(-100%)}.sidebar-menu.open{width:85%;transform:translate(0)}.sidebar-header h2,.page-title{font-size:16px}.content-body{padding:10px}.cashflow-main{padding:15px}.balance-card{padding:20px}.balance{font-size:24px}.modal-content{width:95%;padding:20px}.form-group input,.form-group select{font-size:16px}}.settings-card{background:var(--white);border-radius:8px;padding:24px;box-shadow:0 2px 8px var(--shadow);margin-bottom:24px}.settings-section{margin-bottom:24px}.settings-section h3{font-size:18px;font-weight:600;color:var(--dark-gray);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--light-gray)}.help-text{display:block;font-size:13px;color:var(--gray);margin-top:4px;font-weight:400}.message{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.settings-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:24px}@media(hover:none)and (pointer:coarse){.menu-item,.submenu-item,.cash-register-list li{padding:15px 20px}.btn-primary,.logout-btn,.back-button{min-height:44px;min-width:44px}.toggle-sidebar{width:40px;height:40px}}@media print{.sidebar-menu,.content-header,.btn-primary,.logout-btn,.mobile-menu-toggle{display:none!important}.main-content{margin-left:0!important}.content-body{padding:0}}.sidebar{display:flex;flex-direction:column;gap:2px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-right:2px solid #e0e0e0;min-width:210px;max-width:260px;padding:18px 0;box-shadow:2px 0 8px #00000008;flex-shrink:0;height:auto;overflow-y:auto}.sidebar-btn{padding:14px 22px;border:none;background:transparent;cursor:pointer;font-size:15px;font-weight:600;color:#64748b;border-left:4px solid transparent;border-radius:0 20px 20px 0;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative;display:flex;align-items:center;gap:10px;margin-right:0;text-align:left}.sidebar-btn.active{color:var(--primary-orange);border-left:4px solid var(--primary-orange);background:#fff;font-weight:700;box-shadow:0 2px 8px #ff6b350a}.sidebar-btn:hover:not(.active):not(:disabled){color:var(--primary-blue);background:#f0f4fa}.sidebar-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-btn-label{flex:1}@media(max-width:900px){.sidebar{flex-direction:row;min-width:0;max-width:none;width:100%;border-right:none;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 8px #0000000a;padding:0;overflow-x:auto;gap:0}.sidebar-btn{border-radius:0;border-left:none;border-bottom:3px solid transparent;padding:14px 16px;flex-direction:column;gap:4px;min-width:80px}.sidebar-btn.active{border-bottom:3px solid var(--primary-orange);border-left:none}.sidebar-btn-label{font-size:12px}}.sidebar-layout{display:flex;height:100%;min-height:500px;width:100%}.sidebar-layout-content{flex:1;min-width:0;padding:0;background:#f5f7fa;overflow-y:auto;height:100%}@media(max-width:900px){.sidebar-layout{flex-direction:column}.sidebar-layout-content{min-height:400px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;box-sizing:border-box;height:32px;min-width:90px;line-height:1;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-primary{background:var(--primary-orange, #ff6b35);color:var(--text-inverse, #fff)}.btn-primary:hover:not(:disabled){background:var(--primary-orange-hover, #ff5520);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background:#495057;color:#fff}.btn-secondary:hover:not(:disabled){background:#343a40;box-shadow:0 4px 12px #4950574d}.btn-danger{background:var(--danger-red, #dc3545);color:var(--text-inverse, #fff)}.btn-danger:hover:not(:disabled){background:var(--danger-red-hover, #c82333);box-shadow:0 4px 12px #dc35454d}.btn-success{background:var(--success-green, #28a745);color:var(--text-inverse, #fff)}.btn-success:hover:not(:disabled){background:var(--success-green-hover, #218838);box-shadow:0 4px 12px #28a7454d}.btn-info{background:var(--primary-orange, #ff6b35);color:var(--text-inverse, #fff)}.btn-info:hover:not(:disabled){background:var(--primary-orange-hover, #ff5520);box-shadow:0 4px 12px #ff6b354d}.btn-small{padding:6px 10px;font-size:11px;gap:4px;height:28px;font-weight:500}.btn-large{padding:12px 20px;font-size:14px;gap:7px;height:44px}.btn-loading{position:relative;pointer-events:none}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions-cell .btn{flex:0 0 auto}@media(max-width:768px){.btn{padding:6px 12px;font-size:12px;min-height:30px}.btn-small{padding:5px 10px;font-size:11px;min-height:28px}.btn-large{padding:9px 18px;font-size:14px;min-height:40px}}.modal-header-standard{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e9ecef;min-height:70px}.modal-header-content{flex:1;display:flex;align-items:center;gap:16px}.modal-title{margin:0;font-size:20px;font-weight:700;color:#212529;line-height:1.2}.modal-subtitle{font-weight:500;color:#6c757d;font-size:18px}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:#6c757d;cursor:pointer;border-radius:6px;transition:all .2s ease;flex-shrink:0}.modal-close-btn:hover{background:#e9ecef;color:#212529}.modal-close-btn:active{transform:scale(.95)}@media(max-width:768px){.modal-header-standard{padding:16px 20px;min-height:60px}.modal-title{font-size:18px}.modal-subtitle{font-size:16px}.modal-close-btn{width:32px;height:32px}}.modal-footer-standard{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#f8f9fa;border-top:2px solid #e9ecef;min-height:70px}.modal-footer-left{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-right{justify-content:flex-end}@media(max-width:768px){.modal-footer-standard{padding:16px 20px;min-height:60px;flex-wrap:wrap}.modal-footer-standard>*{flex:1;min-width:120px}}.sidebar-tabs-layout{display:flex;height:100%;min-height:500px;background:#fafbfc}.sidebar-tabs-nav{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#fafbfc,#f0f4f8);border-right:1px solid #e8ecf1;min-width:210px;max-width:260px;padding:20px 0;box-shadow:2px 0 12px #0000000a;flex-shrink:0;height:auto}.sidebar-tabs-content{flex:1;min-width:0;padding:0;background:#fafbfc;overflow-y:auto;height:100%}.tabs-nav{display:none}.tab-btn{padding:13px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;border-left:3px solid transparent;border-radius:0 12px 12px 0;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative;display:flex;align-items:center;gap:10px;margin-right:8px;margin-left:4px}.tab-btn.active{color:var(--primary-orange);border-left:3px solid var(--primary-orange);background:linear-gradient(90deg,#fff,#fffaf7);font-weight:700;box-shadow:0 2px 8px #ff6b3514,0 1px 3px #ff6b350a}.tab-btn:before{display:none}.tab-btn:hover{color:var(--primary-blue);background:linear-gradient(90deg,#f8fafc,#f1f5f9);transform:translate(2px)}.tabs-content{display:none}@media(max-width:900px){.sidebar-tabs-layout{flex-direction:column}.sidebar-tabs-nav{flex-direction:row;min-width:0;max-width:none;width:100%;border-right:none;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 8px #0000000a;padding:0;overflow-x:auto;gap:0}.tab-btn{border-radius:0;border-left:none;border-bottom:3px solid transparent;padding:14px 16px}.tab-btn.active{border-bottom:3px solid var(--primary-orange);border-left:none;background:#fff}}.contracts-container{padding:0}.contracts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.contracts-header h2{margin:0;color:#004e89;font-size:1.5rem}.contracts-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s}.search-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.view-mode-toggle{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.view-mode-toggle button{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;color:#666;display:inline-flex;align-items:center;gap:8px}.view-mode-toggle button svg{flex-shrink:0}.view-mode-toggle button.active{background:#004e89;color:#fff}.view-mode-toggle button:hover:not(.active){background:#004e891a}.contracts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#004e89,#1a659e);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;color:#fff;box-shadow:0 4px 12px #004e8933}.stat-icon{opacity:.9;display:inline-flex;align-items:center;justify-content:center}.stat-icon svg{width:32px;height:32px}.stat-info h4{margin:0;font-size:2rem;font-weight:700}.stat-info p{margin:0;font-size:.875rem;opacity:.9}.contracts-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.contracts-table table{width:100%;border-collapse:collapse}.contracts-table thead{background:#004e89;color:#fff}.contracts-table th,.contracts-table td{padding:1rem;text-align:left;border-bottom:1px solid #e9ecef;color:#1a1a1a}.contracts-table td strong{color:#1a1a1a}.contracts-table th{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#fff}.contracts-table tbody tr{transition:all .3s;background:#fff;color:#1a1a1a}.contracts-table tbody tr td{color:#1a1a1a}.contracts-table tbody tr:hover{background:#ff6b350d}.contracts-table tbody tr:hover td{color:#1a1a1a}.contracts-table tr.inactive{opacity:.6;background:#f8f9fa}.text-center{text-align:center!important}.new-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#ff6b35;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.no-results{text-align:center!important;padding:3rem!important;color:#999;font-size:1.1rem}.no-results-content{display:inline-flex;align-items:center;gap:10px}.no-results-content svg{flex-shrink:0}.actions-cell{white-space:nowrap}.actions-cell button{margin-right:4px;padding:6px 10px;font-size:1rem;min-width:36px}.badge.grace{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.btn-view svg{width:16px;height:16px}.btn-close{background:#0000000f;border:none;color:#334155;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;flex-shrink:0}.btn-close:hover{background:#0000001f;transform:rotate(90deg);color:#0f172a}.modal-details{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;height:calc(100vh - 32px)!important;max-height:calc(100vh - 32px)!important;margin:0 auto!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;display:flex;flex-direction:column}.fc-modal.modal-details.modal-tabs{padding:0!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 24px;background:#fff;border-bottom:1px solid #e8ecf1;flex-shrink:0;width:100%;box-sizing:border-box;border-radius:12px 12px 0 0}.contract-details{display:flex;flex-direction:column;gap:24px}.detail-group{display:flex;flex-direction:column;gap:8px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s}.detail-group label{font-weight:600;color:var(--primary-blue);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-group p{margin:0;color:#1a1a1a;font-size:16px;font-weight:500}.products-list{list-style:none;padding:0;margin:0}.products-list li{padding:.75rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem;border-left:3px solid #FF6B35}.fc-modal.modal-dependent{width:min(560px,calc(100vw - 32px));max-width:560px;padding:18px 18px 16px;border-radius:14px;box-shadow:0 12px 36px #0206172e}.dependent-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.fc-modal.modal-dependent h3{margin:0;color:#0f172a}.fc-modal.modal-dependent .btn-close{background:#0f172a14;color:#0f172a;width:40px;height:40px;font-size:28px}.fc-modal.modal-dependent .btn-close:hover{background:#0f172a1f;transform:none}.dependent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.dependent-form-grid .form-group{margin-bottom:0}.dependent-error{margin-top:12px}.dependent-form-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:12px}.dependent-form-actions .btn-primary,.dependent-form-actions .btn-secondary{padding:14px 28px;min-width:160px;font-size:15px;text-transform:none}@media(max-width:640px){.dependent-form-grid{grid-template-columns:1fr}.dependent-form-actions{flex-direction:column;align-items:stretch}}.modal-details .tabs-nav,.modal-details .modal-actions{width:100%;box-sizing:border-box}.modal-details .modal-header h3{color:#fff!important}.fc-modal:not(.fc-modal--lg):not(.modal-large):not(.modal-client-create):not(.fc-modal-wide){max-width:600px}.modal-client-create{width:min(920px,calc(100vw - 32px));max-width:920px}.modal-large{width:calc(100vw - 40px);max-width:calc(100vw - 40px);height:calc(100vh - 40px);max-height:calc(100vh - 40px);padding:0;margin:0;border-radius:12px;overflow:hidden}.modal-large>.fc-modal-header{padding:24px 24px 0;margin:0}.modal-large>.fc-modal-header h3{margin:0}.modal-large .products-section{padding:0 24px}.modal-large .form-actions{padding:0 24px 24px}.fc-modal h3{margin-bottom:1.5rem;color:#333}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.fc-input-invalid{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354526!important}.products-selection{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9}.checkbox-label{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.checkbox-label:hover{border-color:#ff6b35;background:#fff8f6}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;flex-shrink:0}.checkbox-text{flex:1;line-height:1.5}.checkbox-text strong{display:block;color:#004e89;margin-bottom:4px}.checkbox-text .product-desc{display:block;font-size:13px;color:#666;margin-bottom:4px}.checkbox-text .product-price{display:inline-block;font-weight:600;color:#ff6b35;font-size:14px}.empty-message{text-align:center;color:#999;padding:20px;font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:32px;border-top:2px solid rgba(0,78,137,.1)}.form-actions .btn-primary{padding:16px 40px;background:linear-gradient(135deg,var(--primary-orange) 0%,#ff8c42 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b354d;text-transform:uppercase;letter-spacing:.5px}.form-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566;background:linear-gradient(135deg,#ff8c42 0%,var(--primary-orange) 100%)}.form-actions .btn-secondary{padding:16px 32px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-actions .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.form-actions .btn-info{padding:16px 32px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0284c740}.form-actions .btn-info:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0284c759;background:linear-gradient(135deg,#0284c7,#0ea5e9)}.products-section{margin-bottom:2rem}.products-section h4{margin-bottom:1rem;color:#495057}.product-list{display:flex;flex-direction:column;gap:.5rem}.product-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.modal-large .product-item>div{flex:1;min-width:0}.modal-large .product-item strong,.modal-large .product-item p{overflow-wrap:anywhere}.product-item strong{display:block;margin-bottom:.25rem}.product-item p{margin:0;font-size:.875rem;color:#6c757d}.product-item .price{display:block;margin-top:.5rem;font-weight:600;color:#28a745}.modal-large .product-item .btn-info,.modal-large .product-item .btn-remove{min-width:108px}.empty-message{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.modal-tabs{width:100%;height:100%;display:flex;flex-direction:column;max-width:none;max-height:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 24px;background:#fff;border-bottom:1px solid #e8ecf1;flex-shrink:0;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:var(--primary-blue);font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}.tabs-nav{display:flex;gap:0;padding:0;border-bottom:2px solid #e0e0e0;background:linear-gradient(to bottom,#fff,#f8f9fa);overflow-x:auto;flex-shrink:0;box-shadow:0 2px 8px #0000000a}.subtabs-nav{display:flex;gap:8px;flex-wrap:wrap}.subtab-btn{border:1px solid rgba(0,78,137,.18);background:#fff;color:#0f172a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.subtab-btn:hover{border-color:#004e8959}.subtab-btn.active{background:#2563eb1a;border-color:#2563eb73;color:#1d4ed8}.tab-btn{padding:18px 28px;border:none;background:transparent;cursor:pointer;font-size:15px;font-weight:600;color:#64748b;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative;display:inline-flex;align-items:center;gap:10px}.tab-btn svg{width:16px;height:16px;flex-shrink:0}.tab-btn:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--primary-orange);transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--primary-blue);background:linear-gradient(to bottom,#004e8914,#004e8905)}.tab-btn:hover:before{width:60%}.tab-btn.active{color:var(--primary-orange);border-bottom-color:transparent;background:#fff;font-weight:700}.tab-btn.active:before{width:100%}.tabs-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;background:#f5f7fa;width:100%;box-sizing:border-box}.modal-details .modal-actions{flex-shrink:0;display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#fff;border-top:1px solid rgba(0,78,137,.12);box-sizing:border-box}.modal-details .modal-actions .btn-primary,.modal-details .modal-actions .btn-secondary{margin-right:0}.modal-details .modal-actions .btn-primary,.modal-details .modal-actions .btn-secondary{min-height:44px}.tab-panel{padding:24px;animation:fadeIn .3s ease;width:100%;max-width:none;margin:0;box-sizing:border-box;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.details-section{display:flex;flex-direction:column;gap:16px}.details-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.details-section-header h4{margin:0;display:inline-flex;align-items:center;gap:10px;color:#0f172a}.details-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.details-summary-item{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e8ecf1;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)}.details-summary-item:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px);border-color:#dde3ea}.details-summary-item span{display:block;font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.details-summary-item strong{display:block;margin-top:6px;font-size:18px;color:#0f172a;font-weight:700}.details-table{background:#fff;border-radius:12px;border:1px solid #e8ecf1;overflow:hidden;box-shadow:0 2px 8px #0000000a}.details-table table{width:100%;border-collapse:collapse}.details-table th,.details-table td{padding:14px 16px;border-bottom:1px solid #f0f3f7;text-align:left}.details-table th{background:linear-gradient(135deg,#fafbfc,#f5f7fa);color:#475569;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.history-timeline{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;gap:14px;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e8ecf1;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)}.history-item:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px);border-color:#dde3ea}.history-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);color:var(--primary-blue);flex-shrink:0;box-shadow:0 2px 4px #004e891a}.history-title{font-weight:700;color:#0f172a}.history-meta{margin-top:4px;color:#64748b;font-size:13px}.documents-list{display:flex;flex-direction:column;gap:10px}.document-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid rgba(0,78,137,.08);border-radius:12px;padding:14px}.document-meta{margin-top:4px;color:#64748b;font-size:13px}.document-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.info-note{color:#64748b;font-size:13px;background:#fff9;border:1px dashed rgba(100,116,139,.25);padding:12px 14px;border-radius:12px}.detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-bottom:32px}.detail-group{background:#fff;padding:24px 26px;border-radius:16px;box-shadow:0 2px 12px #004e8914;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,78,137,.06)}.detail-group:hover{transform:translateY(-4px);box-shadow:0 8px 24px #004e8926;border-color:#004e891f}.detail-group:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.detail-group.full-width{grid-column:1 / -1}.detail-group label{display:block;font-weight:700;color:var(--primary-blue);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;opacity:.85}.detail-group p{margin:0;color:#1a1a1a;font-size:17px;font-weight:600;line-height:1.5}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.product-card-small{padding:16px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:10px;border:2px solid #e9ecef;display:flex;flex-direction:column;gap:8px;transition:all .3s}.product-card-small:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #ff6b3526;transform:translateY(-2px)}.product-name{font-weight:600;color:#1a1a1a;font-size:15px;display:inline-flex;align-items:center;gap:10px}.product-name svg{width:16px;height:16px;flex-shrink:0}.product-price{color:var(--primary-blue);font-weight:700;font-size:18px}.dependents-section,.history-section,.billing-section{min-height:300px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.section-header h4{margin:0;color:var(--primary-blue);font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.section-header h4 svg{flex-shrink:0}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;border:2px dashed #dee2e6;box-shadow:0 2px 8px #0000000d}.empty-state p{font-size:18px;color:#666;margin-bottom:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px}.empty-state p svg{flex-shrink:0}.empty-state small{color:#999;font-size:14px;display:block;margin-top:8px}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:#e0e0e0}.timeline-item{position:relative;margin-bottom:30px;padding-left:20px}.timeline-marker{position:absolute;left:-29px;width:32px;height:32px;background:#fff;border:3px solid #FF6B35;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue)}.timeline-marker svg{width:16px;height:16px}.timeline-content strong{display:block;color:#1a1a1a;font-size:15px;margin-bottom:4px}.timeline-content p{color:#666;font-size:13px;margin:0}.billing-summary{margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#004e89,#1a659e);color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #004e894d}.summary-card h4{margin:0 0 20px;font-size:18px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.summary-item:last-child{border-bottom:none}.summary-item span{font-size:14px}.summary-item strong{font-size:16px}.value-highlight{color:gold;font-size:24px!important;font-weight:700}.billing-history h4{margin-bottom:15px;color:#1a1a1a;font-size:18px}@media(max-width:1024px){.tab-panel{padding:24px 20px}.detail-row{grid-template-columns:1fr;gap:20px}.edit-client-section{padding:24px}.edit-client-section h4{font-size:20px}.edit-client-section .form-group input{padding:16px;font-size:16px}}@media(max-width:768px){.modal-header{padding:16px 20px}.modal-header h3{font-size:20px}.btn-close{width:38px;height:38px;font-size:28px}.tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{font-size:13px;padding:12px 16px}.tab-panel{padding:16px 14px}.modal-details .modal-actions{padding:12px 16px;gap:10px}.detail-row{grid-template-columns:1fr;gap:16px}.detail-group{padding:16px}.edit-client-section{padding:24px 16px}.edit-client-section h4{font-size:18px;margin-bottom:24px}.edit-client-section .form-group input{padding:14px 16px;font-size:15px}.products-grid{grid-template-columns:1fr}.product-item-detailed{flex-direction:column;align-items:flex-start;gap:12px}.product-item-detailed .product-details{width:100%;justify-content:space-between}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h4{font-size:18px}.empty-state{padding:40px 20px}}@media(max-width:480px){.modal-header{padding:12px 16px}.modal-header h3{font-size:18px}.tab-btn{font-size:12px;padding:10px 12px}.tab-panel{padding:16px 12px}.detail-group label{font-size:11px}.detail-group p{font-size:14px}.edit-client-section{padding:20px 12px}.edit-client-section h4{font-size:16px}.edit-client-section .form-group input{padding:12px 14px;font-size:14px}.timeline{padding-left:30px}.timeline-marker{left:-24px;width:28px;height:28px}}.toggle-status{display:flex;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(30px)}.status-label{font-weight:600;font-size:14px}.status-label-content{display:inline-flex;align-items:center;gap:8px}.status-label-content svg{width:16px;height:16px;flex-shrink:0}.status-label.active{color:#4caf50}.status-label.inactive{color:#dc3545}.edit-client-section{background:#fff;padding:40px 44px;border-radius:20px;box-shadow:0 8px 32px #004e891f;width:100%;margin:0;box-sizing:border-box;border:1px solid rgba(0,78,137,.08)}.edit-client-section h4{color:var(--primary-blue);margin-bottom:36px;font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px}.edit-client-section .form-group{margin-bottom:0}.edit-client-section .form-group label{display:block;font-weight:600;color:var(--primary-blue);font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.edit-client-section .form-group input{width:100%;padding:18px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:17px;transition:all .3s;font-weight:500;background:#fff;color:#1a1a1a}.edit-client-section .form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff6b351a}.edit-client-section .detail-row{gap:32px;margin-bottom:32px}.edit-client-section .form-actions{margin-top:40px;padding-top:32px;border-top:2px solid #f0f0f0}.products-management-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.products-management-section h4{color:var(--primary-blue);font-size:18px;margin:0}.products-list-detailed{display:flex;flex-direction:column;gap:15px}.product-item-detailed{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border-radius:12px;border-left:5px solid var(--primary-orange);box-shadow:0 2px 8px #00000014;transition:all .3s}.product-item-detailed:hover{box-shadow:0 4px 12px #0000001f;transform:translate(4px)}.product-item-detailed .product-info h5{margin:0 0 8px;color:var(--text-dark);font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.product-item-detailed .product-info h5 svg{width:16px;height:16px;flex-shrink:0}.product-item-detailed .product-description{margin:0;color:#666;font-size:14px;line-height:1.5}.product-item-detailed .product-details{display:flex;align-items:center;gap:15px}.product-price-large{font-size:20px;font-weight:700;color:var(--primary-blue)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1001;padding:20px;overflow:auto}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:860px;max-width:92vw;max-height:92vh;overflow:auto;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.modal-sm{width:860px;max-width:92vw}.modal-md{width:960px;max-width:92vw}.modal-medium{width:900px;max-width:92vw}.inline-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #004e891a;border:1px solid rgba(0,78,137,.08);padding:28px 32px;width:100%;box-sizing:border-box;margin-bottom:20px;animation:modalSlideIn .18s ease-out}.inline-form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f4f8}.inline-form-card-header h4{margin:0;color:var(--primary-blue);font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.inline-form-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f4f8}.btn-close-inline{background:#0000000f;border:none;color:#334155;font-size:20px;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:all .2s;flex-shrink:0}.btn-close-inline:hover{background:#0000001f;transform:rotate(90deg);color:#0f172a}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:13px}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease;box-sizing:border-box}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fi-root{max-width:860px;margin:0 auto;padding:8px 0 40px;display:flex;flex-direction:column;gap:20px}.fi-dropzone{border:2px dashed var(--border-color, #d1d5db);border-radius:12px;padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--card-bg, #fff)}.fi-dropzone:hover,.fi-dropzone--over{border-color:var(--primary, #4f46e5);background:var(--primary-light, #eef2ff)}.fi-dropzone__icon{color:var(--primary, #4f46e5);margin-bottom:10px}.fi-dropzone__main{font-weight:600;font-size:15px;color:var(--text-primary, #111827);margin:0 0 4px}.fi-dropzone__sub{font-size:13px;color:var(--text-muted, #6b7280);margin:0}.fi-list{display:flex;flex-direction:column;gap:10px}.fi-card{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden;background:var(--card-bg, #fff)}.fi-card--error{border-color:#fca5a5}.fi-card--imported{border-color:#86efac}.fi-card--skipped{border-color:#fcd34d}.fi-card__header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--sidebar-bg, #f9fafb)}.fi-card__icon{color:#16a34a;flex-shrink:0}.fi-card__name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-card__expand,.fi-card__remove{flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:var(--text-muted, #6b7280);display:flex;align-items:center}.fi-card__expand:hover{background:var(--border-color, #e5e7eb)}.fi-card__remove:hover{color:#dc2626}.fi-card__error{padding:8px 14px;font-size:12px;color:#b91c1c;background:#fef2f2}.fi-card__warn{margin:8px 14px;padding:6px 10px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;font-size:12px;color:#92400e}.fi-card__detail{padding:12px 14px}.fi-detail-grid{display:grid;grid-template-columns:120px 1fr;gap:4px 12px;margin-bottom:10px}.fi-detail-label{font-size:12px;font-weight:600;color:var(--text-muted, #6b7280);text-align:right}.fi-detail-value{font-size:12px;color:var(--text-primary, #111827)}.fi-dep-table-wrap{margin-top:6px}.fi-dep-title{font-size:12px;font-weight:600;color:var(--text-muted, #6b7280);margin:0 0 4px}.fi-dep-table{width:100%;border-collapse:collapse;font-size:12px}.fi-dep-table th,.fi-dep-table td{padding:4px 8px;border:1px solid var(--border-color, #e5e7eb);text-align:left}.fi-dep-table th{background:var(--sidebar-bg, #f9fafb);font-weight:600}.fi-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.fi-badge--loading{background:#e0e7ff;color:#3730a3}.fi-badge--ready,.fi-badge--ok{background:#dcfce7;color:#166534}.fi-badge--warn{background:#fef3c7;color:#92400e}.fi-badge--error{background:#fee2e2;color:#991b1b}.fi-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.fi-actions__info{font-size:13px;color:var(--text-muted, #6b7280)}.fi-btn-import{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--primary, #4f46e5);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.fi-btn-import:hover{opacity:.88}.fi-btn-import:disabled{opacity:.45;cursor:not-allowed}.fi-results{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden;background:var(--card-bg, #fff)}.fi-results__title{font-size:13px;font-weight:700;padding:10px 14px;background:var(--sidebar-bg, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb);margin:0}.fi-result-row{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;border-bottom:1px solid var(--border-color, #f3f4f6)}.fi-result-row:last-child{border-bottom:none}.fi-result-row--ok{color:#166534}.fi-result-row--skip{color:#92400e}.fi-result-row--err{color:#991b1b}.fi-result-row__name{font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-result-row__err{color:#dc2626}@keyframes fi-spin{to{transform:rotate(360deg)}}.fi-spin{animation:fi-spin .9s linear infinite}.relatorios-container{padding:1.5rem;max-width:100%;width:100%;box-sizing:border-box}.relatorios-tabs{display:flex;gap:4px;margin-bottom:1.25rem;border-bottom:2px solid #e2e8f0;padding-bottom:0}.rel-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-radius:6px 6px 0 0;transition:color .15s,border-color .15s}.rel-tab:hover{color:#1e40af}.rel-tab--active{color:#1e40af;border-bottom-color:#2563eb;font-weight:600}.relatorios-header{margin-bottom:1.25rem}.relatorios-filters{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em}.filter-group select{padding:7px 10px;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.relatorios-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s}.btn-primary.relatorios-btn{background:var(--primary, #2563eb);color:#fff}.btn-primary.relatorios-btn:hover{background:#1d4ed8}.btn-primary.relatorios-btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary.relatorios-btn{background:#f1f5f9;color:#374151;border:1px solid #e5e7eb}.btn-secondary.relatorios-btn:hover{background:#e2e8f0}.relatorios-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:13px;color:#475569}.stat-pill--blue{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.stat-pill--green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.stat-pill--red{background:#fef2f2;border-color:#fecaca;color:#991b1b}.stat-pill--orange{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.relatorios-table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 6px #0f172a12;background:#fff}.relatorios-table{width:100%;border-collapse:collapse;font-size:13.5px}.relatorios-table th{position:sticky;top:0;z-index:1;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:11px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;color:#475569;letter-spacing:.06em;white-space:nowrap}.relatorios-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#374151;line-height:1.35}.relatorios-table tbody tr:last-child td{border-bottom:none}.relatorios-table tbody tr:nth-child(2n) td{background:#f8fafc}.relatorios-table tbody tr:hover td{background:#eff6ff!important;transition:background .1s}.relatorios-table tr.row-holder td{background:#fffbeb!important}.relatorios-table tr.row-holder:hover td{background:#fef3c7!important}.col-day{width:60px;text-align:center}.col-contract{width:110px;font-family:Courier New,monospace;font-size:12.5px;font-weight:600;color:#1e40af}.col-num{text-align:right;white-space:nowrap}.day-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:15px;box-shadow:0 0 0 2px #bfdbfe}tr.row-holder .day-badge{background:#fef9c3;color:#92400e;box-shadow:0 0 0 2px #fde68a}.dep-name{font-weight:600}.text-muted{color:#9ca3af;font-size:12px}.badge-holder{margin-left:6px;background:#fef9c3;color:#92400e;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;border:1px solid #fde68a}.days-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:3px 9px;border-radius:5px;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap}.days-badge.urgency-yellow{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.days-badge.urgency-orange{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.days-badge.urgency-red{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.days-badge.urgency-green{background:#dcfce7;color:#166534;border:1px solid #86efac}.relatorios-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4rem 1rem;color:#94a3b8;text-align:center}.relatorios-empty p{font-size:15px;max-width:320px}.no-results{display:flex;align-items:center;justify-content:center;gap:10px;padding:2.5rem;color:#94a3b8;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.print-only{display:none}@media print{.no-print{display:none!important}.print-only{display:block!important}.print-header{margin-bottom:1.5rem}.print-header h2{font-size:18px;margin:0 0 4px}.print-header p{font-size:12px;color:#666;margin:0}.relatorios-table th,.relatorios-table td{font-size:11px;padding:6px 8px}.relatorios-table th{position:static}.relatorios-table tr.row-holder td{background:#fffbeb!important;-webkit-print-color-adjust:exact}.relatorios-table-wrapper{border:none;box-shadow:none;border-radius:0}body *{visibility:hidden}.relatorios-container,.relatorios-container *{visibility:visible}.relatorios-container{position:absolute;left:0;top:0;width:100%;padding:1rem}}.products-container{padding:0}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.products-header h2{margin:0;color:#333}.products-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.products-table table{width:100%;border-collapse:collapse}.products-table thead{background:#f8f9fa}.products-table th,.products-table td{padding:1rem;text-align:left;border-bottom:1px solid #e9ecef;color:#1a1a1a}.products-table td strong{color:#1a1a1a}.products-table tbody tr{background:#fff;color:#1a1a1a}.products-table tbody tr:hover{background:#007bff0d}.products-table tbody tr:hover td{color:#1a1a1a}.products-table tr.inactive{opacity:.6;background:#f8f9fa}.products-table td button{margin-right:.5rem}.products-table td button:last-child{margin-right:0}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge.active{background:#d4edda;color:#155724}.badge.inactive{background:#f8d7da;color:#721c24}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:140px}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}.fc-modal-wide{max-width:780px;width:95vw}.product-tabs{display:flex;border-bottom:2px solid #e9ecef;margin:0;padding:0 1.5rem;background:#f8f9fa}.product-tab{display:inline-flex;align-items:center;gap:6px;padding:.65rem 1.1rem;border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;font-size:.9rem;color:#6c757d;font-weight:500;margin-bottom:-2px;transition:color .15s,border-color .15s}.product-tab:hover{color:#0056b3}.product-tab.active{color:#0056b3;border-bottom-color:#0056b3}.tab-badge{background:#dc3545;color:#fff;border-radius:10px;font-size:.7rem;padding:1px 6px;font-weight:700;min-width:18px;text-align:center}.tab-badge-neutral{background:#6c757d}.product-tab-content{padding:1.25rem 1.5rem .5rem;min-height:220px}.sp-section-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem}.sp-existing-section{margin-bottom:1.5rem}.sp-pending-section{border-top:1px solid #e9ecef;padding-top:1rem}.sp-existing-section+.sp-pending-section{margin-top:0}.pending-items-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:6px}.pending-items-list li{display:flex;align-items:center;gap:7px;background:#e8f4fd;border:1px solid #bee3f8;border-radius:6px;padding:6px 10px;font-size:.88rem;color:#1a5276}.pi-name{font-weight:600}.pi-desc{color:#5d6d7e;font-size:.83rem}.pi-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:#e74c3c;display:flex;align-items:center;padding:2px;border-radius:3px}.pi-remove:hover{background:#fdecea}.sp-editing-row td{background:#fffbeb;vertical-align:middle}.sp-inline-input{width:100%;padding:4px 6px;border:1px solid #f0ad4e;border-radius:4px;font-size:.88rem;box-sizing:border-box}.field-hint{font-size:.75rem;font-weight:400;color:#6c757d}.product-summary-bar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#f0f4ff;border:1px solid #c7d8f8;border-radius:6px;padding:7px 12px;margin-bottom:1rem;font-size:.88rem;color:#2c3e50}.product-summary-bar strong{font-size:.92rem;color:#1a2e4a}.ps-price{color:#0056b3;font-weight:600}.ps-desc{color:#6c757d;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.expand-cell{width:50px;text-align:center}.btn-expand{background:none;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;color:#495057;font-size:.75rem}.btn-expand:hover{background:#f0f4ff}.subproduct-count{font-size:.75rem;font-weight:600;color:#0056b3}.subproducts-expand-row td{background:#f8f9fa;padding:.5rem 1rem .75rem 3rem}.subproducts-inline-list ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.subproducts-inline-list li{display:inline-flex;align-items:center;gap:4px;background:#e9ecef;padding:3px 8px;border-radius:12px;font-size:.85rem;color:#343a40}.subproducts-inline-list li.sp-inactive{opacity:.55}.sp-desc{color:#6c757d}.subproducts-section{border-top:2px solid #e9ecef;margin-top:1.25rem;padding-top:1rem}.subproducts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.subproducts-header h3{margin:0;font-size:1rem;color:#343a40;display:flex;align-items:center}.subproducts-empty{color:#6c757d;font-size:.9rem;margin:0;padding:.5rem 0}.subproduct-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.75rem;margin-bottom:1rem}.subproduct-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.subproducts-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.25rem}.subproducts-table th,.subproducts-table td{padding:.5rem .75rem;border-bottom:1px solid #dee2e6;color:#1a1a1a;text-align:left}.subproducts-table thead{background:#f0f4ff}.subproducts-table tr.inactive{opacity:.6;background:#f8f9fa}.subproducts-table .actions-cell{white-space:nowrap}.settings-container{padding:0;max-width:1200px;margin:0 auto}.settings-header{background:var(--card-gradient, linear-gradient(135deg, #2D4A7C 0%, #1e3a5f 100%));color:var(--white);padding:30px;border-radius:8px 8px 0 0;margin-bottom:0;display:flex;justify-content:space-between;align-items:center}.settings-title{font-size:28px;margin:0 0 8px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--white)}.settings-subtitle{font-size:14px;opacity:.9;margin:0;color:var(--white)}.settings-tabs{display:flex;gap:0;background:var(--white);border-bottom:2px solid var(--border);padding:0 30px}.settings-tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:16px 24px;font-size:15px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;margin-bottom:-2px}.settings-tab:hover{color:var(--primary-color);background:#5b8def0d}.settings-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.settings-tab svg{flex-shrink:0}.sellers-table{margin-top:20px;overflow-x:auto}.sellers-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.sellers-table th{background:var(--background);padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.sellers-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text)}.sellers-table tr:last-child td{border-bottom:none}.sellers-table tr:hover{background:var(--hover-bg)}.sellers-table .badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.sellers-table .badge.active{background:#e8f5e9;color:#2e7d32}.sellers-table .badge.inactive{background:#ffebee;color:#c62828}.settings-tabs-nav{display:none}.settings-tab-btn{background:transparent;border:none;padding:16px 24px;font-size:15px;font-weight:500;color:var(--text-light);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;bottom:-2px;display:inline-flex;align-items:center;gap:10px}.settings-tab-btn svg{flex-shrink:0}.settings-tab-btn:hover{color:var(--primary-orange);background-color:#ff6b350d}.settings-tab-btn.active{color:var(--primary-orange);border-bottom-color:var(--primary-orange);font-weight:600}.settings-content{background:var(--white);border-radius:0 0 8px 8px;box-shadow:0 2px 10px var(--shadow);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.products-tab-content{margin:0;padding:30px;background:var(--light-gray)}.config-info-box{background:#004e890d;border-left:4px solid var(--primary-blue);padding:15px 20px;border-radius:4px;margin-top:15px}.config-info-box p{margin:0;font-size:14px;color:var(--text-dark);line-height:1.5;display:flex;align-items:flex-start;gap:10px}.config-info-box p svg{margin-top:2px;flex-shrink:0}.settings-form{padding:30px}.settings-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:20px;color:var(--text-dark);margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.settings-section h3 svg{flex-shrink:0}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-group label input[type=checkbox]{width:auto;margin-right:8px}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:6px;font-size:15px;transition:all .3s}.form-group input[type=checkbox]{width:auto;padding:0}.form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.form-group small{display:block;margin-top:6px;font-size:13px;color:var(--text-light)}.form-preview{margin-top:20px;padding:20px;background:var(--light-gray);border-radius:6px}.form-preview strong{display:block;margin-bottom:12px;color:var(--text-dark);font-size:14px}.preview-box{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.preview-sidebar{background:linear-gradient(180deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:20px}.preview-header{color:var(--white);font-size:18px;font-weight:600;text-align:center}.alert{padding:12px 16px;border-radius:6px;margin:20px 30px;font-size:14px;display:flex;align-items:center;gap:8px}.alert.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;border:none;display:inline-flex;align-items:center;gap:8px}.settings-info{background:var(--light-gray);padding:20px;border-radius:6px;margin:30px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:13px;color:var(--text-light);font-weight:600}.info-value{font-size:15px;color:var(--text-dark);font-weight:500}.settings-actions{display:flex;gap:12px;padding:20px 30px;background:var(--light-gray);border-top:1px solid var(--border);flex-wrap:wrap}.btn-save-settings{background:var(--primary-orange);color:var(--white);padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;border:none;display:inline-flex;align-items:center;gap:8px}.btn-save-settings:hover{background:var(--dark-orange);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-save-settings:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-reset{background:transparent;color:var(--text);padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;border:2px solid var(--border);display:inline-flex;align-items:center;gap:8px}.btn-reset:hover{border-color:var(--primary-orange);color:var(--primary-orange);background:#ff6b350d}.preview-box{margin-top:20px;padding:20px;background:var(--light-gray);border-radius:6px}.preview-box h4{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.preview-header{background:linear-gradient(180deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:20px;border-radius:8px;font-size:18px;font-weight:600;text-align:center}.form-help{display:block;margin-top:6px;font-size:13px;color:var(--text-light)}.section-title{font-size:18px;color:var(--text-dark);margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.input-group{display:flex;align-items:center;gap:8px}.input-group input{flex:1}.input-group .digit-input{flex:0 0 50px;text-align:center}.input-separator{font-size:18px;font-weight:600;color:var(--text-light)}.empty-state{padding:60px 30px;text-align:center;color:var(--text-light)}.empty-state p{margin-bottom:20px;font-size:16px}.table-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;align-items:center}.btn-action{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .18s ease;border:1px solid transparent;white-space:nowrap;font-family:inherit;line-height:1}.btn-action-label{background:#f8fafc;color:#475569;border-color:#d1d5db}.btn-action-label:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.btn-action-edit{background:var(--primary-orange, #ff6b35);color:#fff;border-color:transparent}.btn-action-edit:hover{background:#e85d2a;transform:translateY(-1px);box-shadow:0 3px 8px #ff6b3547}.btn-action-entregue{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.btn-action-entregue:hover{background:#dcfce7;border-color:#86efac;color:#15803d;transform:translateY(-1px)}.btn-action-devolvido{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-action-devolvido:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.btn-action-delete{background:transparent;color:#94a3b8;border-color:transparent;padding:5px 7px}.btn-action-delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-icon{padding:8px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon.btn-edit{color:var(--primary-blue)}.btn-icon.btn-edit:hover{background:#2196f31a}.btn-icon.btn-delete{color:#d32f2f}.btn-icon.btn-delete:hover{background:#d32f2f1a}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-active{background:#e8f5e9;color:#2e7d32}.badge-inactive{background:#ffebee;color:#c62828}.badge-viewer{background:#f5f3ff;color:#6d28d9}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label span{font-weight:500;color:var(--text-dark)}.sellers-table-container{padding:0 30px 30px}@media(max-width:768px){.settings-header{padding:20px}.settings-header h2{font-size:22px}.settings-form,.settings-info{padding:20px}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.products-tab-content{padding:20px}}@media(max-width:480px){.settings-header{padding:15px}.settings-header h2{font-size:20px}.settings-form,.settings-info,.products-tab-content{padding:15px}}.section-description{font-size:14px;color:var(--text-light);margin:-8px 0 20px}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:20px}.color-option{cursor:pointer;text-align:center;transition:all .3s ease;padding:12px;border-radius:12px;border:2px solid transparent}.color-option:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.color-option.active{border-color:var(--primary-color);background:#5b8def0d}.color-preview-sidebar{width:100%;height:80px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s ease}.color-preview-primary{width:100%;height:60px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s ease}.color-option:hover .color-preview-sidebar,.color-option:hover .color-preview-primary{transform:scale(1.05)}.color-name{display:block;font-size:13px;font-weight:600;color:var(--text-dark)}.color-option.active .color-name{color:var(--primary-color)}.section-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.bi-bank-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.bi-bank-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;border:2px solid var(--border, #e2e8f0);background:var(--white, #fff);cursor:pointer;transition:all .18s ease;min-width:110px;gap:4px}.bi-bank-btn:hover{border-color:var(--bank-color, #2563eb);box-shadow:0 2px 10px #00000014}.bi-bank-btn.active{border-color:var(--bank-color, #2563eb);background:color-mix(in srgb,var(--bank-color, #2563eb) 10%,white)}.bi-bank-code{font-size:13px;font-weight:700;color:var(--bank-color, #2563eb)}.bi-bank-label{font-size:11px;color:var(--text-light, #64748b)}.bi-bank-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px}.bi-editing-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:8px;color:#fff;font-weight:700;font-size:14px;margin-bottom:4px}.bi-form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border, #e2e8f0)}.bi-form-section:last-child{border-bottom:none}.bi-form-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:12px}.btn-eye{background:none;border:none;cursor:pointer;padding:0 10px;color:var(--text-light, #64748b);display:flex;align-items:center}.btn-eye:hover{color:var(--text, #1e293b)}.bi-info-box{display:flex;align-items:flex-start;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:13px;color:#1e40af;margin-bottom:16px}.req{color:#ef4444;font-weight:700;margin-left:2px}.row-inactive td{opacity:.55}.ds-select-sm{padding:6px 10px;border:1px solid var(--border, #e2e8f0);border-radius:7px;background:var(--white, #fff);font-size:13px;color:var(--text, #1e293b);cursor:pointer;height:36px}.ds-select-sm:focus{outline:none;border-color:var(--primary, #2563eb)}:root{--os-orange: #f97316;--os-blue: #004e89;--os-green: #059669;--os-amber: #d97706;--os-gray: #6b7280;--os-red: #dc2626}.os-page{padding:28px 32px 40px;max-width:1200px;background:#f5f7fa;min-height:100%}.os-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.os-header-left{display:flex;align-items:center;gap:14px}.os-header-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#004e89,#0070c0);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #004e8940}.os-header h1{margin:0;font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.os-header p{margin:2px 0 0;font-size:13px;color:#64748b}.os-btn-new{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:linear-gradient(135deg,#004e89,#0066b3);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px #004e894d;white-space:nowrap}.os-btn-new:hover{background:linear-gradient(135deg,#003d6e,#0055a0);transform:translateY(-1px);box-shadow:0 5px 14px #004e8959}.os-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}@media(max-width:600px){.os-stats{grid-template-columns:1fr 1fr}}.os-stat-card{background:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;border:2px solid #e8ecf1;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;box-shadow:0 1px 4px #0000000a}.os-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.os-stat-card.active{border-color:var(--stat-color);background:var(--stat-bg);box-shadow:0 4px 14px #0000001a}.os-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--stat-bg);color:var(--stat-color)}.os-stat-card.active .os-stat-icon{background:var(--stat-color);color:#fff}.os-stat-info{flex:1;min-width:0}.os-stat-count{font-size:26px;font-weight:800;color:var(--stat-color);line-height:1}.os-stat-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.os-toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.os-search-box{position:relative;flex:1 1 220px}.os-search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.os-search-box input{width:100%;padding:9px 12px 9px 34px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;background:#fff;color:#1e293b;transition:border-color .2s;box-sizing:border-box}.os-search-box input:focus{outline:none;border-color:#004e89;box-shadow:0 0 0 3px #004e891a}.os-clear-filter{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border:1.5px solid #e2e8f0;border-radius:9px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.os-clear-filter:hover{border-color:#94a3b8;color:#374151}.os-type-filter{display:flex;gap:6px;flex-wrap:wrap}.os-type-filter-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.os-type-filter-btn:hover{border-color:#004e89;color:#004e89}.os-type-filter-btn.active{border-color:#004e89;background:#004e89;color:#fff}.os-table-wrap{background:#fff;border-radius:14px;border:1px solid #e8ecf1;overflow:hidden;box-shadow:0 1px 6px #0000000d}.os-table{width:100%;border-collapse:collapse;font-size:13.5px}.os-table thead tr{background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.os-table th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.os-table td{padding:13px 14px;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.os-table tbody tr:last-child td{border-bottom:none}.os-table tbody tr:hover{background:#fafbfc}.os-order-num{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#004e89;background:#eff6ff;padding:3px 8px;border-radius:6px;display:inline-block;white-space:nowrap}.os-type-badge{font-size:11px;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 8px;border-radius:12px;white-space:nowrap;display:inline-block}.os-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1.5px solid}.os-actions{display:flex;gap:3px;flex-wrap:nowrap}.os-act{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;color:#64748b;transition:all .15s}.os-act:hover{border-color:#94a3b8;color:#1e293b;background:#f8fafc;transform:scale(1.08)}.os-act.green{color:#059669;border-color:#a7f3d0}.os-act.green:hover{background:#ecfdf5;border-color:#059669}.os-act.amber{color:#d97706;border-color:#fde68a}.os-act.amber:hover{background:#fffbeb;border-color:#d97706}.os-act.red{color:#dc2626;border-color:#fecaca}.os-act.red:hover{background:#fef2f2;border-color:#dc2626}.os-act.blue{color:#2563eb;border-color:#bfdbfe}.os-act.blue:hover{background:#eff6ff;border-color:#2563eb}.os-empty{padding:60px 24px;text-align:center;color:#94a3b8}.os-empty svg{margin-bottom:12px;opacity:.4}.os-empty p{font-size:15px;font-weight:500;margin:0 0 16px}.os-loading{padding:60px 24px;text-align:center;color:#94a3b8;font-size:14px}.os-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px}.os-modal{background:#fff;border-radius:18px;box-shadow:0 24px 60px #00000038;width:100%;max-width:1100px;height:calc(100vh - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;animation:osModalIn .22s cubic-bezier(.16,1,.3,1)}.os-modal-detail{max-width:860px;height:auto;max-height:calc(100vh - 24px)}@keyframes osModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.os-modal-header{display:flex;align-items:center;gap:14px;padding:22px 28px 18px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.os-modal-header-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#004e89,#0070c0);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.os-modal-header-text{flex:1;min-width:0}.os-modal-header-text h2{margin:0;font-size:17px;font-weight:700;color:#0f172a}.os-modal-header-text span{font-size:12px;color:#94a3b8}.os-modal-close{background:none;border:1.5px solid #e2e8f0;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:16px;transition:all .15s}.os-modal-close:hover{border-color:#94a3b8;color:#1e293b}.os-tabs-bar{display:flex;background:#f8fafc;border-bottom:1px solid #e8ecf1;flex-shrink:0;padding:0 8px}.os-tab-btn{padding:13px 18px;border:none;background:none;cursor:pointer;font-size:13.5px;font-weight:600;color:#64748b;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:7px;transition:all .2s;white-space:nowrap}.os-tab-btn:hover{color:#1e293b;background:#00000008;border-radius:8px 8px 0 0}.os-tab-btn.active{color:#004e89;border-bottom-color:#004e89;background:none;font-weight:700}.os-modal-body{flex:1;overflow-y:auto;padding:24px 28px}.os-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.os-form-row.single{grid-template-columns:1fr}.os-form-row.triple{grid-template-columns:1fr 1fr 1fr}@media(max-width:560px){.os-form-row,.os-form-row.triple{grid-template-columns:1fr}}.os-form-group{display:flex;flex-direction:column;gap:5px}.os-form-group label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.4px}.os-form-group input,.os-form-group select,.os-form-group textarea{padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s;font-family:inherit;resize:vertical}.os-form-group input:focus,.os-form-group select:focus,.os-form-group textarea:focus{outline:none;border-color:#004e89;box-shadow:0 0 0 3px #004e891a}.os-form-group input::placeholder,.os-form-group textarea::placeholder{color:#cbd5e1}.os-checkbox-row{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;margin-bottom:16px}.os-checkbox-row:hover{border-color:#cbd5e1;background:#f1f5f9}.os-checkbox-row.checked{border-color:#93c5fd;background:#eff6ff}.os-checkbox-row input[type=checkbox]{width:17px;height:17px;accent-color:#004e89;cursor:pointer;flex-shrink:0}.os-checkbox-row span{font-size:14px;font-weight:500;color:#374151}.os-section-title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.os-alert{background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;padding:10px 14px;font-size:13.5px;color:#dc2626;margin-bottom:16px;display:flex;align-items:center;gap:8px}.os-contract-display{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#eff6ff;border:1.5px solid #93c5fd;border-radius:9px}.os-contract-display span{font-size:13.5px;font-weight:600;color:#1e40af;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-contract-clear{background:none;border:none;cursor:pointer;color:#64748b;font-size:18px;line-height:1;padding:0 2px;flex-shrink:0}.os-contract-clear:hover{color:#dc2626}.os-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:300;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a;max-height:220px;overflow-y:auto}.os-autocomplete-item{padding:10px 14px;cursor:pointer;font-size:13.5px;color:#1e293b;border-bottom:1px solid #f8fafc;transition:background .1s}.os-autocomplete-item:last-child{border-bottom:none}.os-autocomplete-item:hover{background:#f1f5f9}.os-autocomplete-item strong{color:#004e89}.os-autocomplete-searching{padding:10px 14px;font-size:13px;color:#94a3b8}.os-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#fafbfc}.os-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid transparent;white-space:nowrap}.os-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.os-btn-primary{background:linear-gradient(135deg,#004e89,#0066b3);color:#fff;box-shadow:0 2px 8px #004e8940}.os-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#003d6e,#0055a0);transform:translateY(-1px);box-shadow:0 4px 12px #004e894d}.os-btn-secondary{background:#fff;color:#475569;border-color:#e2e8f0}.os-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.os-btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 2px 8px #05966933}.os-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px)}.os-detail-sections{display:flex;flex-direction:column;gap:20px}.os-detail-section{background:#f8fafc;border:1px solid #e8ecf1;border-radius:12px;padding:16px 18px}.os-detail-section-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.os-detail-section-header svg{color:#64748b;flex-shrink:0}.os-detail-section-header span{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.6px}.os-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.os-detail-grid.full{grid-template-columns:1fr}.os-detail-field label{display:block;font-size:10.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.os-detail-field p{margin:0;font-size:14px;color:#1e293b;font-weight:500}.os-detail-field p.muted{color:#94a3b8;font-weight:400;font-style:italic}.os-modal-service-type{background:#f8fafc;border-bottom:1px solid #e8ecf1;flex-shrink:0}.os-modal-service-type .os-section-title{margin:0;padding:12px 16px 6px}.os-modal-service-type .os-service-type-grid{margin-bottom:0;padding:0 16px 12px}.os-service-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:20px}.os-service-type-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border:2px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;font-size:12px;font-weight:600;color:#64748b;transition:all .15s;line-height:1.2;text-align:center}.os-service-type-btn:hover{border-color:#94a3b8;background:#f1f5f9;color:#334155}.os-service-type-btn.selected{border-color:#004e89;background:#eff6ff;color:#004e89;box-shadow:0 0 0 3px #bfdbfe55}.os-service-type-icon{font-size:20px;line-height:1}.os-dep-warning{margin-top:6px;padding:7px 12px;border-radius:8px;font-size:12.5px;line-height:1.4}.os-dep-substatus{background:#fff3cd;border:1px solid #ffc107;color:#856404}.os-dep-grace{background:#fff5f5;border:1px solid #fc8181;color:#c53030}.os-btn-print{background:#fff;color:#374151;border-color:#d1d5db}.os-btn-print:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}@media print{body>*,.main-content>*,.os-page>*:not(.os-modal-overlay){display:none!important}.os-modal-overlay{position:static!important;background:none!important;display:block!important;padding:0!important}#os-print-area{display:block!important;position:static!important;width:100%!important;max-width:100%!important;max-height:none!important;box-shadow:none!important;border-radius:0!important;border:none!important;overflow:visible!important;margin:0!important}.no-print,.os-modal-footer{display:none!important}.os-modal-body{overflow:visible!important;max-height:none!important;padding:12px!important}.os-modal-header{border-bottom:2px solid #000!important;padding-bottom:10px!important;margin-bottom:16px!important}.os-modal-header h2{font-size:20px!important;color:#000!important}.os-detail-section{background:#fff!important;border:1px solid #ccc!important;page-break-inside:avoid;margin-bottom:12px!important}.os-detail-section-header{color:#000!important;font-weight:700!important;border-bottom:1px solid #ccc!important;padding-bottom:6px!important;margin-bottom:10px!important}.os-detail-field label{color:#555!important;font-size:10px!important}.os-detail-field p{color:#000!important;font-size:13px!important}.os-status-badge{border:1px solid #000!important;color:#000!important;background:none!important}.os-detail-grid{grid-template-columns:repeat(3,1fr)!important}}.ga-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:20px}.ga-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:none;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color .15s,border-color .15s}.ga-tab.active{color:#1e3a5f;border-bottom-color:#1e3a5f}.ga-tab:hover:not(.active){color:#374151;background:#f9fafb}.ga-tab-content{animation:ga-fade-in .15s ease}@keyframes ga-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ga-wizard{max-width:780px}.ga-steps{display:flex;align-items:center;gap:6px;margin-bottom:20px;font-size:13px}.ga-step{color:#9ca3af;font-weight:600}.ga-step.active{color:#1e3a5f}.ga-step.done{color:#16a34a}.ga-step-sep{color:#d1d5db}.ga-step-hint{font-size:13px;color:#6b7280;margin-bottom:14px}.ga-step-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ga-mode-tag{background:#eef2ff;color:#3730a3;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700}.ga-selected-count{margin-left:auto;font-size:12px;color:#2563eb;font-weight:600}.ga-mode-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.ga-mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}.ga-mode-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1a}.ga-mode-card.selected{border-color:#1e3a5f;background:#eff6ff}.ga-mode-card strong{font-size:14px;color:#1f2937}.ga-mode-desc{font-size:12px;color:#6b7280;line-height:1.4}.ga-mode-icon{font-size:22px;color:#1e3a5f}.ga-search{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;margin-bottom:10px;outline:none;transition:border-color .15s}.ga-search:focus{border-color:#3b82f6}.ga-select-all-row+.ga-contract-list{border-top:none;border-radius:0 0 8px 8px}.ga-contract-list{max-height:360px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.ga-contract-row{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-bottom:1px solid #f3f4f6;border-left:3px solid transparent;cursor:pointer;transition:background .1s,border-color .1s}.ga-contract-row:last-child{border-bottom:none}.ga-contract-row:hover{background:#fafafa}.ga-contract-row.selected{background:#eff6ff!important;border-left-color:#1e3a5f!important}.ga-contract-row.sev-low{border-left-color:#fbbf24}.ga-contract-row.sev-medium{border-left-color:#f97316}.ga-contract-row.sev-high{border-left-color:#ef4444}.ga-contract-row.sev-critical{border-left-color:#7f1d1d;background:#fff8f8}.ga-contract-row input{flex-shrink:0;width:16px;height:16px;cursor:pointer;margin-top:3px}.ga-contract-info{flex:1;display:flex;flex-direction:column;gap:3px}.ga-contract-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ga-contract-num{font-size:13px;font-weight:700;color:#1f2937}.ga-contract-holder{font-size:12px;color:#374151}.ga-contract-phone{font-size:11px;color:#6b7280}.ga-oldest-date{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ga-inadimplente-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.ga-inadimplente-badge.sev-low{background:#fef9c3;color:#a16207;border:1px solid #fde047}.ga-inadimplente-badge.sev-medium{background:#ffedd5;color:#c2410c;border:1px solid #fb923c}.ga-inadimplente-badge.sev-high{background:#fee2e2;color:#b91c1c;border:1px solid #f87171}.ga-inadimplente-badge.sev-critical{background:#7f1d1d;color:#fff;border:1px solid #991b1b}.ga-days-badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700}.ga-days-badge.sev-low{background:#fef9c3;color:#a16207}.ga-days-badge.sev-medium{background:#ffedd5;color:#c2410c}.ga-days-badge.sev-high{background:#fee2e2;color:#b91c1c}.ga-days-badge.sev-critical{background:#7f1d1d;color:#fff}.ga-contract-right{text-align:right;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.ga-overdue-val{font-size:14px;font-weight:800}.ga-overdue-val.sev-low{color:#a16207}.ga-overdue-val.sev-medium{color:#c2410c}.ga-overdue-val.sev-high{color:#b91c1c}.ga-overdue-val.sev-critical{color:#7f1d1d}.ga-overdue-count{font-size:11px;color:#6b7280}.ga-already-assigned{font-size:10px;color:#2563eb;background:#dbeafe;padding:1px 6px;border-radius:8px}.ga-user-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:16px}.ga-user-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s,background .1s}.ga-user-row:hover{border-color:#93c5fd;background:#f9fafb}.ga-user-row.selected{border-color:#1e3a5f;background:#eff6ff}.ga-user-row.disabled{opacity:.4;cursor:not-allowed}.ga-user-row.disabled:hover{border-color:#e5e7eb;background:#fff}.ga-user-row input{flex-shrink:0;width:16px;height:16px;cursor:pointer}.ga-user-row.disabled input{cursor:not-allowed}.ga-user-avatar{width:34px;height:34px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.ga-user-info{display:flex;flex-direction:column}.ga-user-name{font-size:13px;font-weight:600;color:#1f2937}.ga-user-role{font-size:11px;color:#6b7280}.ga-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;margin-bottom:14px}.ga-summary-box h4{margin:0 0 10px;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.4px}.ga-summary-row{display:flex;gap:8px;font-size:13px;margin-bottom:4px;color:#374151}.ga-summary-row span{color:#6b7280;width:130px;flex-shrink:0}.ga-summary-contracts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ga-summary-contract-chip{background:#eef2ff;color:#3730a3;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.ga-list-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.ga-list-toolbar .ga-search{margin-bottom:0;flex:1;min-width:180px}.ga-page-size-ctrl{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;color:#6b7280;flex-shrink:0}.ga-page-size-btn{padding:4px 9px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#374151;transition:background .1s,border-color .1s}.ga-page-size-btn:hover{background:#f3f4f6;border-color:#9ca3af}.ga-page-size-btn.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.ga-select-all-row{display:flex;align-items:center;gap:10px;padding:7px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;font-size:12px;color:#374151}.ga-select-all-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600}.ga-select-all-label input{width:15px;height:15px;cursor:pointer}.ga-total-hint{margin-left:auto;font-size:11px;color:#9ca3af}.ga-pagination{display:flex;align-items:center;gap:4px;justify-content:center;padding:10px 0 4px;flex-wrap:wrap}.ga-page-btn{min-width:32px;height:32px;padding:0 6px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.ga-page-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#9ca3af}.ga-page-btn.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.ga-page-btn:disabled{opacity:.4;cursor:not-allowed}.ga-page-ellipsis{font-size:12px;color:#9ca3af;padding:0 4px;line-height:32px}.ga-distrib-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:14px 16px;margin-bottom:14px}.ga-distrib-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#374151;margin-bottom:6px}.ga-distrib-label{color:#6b7280}.ga-distrib-val{font-weight:700;color:#1e3a5f;font-size:15px}.ga-distrib-result{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #bfdbfe;font-size:14px;font-weight:700;color:#1e3a5f}.ga-distrib-note,.ga-distrib-limit{font-size:11px;color:#64748b;font-weight:400}.ga-max-warning{display:flex;align-items:center;gap:8px;background:#fefce8;border:1px solid #fde047;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;color:#854d0e;margin-bottom:10px}.ga-user-distrib{display:inline-block;background:#dbeafe;color:#1d4ed8;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:700;margin-top:2px}.ga-notes-area{margin-bottom:16px}.ga-notes-area label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.ga-notes-area textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;outline:none}.ga-notes-area textarea:focus{border-color:#3b82f6}.ga-wizard-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.ga-btn-primary,.ga-btn-secondary,.ga-btn-confirm{display:flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,filter .15s}.ga-btn-primary{background:#1e3a5f;color:#fff}.ga-btn-confirm{background:#16a34a;color:#fff}.ga-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.ga-btn-primary:hover,.ga-btn-confirm:hover{filter:brightness(1.1)}.ga-btn-primary:disabled,.ga-btn-confirm:disabled{opacity:.5;cursor:not-allowed;filter:none}.ga-success{display:flex;align-items:center;gap:8px;background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.ga-error{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.ga-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:16px}.ga-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 12px;text-align:center}.ga-card.pending{border-color:#fde68a;background:#fffbeb}.ga-card.done{border-color:#6ee7b7;background:#ecfdf5}.ga-card.cancelled{border-color:#fca5a5;background:#fef2f2}.ga-card-val{font-size:22px;font-weight:700;color:#1f2937}.ga-card-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.ga-filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.ga-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;min-width:180px;outline:none}.ga-btn-refresh{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;transition:background .1s}.ga-btn-refresh:hover{background:#f3f4f6}.ga-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.ga-table{width:100%;border-collapse:collapse;font-size:13px}.ga-table thead tr{background:#f0f4f8}.ga-table th{padding:9px 10px;text-align:left;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-bottom:1px solid #e5e7eb}.ga-table td{padding:10px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.ga-table tr:last-child td{border-bottom:none}.ga-row-concluida td{opacity:.7}.ga-row-cancelada td{opacity:.5}.ga-sub{font-size:11px;color:#9ca3af}.ga-dt{white-space:nowrap;color:#555;font-size:11px}.ga-overdue-sm{font-weight:600;color:#c2410c;font-size:12px}.ga-emp-notes{font-size:11px;color:#6b7280;max-width:180px}.ga-mode-chip{background:#f3f4f6;color:#374151;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.ga-btn-cancel-row{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;cursor:pointer;color:#dc2626;transition:background .1s}.ga-btn-cancel-row:hover{background:#fee2e2}.ga-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.badge-pendente{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-concluida{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.badge-cancelada{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.ga-loading{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.ga-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280;gap:10px}.ga-empty p{font-size:14px;margin:0}.cobranca-container{padding:24px;max-width:1200px;margin:0 auto}.cobranca-tabs{display:flex;gap:4px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.cobranca-tab-btn{padding:10px 24px;border:none;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;transition:all .2s;margin-bottom:-2px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px}.cobranca-tab-btn:hover{color:var(--primary-orange, #ff6b35);background:#fff7f5}.cobranca-tab-btn.active{color:var(--primary-orange, #ff6b35);border-bottom-color:var(--primary-orange, #ff6b35);background:#fff7f5}.cobranca-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#dc2626;color:#fff;border-radius:9px;font-size:11px;font-weight:700;line-height:1}.cobranca-summary{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.cobranca-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 24px;flex:1;min-width:160px;text-align:center}.cobranca-summary-card .value{font-size:28px;font-weight:700;color:#1e293b}.cobranca-summary-card .label{font-size:12px;color:#64748b;margin-top:4px}.cobranca-search-bar{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.cobranca-search-input{flex:1;min-width:200px;padding:9px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.cobranca-search-input:focus{border-color:var(--primary-orange, #ff6b35);box-shadow:0 0 0 3px #ff6b351a}.cobranca-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.cobranca-table{width:100%;border-collapse:collapse}.cobranca-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.cobranca-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cobranca-table tr:last-child td{border-bottom:none}.cobranca-table tr:hover td{background:#fafbfc}.lock-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.lock-badge.free{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.lock-badge.mine{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.lock-badge.other{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.overdue-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;font-size:12px;font-weight:600;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.btn-cobrar{padding:7px 14px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;background:var(--primary-orange, #ff6b35);color:#fff}.btn-cobrar:hover:not(:disabled){background:#e85d2a;transform:translateY(-1px);box-shadow:0 3px 8px #ff6b354d}.btn-cobrar:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.cobranca-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.cobranca-modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.cobranca-modal h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.cobranca-modal .subtitle{font-size:13px;color:#64748b;margin-bottom:20px}.cobranca-modal label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.cobranca-modal textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:90px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s}.cobranca-modal textarea:focus{border-color:var(--primary-orange, #ff6b35);box-shadow:0 0 0 3px #ff6b351a}.cobranca-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel{padding:9px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.btn-confirm{padding:9px 20px;border:none;border-radius:8px;background:var(--primary-orange, #ff6b35);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-confirm:hover:not(:disabled){background:#e85d2a}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.cobranca-empty{text-align:center;padding:60px 20px;color:#64748b}.cobranca-empty svg{opacity:.35;margin-bottom:12px}.cobranca-empty p{font-size:15px;font-weight:500}.cobranca-loading{text-align:center;padding:60px 20px;color:#64748b;font-size:15px}.cobranca-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:16px 20px;color:#dc2626;font-size:14px;margin-bottom:20px}.pending-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;font-size:12px;font-weight:600;background:#fef3c7;color:#b45309;border:1px solid #fde68a}.ok-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;font-size:12px;font-weight:600;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media(max-width:768px){.cobranca-container{padding:12px}.cobranca-table th:nth-child(n+4),.cobranca-table td:nth-child(n+4){display:none}.cobranca-summary-card{min-width:130px}}.commission-settings{padding:24px;max-width:1200px}.cs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.cs-header h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b}.cs-subtitle{margin:0;font-size:13px;color:#64748b}.cs-loading{color:#64748b;padding:16px 0}.cs-error{color:#ef4444;padding:8px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.cs-empty{text-align:center;color:#94a3b8;padding:32px;font-style:italic}.cs-muted{color:#94a3b8;font-style:italic}.cs-table-wrap{overflow-x:auto}.cs-table{width:100%;border-collapse:collapse;font-size:13px}.cs-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;white-space:nowrap}.cs-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cs-table tr:hover td{background:#f8fafc}.cs-row-inactive td{opacity:.55}.cs-num{font-variant-numeric:tabular-nums;font-weight:600}.cs-notes{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12px}.cs-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cs-type-venda{background:#dbeafe;color:#1d4ed8}.cs-type-recuperacao{background:#d1fae5;color:#065f46}.cs-type-recuperacaotrimestral{background:#e0f2fe;color:#0369a1}.cs-type-cobranca{background:#fef3c7;color:#92400e}.cs-role-vendedor{background:#f3e8ff;color:#6b21a8}.cs-role-gerente{background:#fce7f3;color:#9d174d}.cs-active{background:#d1fae5;color:#065f46}.cs-inactive{background:#f1f5f9;color:#64748b}.cs-actions{white-space:nowrap;display:flex;gap:6px}.cs-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.cs-btn:disabled{opacity:.55;cursor:not-allowed}.cs-btn-primary{background:#3b82f6;color:#fff}.cs-btn-primary:hover:not(:disabled){background:#2563eb}.cs-btn-outline{background:transparent;color:#374151;border:1px solid #d1d5db}.cs-btn-outline:hover:not(:disabled){background:#f9fafb}.cs-btn-danger{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.cs-btn-danger:hover:not(:disabled){background:#fee2e2}.cs-btn-sm{padding:4px 10px;font-size:12px;border-radius:6px}.cs-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.cs-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.cs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.cs-modal-header h3{margin:0;font-size:16px;font-weight:700;color:#1e293b}.cs-modal-close{background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer;line-height:1;padding:0 4px}.cs-modal-close:hover{color:#374151}.cs-modal-body{padding:16px 24px 24px}.cs-form-row{margin-bottom:14px}.cs-form-row label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}.cs-hint{font-weight:400;color:#94a3b8}.cs-form-row input,.cs-form-row select,.cs-form-row textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;box-sizing:border-box;transition:border-color .15s}.cs-form-row input:focus,.cs-form-row select:focus,.cs-form-row textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cs-form-row textarea{resize:vertical}.cs-form-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-form-row-check label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500}.cs-form-row-check input[type=checkbox]{width:16px;height:16px;cursor:pointer}.cs-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.template-editor-container{display:flex;flex-direction:column;gap:16px;padding:16px}.audit-filters-card{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--border-radius-lg);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.audit-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.audit-filters-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-light);padding-top:16px}.audit-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:4px 8px;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px}.audit-badge-create{background-color:var(--success-green-light);color:var(--success-green-dark);border:1px solid rgba(16,185,129,.2)}.audit-badge-update{background-color:var(--warning-yellow-light);color:var(--warning-yellow-dark);border:1px solid rgba(245,158,11,.2)}.audit-badge-delete{background-color:var(--danger-red-light);color:var(--danger-red-dark);border:1px solid rgba(239,68,68,.2)}.audit-badge-other{background-color:var(--neutral-gray-light);color:var(--neutral-gray-dark);border:1px solid var(--border-medium)}.audit-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--border-medium)}.audit-user-id{font-size:11px;color:var(--text-tertiary);margin-left:4px;font-weight:400}.audit-modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--border-radius-md);padding:12px 16px;font-size:13px}.audit-payload-container{background-color:#0f172a;border:1px solid #1e293b;border-radius:var(--border-radius-md);padding:16px;max-height:380px;overflow-y:auto}.audit-payload-container pre{margin:0;white-space:pre-wrap;word-break:break-all}.audit-payload-container code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;color:#e2e8f0;line-height:1.5}.audit-payload-empty{color:var(--text-tertiary);font-style:italic;font-size:13px;text-align:center;padding:24px 0}@media(max-width:600px){.audit-filters-grid{grid-template-columns:1fr}.audit-filters-actions{flex-direction:column-reverse}.audit-filters-actions button{width:100%}}:root{--ds-blue: #004e89;--ds-blue-light: #0070c0;--ds-blue-soft: #eff6ff;--ds-blue-border: #bfdbfe;--ds-orange: #f97316;--ds-orange-hover: #ea6c0a;--ds-green: #059669;--ds-green-bg: #d1fae5;--ds-green-border: #a7f3d0;--ds-amber: #d97706;--ds-amber-bg: #fef3c7;--ds-amber-border: #fde68a;--ds-red: #dc2626;--ds-red-bg: #fee2e2;--ds-red-border: #fecaca;--ds-purple: #7c3aed;--ds-purple-bg: #f5f3ff;--ds-purple-border:#ddd6fe;--ds-text: #0f172a;--ds-text-2: #1e293b;--ds-text-muted: #64748b;--ds-text-light: #94a3b8;--ds-border: #e2e8f0;--ds-border-soft: #e8ecf1;--ds-bg: #f5f7fa;--ds-surface: #fff;--ds-hover: #fafbfc}.ds-page{padding:28px 32px 40px;background:var(--ds-bg);min-height:100%}.ds-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.ds-page-header-left{display:flex;align-items:center;gap:14px}.ds-page-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--ds-blue) 0%,var(--ds-blue-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #004e8940}.ds-page-icon.orange{background:linear-gradient(135deg,#ea580c 0%,var(--ds-orange) 100%);box-shadow:0 4px 12px #f9731640}.ds-page-icon.green{background:linear-gradient(135deg,#047857 0%,var(--ds-green) 100%);box-shadow:0 4px 12px #05966940}.ds-page-title h1{margin:0;font-size:22px;font-weight:800;color:var(--ds-text);letter-spacing:-.3px}.ds-page-title p{margin:2px 0 0;font-size:13px;color:var(--ds-text-muted)}.ds-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.ds-btn-primary{background:linear-gradient(135deg,var(--ds-blue) 0%,var(--ds-blue-light) 100%);color:#fff;box-shadow:0 3px 10px #004e894d}.ds-btn-primary:hover{background:linear-gradient(135deg,#003d6e,#0055a0);transform:translateY(-1px);box-shadow:0 5px 14px #004e8959}.ds-btn-new{background:linear-gradient(135deg,#ea580c 0%,var(--ds-orange) 100%);color:#fff;box-shadow:0 3px 10px #f973164d}.ds-btn-new:hover{background:linear-gradient(135deg,#c2410c,#ea6c0a);transform:translateY(-1px);box-shadow:0 5px 14px #f9731659}.ds-btn-secondary{background:#fff;color:var(--ds-text-muted);border:1.5px solid var(--ds-border)}.ds-btn-secondary:hover{border-color:#94a3b8;color:var(--ds-text-2)}.ds-btn-danger{background:var(--ds-red-bg);color:var(--ds-red);border:1.5px solid var(--ds-red-border)}.ds-btn-danger:hover{background:#fecaca;border-color:var(--ds-red)}.ds-btn-success{background:var(--ds-green-bg);color:var(--ds-green);border:1.5px solid var(--ds-green-border)}.ds-btn-success:hover{background:#a7f3d0;border-color:var(--ds-green)}.ds-btn-sm{padding:7px 14px;font-size:13px;border-radius:8px}.ds-btn-xs{padding:4px 10px;font-size:12px;border-radius:7px}.ds-act{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.5px solid var(--ds-border);border-radius:8px;background:var(--ds-surface);cursor:pointer;color:var(--ds-text-muted);transition:all .15s;flex-shrink:0}.ds-act:hover{border-color:#94a3b8;color:var(--ds-text-2);background:#f8fafc;transform:scale(1.08)}.ds-act-blue{color:#2563eb;border-color:var(--ds-blue-border)}.ds-act-blue:hover{background:var(--ds-blue-soft);border-color:#2563eb}.ds-act-green{color:var(--ds-green);border-color:var(--ds-green-border)}.ds-act-green:hover{background:#ecfdf5;border-color:var(--ds-green)}.ds-act-amber{color:var(--ds-amber);border-color:var(--ds-amber-border)}.ds-act-amber:hover{background:#fffbeb;border-color:var(--ds-amber)}.ds-act-red{color:var(--ds-red);border-color:var(--ds-red-border)}.ds-act-red:hover{background:var(--ds-red-bg);border-color:var(--ds-red)}.ds-act-purple{color:var(--ds-purple);border-color:var(--ds-purple-border)}.ds-act-purple:hover{background:var(--ds-purple-bg);border-color:var(--ds-purple)}.ds-actions{display:flex;gap:4px;flex-wrap:nowrap}.ds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:24px}.ds-stat-card{background:var(--ds-surface);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;border:2px solid var(--ds-border-soft);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000000a}.ds-stat-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.ds-stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.ds-stat-card.active{border-color:var(--_color, var(--ds-blue));background:var(--_bg, #eff6ff)}.ds-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--_bg, #eff6ff);color:var(--_color, var(--ds-blue))}.ds-stat-card.active .ds-stat-icon{background:var(--_color, var(--ds-blue));color:#fff}.ds-stat-count{font-size:26px;font-weight:800;color:var(--_color, var(--ds-blue));line-height:1}.ds-stat-label{font-size:11px;font-weight:600;color:var(--ds-text-light);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.ds-toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.ds-search{position:relative;flex:1 1 220px}.ds-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ds-text-light);pointer-events:none}.ds-search input{width:100%;padding:9px 12px 9px 34px;border:1.5px solid var(--ds-border);border-radius:9px;font-size:14px;background:var(--ds-surface);color:var(--ds-text-2);transition:border-color .2s;box-sizing:border-box;font-family:inherit;height:38px}.ds-search input:focus{outline:none;border-color:var(--ds-blue);box-shadow:0 0 0 3px #004e891a}.ds-filter-select{height:38px;padding:0 10px;border:1.5px solid var(--ds-border);border-radius:9px;font-size:13px;background:var(--ds-surface);color:var(--ds-text-2);font-family:inherit;cursor:pointer;transition:border-color .2s}.ds-filter-select:focus{outline:none;border-color:var(--ds-blue)}.ds-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.ds-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1.5px solid var(--ds-border);border-radius:20px;background:var(--ds-surface);font-size:12px;color:var(--ds-text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.ds-pill:hover{border-color:var(--ds-blue);color:var(--ds-blue)}.ds-pill.active{border-color:var(--ds-blue);background:var(--ds-blue);color:#fff}.ds-card{background:var(--ds-surface);border-radius:14px;border:1px solid var(--ds-border-soft);box-shadow:0 1px 6px #0000000d}.ds-card-body{padding:20px 24px}.ds-card-header{padding:18px 24px 14px;border-bottom:1px solid var(--ds-border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-card-header h2,.ds-card-header h3{margin:0;font-size:16px;font-weight:700;color:var(--ds-text)}.ds-table-wrap{background:var(--ds-surface);border-radius:14px;border:1px solid var(--ds-border-soft);overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 6px #0000000d}.ds-table{width:100%;border-collapse:collapse;font-size:13.5px}.ds-table thead tr{background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:2px solid var(--ds-border)}.ds-table th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ds-table td{padding:13px 14px;color:var(--ds-text-2);border-bottom:1px solid #f1f5f9;vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr:hover{background:var(--ds-hover)}.ds-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1.5px solid transparent}.ds-badge-active{background:var(--ds-green-bg);color:var(--ds-green);border-color:var(--ds-green-border)}.ds-badge-inactive{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.ds-badge-pending{background:var(--ds-amber-bg);color:var(--ds-amber);border-color:var(--ds-amber-border)}.ds-badge-blue{background:var(--ds-blue-soft);color:#1d4ed8;border-color:var(--ds-blue-border)}.ds-badge-red{background:var(--ds-red-bg);color:var(--ds-red);border-color:var(--ds-red-border)}.ds-badge-purple{background:var(--ds-purple-bg);color:var(--ds-purple);border-color:var(--ds-purple-border)}.ds-badge-neutral{background:#f1f5f9;color:#475569;border-color:var(--ds-border)}.ds-empty{padding:60px 24px;text-align:center;color:var(--ds-text-light)}.ds-empty svg{margin-bottom:12px;opacity:.4;display:block;margin-left:auto;margin-right:auto}.ds-empty p{font-size:15px;font-weight:500;margin:0 0 16px;color:var(--ds-text-muted)}.ds-loading{padding:60px 24px;text-align:center;color:var(--ds-text-light);font-size:14px}.ds-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px}.ds-modal{background:var(--ds-surface);border-radius:18px;box-shadow:0 24px 60px #00000038;width:100%;max-width:680px;max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;animation:dsModalIn .22s cubic-bezier(.16,1,.3,1)}.ds-modal-lg{max-width:900px}.ds-modal-xl{max-width:1100px;height:calc(100vh - 24px)}.ds-modal-sm{max-width:480px}@keyframes dsModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ds-modal-header{display:flex;align-items:center;gap:14px;padding:22px 28px 18px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.ds-modal-header-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--ds-blue) 0%,var(--ds-blue-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ds-modal-header-icon.orange{background:linear-gradient(135deg,#ea580c 0%,var(--ds-orange) 100%)}.ds-modal-header-icon.green{background:linear-gradient(135deg,#047857 0%,var(--ds-green) 100%)}.ds-modal-header-text{flex:1;min-width:0}.ds-modal-header-text h2{margin:0;font-size:17px;font-weight:700;color:var(--ds-text)}.ds-modal-header-text span{font-size:12px;color:var(--ds-text-light)}.ds-modal-close{background:none;border:1.5px solid var(--ds-border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ds-text-muted);transition:all .15s;flex-shrink:0}.ds-modal-close:hover{border-color:#94a3b8;color:var(--ds-text-2)}.ds-modal-body{flex:1;overflow-y:auto;padding:20px 28px}.ds-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#fafafa}.ds-form-group{margin-bottom:16px}.ds-form-group label{display:block;font-size:12px;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.ds-form-group input,.ds-form-group select,.ds-form-group textarea{width:100%;height:38px;padding:0 12px;border:1.5px solid var(--ds-border);border-radius:9px;font-size:14px;font-family:inherit;color:var(--ds-text-2);background:var(--ds-surface);transition:border-color .2s;box-sizing:border-box}.ds-form-group textarea{height:auto;padding:10px 12px;resize:vertical}.ds-form-group input:focus,.ds-form-group select:focus,.ds-form-group textarea:focus{outline:none;border-color:var(--ds-blue);box-shadow:0 0 0 3px #004e891a}.ds-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.ds-section-title{font-size:11px;font-weight:700;color:var(--ds-text-light);text-transform:uppercase;letter-spacing:.6px;padding-bottom:8px;border-bottom:1px solid var(--ds-border-soft);margin:20px 0 14px}.ds-tabs-bar{display:flex;background:#f8fafc;border-bottom:1px solid var(--ds-border-soft);flex-shrink:0;overflow-x:auto}.ds-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:13px 20px;border:none;border-bottom:3px solid transparent;background:none;font-size:13px;font-weight:500;color:var(--ds-text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.ds-tab-btn:hover{color:var(--ds-text-2);background:#00000005}.ds-tab-btn.active{color:var(--ds-blue);border-bottom-color:var(--ds-blue);font-weight:700}.ds-alert{padding:10px 14px;border-radius:9px;font-size:13px;font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:8px}.ds-alert-error{background:var(--ds-red-bg);color:var(--ds-red);border:1px solid var(--ds-red-border)}.ds-alert-success{background:var(--ds-green-bg);color:var(--ds-green);border:1px solid var(--ds-green-border)}.ds-alert-warning{background:var(--ds-amber-bg);color:var(--ds-amber);border:1px solid var(--ds-amber-border)}.ds-alert-info{background:var(--ds-blue-soft);color:var(--ds-blue);border:1px solid var(--ds-blue-border)}.ds-mono{font-family:Courier New,monospace}.ds-text-muted{color:var(--ds-text-muted)!important}.ds-text-strong{font-weight:700}.ds-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-id-chip{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:var(--ds-blue);background:var(--ds-blue-soft);padding:3px 8px;border-radius:6px;display:inline-block;white-space:nowrap}@media(max-width:768px){.ds-page{padding:16px}.ds-page-header{margin-bottom:18px}.ds-stats{grid-template-columns:1fr 1fr}.ds-modal{border-radius:14px 14px 0 0;align-self:flex-end;max-height:92vh}.ds-form-row{grid-template-columns:1fr}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.App{min-height:100vh}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;font-family:inherit;transition:border-color .3s}input:disabled,select:disabled,textarea:disabled{background-color:#f3f4f6!important;color:#6b7280;cursor:not-allowed;opacity:1}.tbl-pagination{display:flex;align-items:center;gap:4px;justify-content:center;padding:12px 0 4px;flex-wrap:wrap}.tbl-page-btn{min-width:32px;height:32px;padding:0 6px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.tbl-page-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#9ca3af}.tbl-page-btn.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.tbl-page-btn:disabled{opacity:.4;cursor:not-allowed}.tbl-page-ellipsis{font-size:12px;color:#9ca3af;padding:0 4px;line-height:32px}.tbl-pagination-info{font-size:12px;color:#6b7280;margin:0 8px}.tbl-page-size-ctrl{display:flex;align-items:center;gap:4px;margin-left:12px;font-size:12px;color:#6b7280}.tbl-page-size-btn{min-width:32px;height:28px;padding:0 6px;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#374151;transition:background .1s}.tbl-page-size-btn.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.tbl-page-size-btn:hover:not(.active){background:#f3f4f6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}