#root{max-width:100%;margin:0 auto;padding:2rem;text-align:center}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.card{background:#f9f9f9;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px;color:#333}.form-group{margin-bottom:15px;text-align:left}input{width:100%;padding:8px;margin-top:5px;box-sizing:border-box}button{width:100%;padding:10px;background-color:#004481;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}button:hover{background-color:#036}.dashboard-container{display:flex;height:100vh;width:100vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f6f8}.sidebar{width:260px;background-color:#004481;color:#fff;display:flex;flex-direction:column;padding:20px;flex-shrink:0}.sidebar-header h3{text-align:center;margin-bottom:40px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-menu ul{list-style:none;padding:0}.sidebar-menu li{margin-bottom:10px}.sidebar-menu a{color:#ecf0f1;text-decoration:none;font-size:1rem;display:block;padding:12px 15px;border-radius:8px;transition:all .3s}.sidebar-menu a:hover{background-color:#ffffff1a;transform:translate(5px)}.sidebar-footer{margin-top:auto}.btn-logout{width:100%;padding:12px;background-color:#da3851;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .3s}.btn-logout:hover{background-color:#b92b41}.content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;min-height:100vh;background-color:#f4f6f9;overflow-x:auto;overflow-y:auto}.home-container{min-height:100vh;display:flex;justify-content:center;align-items:start;background-color:#f5f7fa}.home-content{text-align:center;max-width:600px;padding:40px}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;padding:25px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 5px 15px #0000004d;position:relative;animation:fadeIn .3s ease-out}.modal-title{margin-top:0;margin-bottom:20px;text-align:center;color:#333;font-size:1.25rem;font-weight:700}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555;text-align:left}.form-control{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem}.modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:25px}.btn-modal{margin:0!important;min-width:100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group input[type=date]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.page-container{width:95%;margin:0 auto;padding:20px;box-sizing:border-box;max-width:1400px}.header-container{text-align:center;margin-bottom:20px}.menu-container{display:flex;justify-content:center;margin-bottom:25px}.table-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.table-responsive{width:100%;overflow-x:auto;max-height:calc(100vh - 300px);overflow-y:auto;border:1px solid #eee}.custom-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 24px;margin:0;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-table-action{margin:0!important;padding:6px 10px}.custom-table th{padding:16px;text-align:center;font-size:.85rem;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;background-color:#f8f9fa;z-index:10;border-bottom:2px solid #dee2e6}.custom-table td{padding:16px;vertical-align:middle;border-bottom:1px solid #f1f3f5;color:#444}.custom-table tbody tr:nth-child(2n){background-color:#fafbfc}.btn-add-primary{background-color:#004481;color:#fff;font-weight:600}.btn-add-primary:hover{background-color:#002d58}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.card-subtitle{margin-bottom:16px;font-weight:600;color:#004481}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px}.info-item{display:flex;flex-direction:column;background:#f9fafb;padding:12px 14px;border-radius:8px}.info-item label{font-size:.75rem;color:#6b7280;margin-bottom:4px;font-weight:600}.info-item span{font-size:.95rem;color:#111827;font-weight:500}.monto-highlight{color:#0d6efd;font-weight:700;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:25px;border-radius:8px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;position:relative}.btn-close-modal{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-title{margin-top:0;margin-bottom:20px;text-align:center;color:#333}.add-rol-form{display:flex;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.select-rol{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.page-container{width:100%;padding:20px;box-sizing:border-box}.header-container{text-align:center;align-items:center;margin-bottom:20px}.menu-container{text-align:center;display:flex;justify-content:center;margin-bottom:25px}.page-title{margin:0;color:#333;font-size:1.5rem}.table-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;width:100%}.table-responsive{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;min-width:600px}.custom-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.custom-table th{padding:15px;text-align:left;font-size:.9rem;font-weight:700;color:#495057}.custom-table td{padding:12px 15px;color:#212529;vertical-align:middle;border-bottom:1px solid #dee2e6}.custom-table tbody tr:hover{background-color:#f1f3f5}.btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;margin-left:25%;margin-right:25%;transition:background-color .2s;align-items:center}.btn-add{background-color:#004481;color:#fff}.btn-add:hover{background-color:#002d58}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#5a6268}.btn-icon{border:none;border-radius:4px;padding:5px 10px;cursor:pointer;margin:0 2px}.btn-edit{background-color:#ffc107;color:#212529}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.form-container-card{max-width:500px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.proveedores-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.header-section{flex-shrink:0;margin-bottom:10px}.filter-bar{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.8rem;font-weight:700;margin-bottom:4px;color:#555}.form-control{padding:8px;border:1px solid #ccc;border-radius:4px}.btn-search{padding:9px 20px;background-color:#004481;color:#fff;border:none;border-radius:4px;cursor:pointer}.table-container{flex:1;overflow-y:auto;overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 -2px 4px #0000000d;position:relative}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead th{position:sticky;top:0;background-color:#f1f4f9;z-index:10;padding:12px;border-bottom:2px solid #ddd;text-align:left;box-shadow:0 2px 2px #0000000d}.data-table td{padding:10px 12px;border-bottom:1px solid #eee}.data-table tr:hover{background-color:#f0f7ff}.text-right{text-align:right}.text-center{text-align:center}.btn-select{background-color:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-select:hover{background-color:#218838}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;width:90%;height:90%;max-width:1000px;border-radius:8px;padding:20px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;position:relative}.btn-close-modal{position:absolute;top:10px;right:15px;background:#da3851;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-weight:700;z-index:1100}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}