@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.busqueda-productos-container .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.busqueda-productos-container .modal-search{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.busqueda-productos-container .modal-search-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.busqueda-productos-container .modal-search-header h3{margin:0}.busqueda-productos-container .modal-search-header .btn-cerrar{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem}.busqueda-productos-container .modal-search-header .btn-cerrar:hover{color:#e74c3c}.busqueda-productos-container .modal-search-body{padding:1rem;overflow-y:auto}.busqueda-productos-container .search-filters{margin-bottom:1rem}.busqueda-productos-container .search-filters input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px}.busqueda-productos-container .search-filters .filter-group{display:flex;gap:1rem}.busqueda-productos-container .search-filters .filter-group select{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.busqueda-productos-container .search-filters .filter-group .btn-limpiar{padding:.5rem 1rem;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.busqueda-productos-container .search-filters .filter-group .btn-limpiar:hover{background:#d32f2f}.busqueda-productos-container .search-results .result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #eee}.busqueda-productos-container .search-results .result-item:hover{background:#f5f5f5}.busqueda-productos-container .search-results .result-item.added{background:#e8f5e9}.busqueda-productos-container .search-results .result-item .product-info{display:flex;flex-direction:column;gap:.25rem}.busqueda-productos-container .search-results .result-item .product-info .product-name{font-weight:700}.busqueda-productos-container .search-results .result-item .product-info .product-price{color:#666}.busqueda-productos-container .search-results .result-item .btn-add{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.busqueda-productos-container .search-results .result-item .btn-add:disabled{background:#ccc;cursor:not-allowed}.busqueda-productos-container .search-results .result-item .btn-add:not(:disabled):hover{background:#2980b9}.busqueda-productos-container .loading,.busqueda-productos-container .no-results{text-align:center;padding:2rem;color:#666}.pedido-modal .info-compact{background-color:var(--bg-color-alt);border-radius:5px;padding:12px;margin-bottom:20px;border:1px solid var(--border-color)}:global(.dark-mode) .pedido-modal .info-compact{background-color:var(--dark-bg-color-alt)}.pedido-modal .info-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.pedido-modal .info-item{flex:1;min-width:200px}.pedido-modal .info-label{font-weight:600;color:var(--text-color-muted);margin-right:8px}:global(.dark-mode) .pedido-modal .info-label{color:var(--dark-text-color-muted)}.pedido-modal .info-value{color:var(--text-color)}:global(.dark-mode) .pedido-modal .info-value{color:var(--dark-text-color)}.pedido-modal .productos-section{flex-grow:1;overflow-x:auto}.pedido-modal .productos-table{width:100%;border-collapse:collapse;margin-top:10px;background-color:var(--bg-color);box-shadow:0 1px 3px #0000001a}:global(.dark-mode) .pedido-modal .productos-table{background-color:var(--dark-bg-color);box-shadow:0 1px 3px #0000004d}.pedido-modal .productos-table th,.pedido-modal .productos-table td{padding:12px;border-bottom:1px solid var(--border-color)}:global(.dark-mode) .pedido-modal .productos-table th,:global(.dark-mode) .pedido-modal .productos-table td{border-color:var(--dark-border-color)}.pedido-modal .productos-table th{background-color:var(--bg-color-alt);font-weight:600;color:var(--text-color-emphasis)}:global(.dark-mode) .pedido-modal .productos-table th{background-color:var(--dark-bg-color-alt);color:var(--dark-text-color-emphasis)}.pedido-modal .productos-table tr:hover{background-color:var(--hover-color)}:global(.dark-mode) .pedido-modal .productos-table tr:hover{background-color:var(--dark-hover-color)}.pedido-modal .text-center{text-align:center}.pedido-modal .text-right{text-align:right}.pedido-modal .total-row{background-color:var(--bg-color-alt);font-size:1.1em}:global(.dark-mode) .pedido-modal .total-row{background-color:var(--dark-bg-color-alt)}.pedido-modal .total-row td{padding:15px 12px}.pedido-modal .close-button{background:none;border:none;color:var(--text-color-inverse);padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s}.pedido-modal .close-button:hover{background-color:#ffffff1a}:global(.dark-mode) .pedido-modal .close-button{color:var(--dark-text-color-inverse)}:global(.dark-mode) .pedido-modal .close-button:hover{background-color:#0003}form .form-grid{display:grid;gap:20px}form .form-grid.col-nombre{grid-template-columns:4fr 8fr}form .form-grid.col-2{grid-template-columns:1fr 1fr}form .form-grid.col-3{grid-template-columns:repeat(3,1fr)}form .form-grid .form-group{display:flex;flex-direction:column;gap:8px}form .form-grid .form-group label{font-size:.8rem;font-weight:500;color:inherit}form .form-grid .form-group input,form .form-grid .form-group select,form .form-grid .form-group textarea{padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background-color:#fff;color:#333;transition:all .3s ease}form .form-grid .form-group input:focus,form .form-grid .form-group select:focus,form .form-grid .form-group textarea:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 2px #2c3e501a}:global(.dark-mode) form .form-grid .form-group input,:global(.dark-mode) form .form-grid .form-group select,:global(.dark-mode) form .form-grid .form-group textarea{background-color:#343434;border-color:#ffffff1a;color:#ecf0f1}:global(.dark-mode) form .form-grid .form-group input:focus,:global(.dark-mode) form .form-grid .form-group select:focus,:global(.dark-mode) form .form-grid .form-group textarea:focus{border-color:#587ca0}form .form-grid .form-group input:disabled,form .form-grid .form-group select:disabled,form .form-grid .form-group textarea:disabled{opacity:.7;cursor:not-allowed}form .form-grid .form-group.form-center{display:flex;align-items:center;justify-content:center}form .form-actions{padding:15px 20px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:10px;background-color:#00000005;border-radius:0 0 8px 8px}:global(.dark-mode) form .form-actions{background-color:#ffffff05;border-top-color:#ffffff1a}form .close-button{background:none;border:none;color:inherit;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease}form .close-button:hover{background-color:#ffffff1a}form .upload-area{border:2px dashed rgba(0,0,0,.1);border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease}:global(.dark-mode) form .upload-area{border-color:#ffffff1a}form .upload-area:hover{border-color:#2c3e50}:global(.dark-mode) form .upload-area:hover{border-color:#34495e}form .upload-area.has-image{border-style:solid;padding:10px}form .upload-area.has-image img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}input,select,button{padding:8px 0;border-radius:4px;border:1px solid #ccc;transition:border-color .3s}.dark-mode input,.dark-mode select,.dark-mode button{background-color:#34495e;color:#ecf0f1;border-color:#597ea2}.light-mode input,.light-mode select,.light-mode button{background-color:#fff;color:#333}input:focus,select:focus,button:focus{outline:none;border-color:#3498db}button{cursor:pointer;color:#fff;border:none;padding:1px 12px;background-color:#3498db;border-radius:10px;transition:background-color .3s;margin:4px}button:hover{background-color:#2980b9}button:hover:not(:disabled){background-color:#2980b9}button:disabled{opacity:.5;cursor:not-allowed}.dark-mode button{background-color:#2980b9}.dark-mode button:hover{background-color:#3498db}button.close{background-color:red}button.check{background-color:green}.button-no-style{cursor:pointer;color:inherit;border:none;padding:5px;background-color:transparent;transition:background-color .3s;display:flex;align-items:center;gap:5px}.button-no-style.borde{border:1px solid #666;border-radius:8px}.button-no-style.large{width:250px;height:70px;border:#2980b9 1px solid;border-radius:10px;font-size:1.5rem;box-shadow:2 3 4 5 #0000001a;transition:box-shadow .3s ease}.button-no-style.warning{border-color:orange;background-color:#ffa500b3;color:green}.button-no-style:hover:not(:disabled){background-color:#0000001a}.button-no-style:disabled{opacity:.5;cursor:not-allowed}.button-no-style.close{background-color:red;color:#fff}.button-no-style.guardar{background-color:green;color:#fff}.button-no-style.blackndwhite{background-color:#000;color:#fff;border:1px solid #fff}.button-no-style.blackndwhite:hover{background-color:#fff;color:#000;border:1px solid #000}.button-no-style.blackndwhite:disabled{background-color:#000;color:#fff;border:1px solid #fff;cursor:not-allowed}.button-no-style.whitendblack{background-color:#fff;color:#000;border:1px solid #000}.button-no-style.whitendblack:hover{background-color:#000;color:#fff;border:1px solid #fff}.button-no-style.whitendblack:disabled{background-color:#fff;color:#000;border:1px solid #000;cursor:not-allowed}.button-no-style.alertar{border:1px solid #ff0000;background-color:#ff0000b3;color:#fff;font-weight:700}.button-no-style.alertar:hover{background-color:#8b0000e6}.button-no-style.playing{border:1px solid green;background-color:#008000b3;color:#fff;font-weight:700}.button-no-style.playing:hover{background-color:#006400e6}.warning-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.warning-container .warning-content{position:relative;z-index:1;background-color:#ffa5004d;width:90%;max-width:500px;max-height:90vh;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;padding:1rem}.warning-container .warning-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--surface-2);border-radius:.5rem .5rem 0 0}.warning-container .warning-header h2{margin:0;color:#fff}.warning-container .warning-header button.warning-close{background-color:#000;color:#fff;border:none;cursor:pointer;font-size:1.5rem}.warning-container .warning-body{display:flex;flex-direction:column;align-items:center;padding:1rem;color:#fff}.warning-container .warning-body .warning-accion{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;background-color:var(--surface-2);border-radius:.5rem;width:100%;margin-bottom:1rem}.warning-container .warning-body .warning-accion buttton{width:200px;background-color:red}.warning-container .warning-close{position:absolute;top:1rem;right:1rem;background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-secondary)}.warning-container .warning-close:hover{color:var(--text-primary)}.theme-toggle{background:none;border:none;cursor:pointer;color:inherit;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.theme-toggle:hover{background-color:#ffffff1a}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f8ff}.login-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;text-align:center}.login-form .login-header{display:flex;flex-direction:row;align-items:center;margin-bottom:2rem}.login-form .login-header .logo-container{display:flex;justify-content:center;align-items:center}.login-form .login-header .logo-container img.logo{width:150px}.login-form .login-header .login-info{display:flex;flex-direction:column;justify-content:left;text-align:left;gap:.5rem}.login-form .login-header .login-info h1{color:#333;margin:0}.login-form .login-header .login-info h2{color:#666;font-weight:400;margin:0}.login-form .login-header .login-info h4{margin:0}.login-form .input-group{position:relative;margin-bottom:1rem}.login-form .input-group .input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa}.login-form .input-group input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:16px}.login-form .input-group input:focus{outline:none;border-color:#009688}.login-form button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-form button:hover{background-color:#00796b}.login-form .forgot-link,.login-form .contact-link{display:block;margin-top:1rem;color:#009688;text-decoration:none;font-size:14px}.login-form .forgot-link:hover,.login-form .contact-link:hover{text-decoration:underline}.login-form .contact-link{margin-top:.5rem}:global(body.dark-mode) .login-container{background-color:#1a1a1a}:global(body.dark-mode) .login-form{background-color:#2c2c2c;color:#f0f0f0}:global(body.dark-mode) .login-form h1,:global(body.dark-mode) .login-form h2{color:#f0f0f0}:global(body.dark-mode) .login-form .input-group input{background-color:#3a3a3a;color:#f0f0f0;border-color:#555}:global(body.dark-mode) .login-form .input-group input:focus{border-color:#00bfa5}:global(body.dark-mode) .login-form .input-group .input-icon{color:#888}:global(body.dark-mode) .login-form button{background-color:#00bfa5}:global(body.dark-mode) .login-form button:hover{background-color:#00a092}:global(body.dark-mode) .login-form .forgot-link,:global(body.dark-mode) .login-form .contact-link{color:#00bfa5}nav ul{list-style-type:none;padding:0;margin:0;display:flex}nav ul li{margin-right:20px}nav ul li a{color:#ecf0f1;text-decoration:none;font-size:16px;transition:color .3s ease}nav ul li a:hover{color:#3498db}.logo{display:flex;align-items:center;height:100%}.logo img{height:50px}.user{display:flex;align-items:center}.user :global(svg){margin-right:10px}.user .user-name{margin-right:10px;font-weight:700}.user .logout-btn{background-color:transparent;border:1px solid #ecf0f1;color:#ecf0f1;padding:5px 10px;cursor:pointer;transition:all .3s ease}.user .logout-btn:hover{background-color:#ecf0f1;color:#2c3e50}.product-form{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.product-form h2,.product-form h3{margin-bottom:20px;color:#333}.product-form .form-group{margin-bottom:15px}.product-form .form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.product-form .form-group input,.product-form .form-group select,.product-form .form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.product-form .form-group input:focus,.product-form .form-group select:focus,.product-form .form-group textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.product-form .form-group textarea{height:100px;resize:vertical}.product-form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23555' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.product-form .form-row{display:flex;flex-wrap:wrap;margin:-7.5px;gap:15px}.product-form .form-row .form-group{margin:7.5px;min-width:200px}.product-form .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.product-form .form-actions .btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:background-color .3s ease,transform .1s ease}.product-form .form-actions .btn:active{transform:translateY(1px)}.product-form .form-actions .btn-primary{background-color:#4caf50;color:#fff}.product-form .form-actions .btn-primary:hover{background-color:#45a049}.product-form .form-actions .btn-secondary{background-color:#f44336;color:#fff}.product-form .form-actions .btn-secondary:hover{background-color:#d32f2f}.product-form .form-actions .btn :global(svg){font-size:16px}:global(.dark-mode) .product-form{background-color:#2c3e50;color:#ecf0f1}:global(.dark-mode) .product-form h2,:global(.dark-mode) .product-form h3{color:#ecf0f1}:global(.dark-mode) .product-form .form-group label{color:#bdc3c7}:global(.dark-mode) .product-form .form-group input,:global(.dark-mode) .product-form .form-group select,:global(.dark-mode) .product-form .form-group textarea{background-color:#34495e;border-color:#7f8c8d;color:#ecf0f1}:global(.dark-mode) .product-form .form-group input:focus,:global(.dark-mode) .product-form .form-group select:focus,:global(.dark-mode) .product-form .form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}:global(.dark-mode) .product-form .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ecf0f1' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E")}:global(.dark-mode) .product-form .form-actions .btn-primary{background-color:#3498db}:global(.dark-mode) .product-form .form-actions .btn-primary:hover{background-color:#2980b9}:global(.dark-mode) .product-form .form-actions .btn-secondary{background-color:#e74c3c}:global(.dark-mode) .product-form .form-actions .btn-secondary:hover{background-color:#c0392b}.product-table-container{margin:0;padding:20px;border-radius:8px;transition:background-color .3s,color .3s;display:flex;flex-direction:column;max-height:100vh;overflow:hidden;box-sizing:border-box}.dark-mode .product-table-container{background-color:#2c3e50;color:#ecf0f1}.light-mode .product-table-container{background-color:#f5f5f5;color:#333}@media (max-width: 768px){.product-table-container{padding:10px}}.filters{display:flex;gap:10px;margin-bottom:15px;flex-shrink:0;flex-wrap:wrap}.filters input,.filters select,.filters button{flex:1;min-width:120px}.filters select:disabled{opacity:.5;cursor:not-allowed}.filters select:disabled option{color:#333!important}@media (max-width: 768px){.filters{gap:8px;margin-bottom:10px}.filters input,.filters select,.filters button{min-width:100px;font-size:14px}}.table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;margin-bottom:15px;min-height:0}@media (max-width: 768px){.table-wrapper{margin-bottom:10px}}.product-table{width:100%;border-collapse:collapse;min-width:600px}.product-table th,.product-table td{padding:8px 4px;text-align:left;transition:border-color .3s;white-space:nowrap}.product-table th.centrado,.product-table td.centrado{text-align:center}.product-table th.numerico,.product-table td.numerico{text-align:right;padding-right:10px}.dark-mode .product-table th,.dark-mode .product-table td{border-color:#597ea2}.light-mode .product-table th,.light-mode .product-table td{border-color:#ddd}@media (max-width: 768px){.product-table{min-width:500px}.product-table th,.product-table td{padding:6px 3px;font-size:13px}}@media (max-width: 480px){.product-table{min-width:400px}.product-table th,.product-table td{padding:4px 2px;font-size:12px}}.product-table thead{position:sticky;top:0;z-index:10}.dark-mode .product-table thead{background-color:#2c3e50}.light-mode .product-table thead{background-color:#f5f5f5}.product-table th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:600}.product-table th:hover{background-color:#3498db1a}.product-table tbody tr{transition:background-color .3s}.product-table tbody tr:nth-child(2n){background-color:#0000000d}.dark-mode .product-table tbody tr:nth-child(2n){background-color:#ffffff0d}.light-mode .product-table tbody tr:nth-child(2n){background-color:#00000080}.product-table tbody tr.clickable-row{cursor:pointer}.product-table tbody tr.clickable-row:hover{background-color:#3498db33;transform:scale(1.002)}.dark-mode .product-table tbody tr.clickable-row:hover{background-color:#3498db4d}.light-mode .product-table tbody tr.clickable-row:hover{background-color:#3498db26}.product-table tbody tr:hover{background-color:#0000001a}.dark-mode .product-table tbody tr:hover{background-color:#ffffff1a}.light-mode .product-table tbody tr:hover{background-color:#0000001a}.product-table tbody tr td{padding:5px 0}.product-table tbody tr td.acciones-column{display:flex}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;flex-shrink:0;padding:10px 0;margin-top:auto;flex-wrap:wrap}.pagination button{padding:8px 16px;font-size:14px}.pagination span{font-weight:700;font-size:14px}@media (max-width: 768px){.pagination{gap:8px;padding:8px 0}.pagination button{padding:6px 12px;font-size:13px}.pagination span{font-size:13px}}@media (max-width: 480px){.pagination{gap:5px}.pagination button{padding:5px 10px;font-size:12px}.pagination span{font-size:12px}}.pedidos-table-container .pedidos-table-marquesina{display:flex;gap:1rem;align-items:center;justify-content:center}.pedidos-table-container .pedidos-table-marquesina .filters,.pedidos-table-container .pedidos-table-marquesina .tabla-acciones{display:flex;gap:1rem;margin-bottom:1rem}.pedidos-table-container .pedidos-table-marquesina .tabla-acciones .tabla-actividad{display:flex;gap:1rem;align-items:center;justify-content:center}.pedidos-table-container .pedidos-table-marquesina .filter-dias{margin-bottom:12px}.pedidos-table-container .pedidos-table-marquesina .filter-dias select.dia-select{background-color:#000;color:#fff;border:1px solid #fff;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .3s,color .3s,border-color .3s}.pedidos-table-container .pedidos-table-marquesina .filter-dias select.dia-select option{background-color:#000;color:#fff}.pedidos-table-container .pedidos-table-marquesina .filter-dias select.dia-select:hover{background-color:#fff;color:#000;border-color:#000}.pedidos-table-container .pedidos-table-marquesina .filter-dias select.dia-select:focus{outline:none;border-color:#fff}.pedidos-table-container .bulk-action-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#2c3e50;color:#fff;border-radius:4px;margin-bottom:.5rem}.pedidos-table-container .bulk-action-bar label{font-weight:600}.pedidos-table-container .bulk-action-bar select{padding:4px 8px;border-radius:4px;border:1px solid #fff;background:#34495e;color:#fff}.pedidos-table-container .bulk-action-bar button[disabled]{opacity:.5;cursor:not-allowed}.pedidos-table-container .pagination{display:flex;gap:1rem;align-items:center;justify-content:center}.pedidos-table-container .detalle-pedido-container .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container{background-color:#f5f5f5;color:#333;border-radius:8px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}:global(.dark-mode) .pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container{background-color:#1a1a1a;color:#ecf0f1}.pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container .modal-header{background-color:#fff;color:#000;padding:5px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}:global(.dark-mode) .pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container .modal-header{background-color:#34495e}.pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container .modal-header h2{margin:0;font-size:1.2rem}.pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container .modal-header .header-title{font-size:1.2rem;font-weight:700}.pedidos-table-container .detalle-pedido-container .modal-backdrop .modal-container .modal-content{position:relative;z-index:1;background:var(--surface-1);width:100%;max-width:800px;max-height:75vh;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column}.pedidos-table-container .detalle-pedido-container .info-compact{background-color:#f8f9fa;border-radius:5px;padding:12px;margin-bottom:20px}.pedidos-table-container .detalle-pedido-container .info-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.pedidos-table-container .detalle-pedido-container .info-item{flex:1;min-width:200px}.pedidos-table-container .detalle-pedido-container .info-label{font-weight:600;color:#666;margin-right:8px}.pedidos-table-container .detalle-pedido-container .info-value{color:#333}.pedidos-table-container .detalle-pedido-container .productos-section{flex-grow:1;overflow-x:auto}.pedidos-table-container .detalle-pedido-container .productos-table{width:100%;border-collapse:collapse;margin-top:10px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.pedidos-table-container .detalle-pedido-container .productos-table th,.pedidos-table-container .detalle-pedido-container .productos-table td{padding:12px;border-bottom:1px solid #eee}.pedidos-table-container .detalle-pedido-container .productos-table th{background-color:#f8f9fa;font-weight:600;color:#444}.pedidos-table-container .detalle-pedido-container .text-center{text-align:center}.pedidos-table-container .detalle-pedido-container .text-right{text-align:right}.pedidos-table-container .detalle-pedido-container .productos-table tr:hover{background-color:#f5f5f5}.pedidos-table-container .detalle-pedido-container .total-row{background-color:#f8f9fa;font-size:1.1em}.pedidos-table-container .detalle-pedido-container .total-row td{padding:15px 12px}.guardar-cliente-container .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guardar-cliente-container .modal-backdrop .modal-container{background-color:#f5f5f5;color:#333;border-radius:8px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}:global(.dark-mode) .guardar-cliente-container .modal-backdrop .modal-container{background-color:#1a1a1a;color:#ecf0f1}.guardar-cliente-container .modal-backdrop .modal-container .modal-header{background-color:#fff;color:#000;padding:5px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}:global(.dark-mode) .guardar-cliente-container .modal-backdrop .modal-container .modal-header{background-color:#34495e}.guardar-cliente-container .modal-backdrop .modal-container .modal-header h2{margin:0;font-size:1.2rem}.guardar-cliente-container .modal-backdrop .modal-container .modal-header .header-title{font-size:1.2rem;font-weight:700}.guardar-cliente-container .modal-backdrop .modal-container .modal-content{position:relative;z-index:1;background:var(--surface-1);width:100%;max-width:800px;max-height:75vh;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column}.guardar-producto-container .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guardar-producto-container .modal-backdrop .modal-container{background-color:#f5f5f5;color:#333;border-radius:8px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}:global(.dark-mode) .guardar-producto-container .modal-backdrop .modal-container{background-color:#1a1a1a;color:#ecf0f1}.guardar-producto-container .modal-backdrop .modal-container .modal-header{background-color:#fff;color:#000;padding:5px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}:global(.dark-mode) .guardar-producto-container .modal-backdrop .modal-container .modal-header{background-color:#34495e}.guardar-producto-container .modal-backdrop .modal-container .modal-header h2{margin:0;font-size:1.2rem}.guardar-producto-container .modal-backdrop .modal-container .modal-header .header-title{font-size:1.2rem;font-weight:700}.guardar-producto-container .modal-backdrop .modal-container .modal-content{position:relative;z-index:1;background:var(--surface-1);width:100%;max-width:800px;max-height:75vh;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column}.guardar-producto-container .pricing-group{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.guardar-producto-container .pricing-group input[readonly]{background-color:var(--bg-color);opacity:.8}.guardar-producto-container .content-group{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:20px}.guardar-producto-container .description-group label{display:flex;align-items:center;gap:10px}.guardar-producto-container .description-group textarea{width:100%;height:200px}.guardar-producto-container .image-group .upload-area{height:100%;display:flex;flex-direction:column;justify-content:center}.guardar-producto-container .image-group .upload-area.has-image img{max-height:300px;object-fit:contain;margin-bottom:1rem}.guardar-producto-container select:disabled{opacity:.7;cursor:not-allowed;background-color:#0000000d}:global(.dark-mode) .guardar-producto-container select:disabled{background-color:#ffffff0d}.gen-pedido .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gen-pedido .modal-backdrop .modal-container{background-color:#f5f5f5;color:#333;border-radius:8px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}:global(.dark-mode) .gen-pedido .modal-backdrop .modal-container{background-color:#1a1a1a;color:#ecf0f1}.gen-pedido .modal-backdrop .modal-container .modal-header{background-color:#fff;color:#000;padding:5px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}:global(.dark-mode) .gen-pedido .modal-backdrop .modal-container .modal-header{background-color:#34495e}.gen-pedido .modal-backdrop .modal-container .modal-header h2{margin:0;font-size:1.2rem}.gen-pedido .modal-backdrop .modal-container .modal-header .header-title{font-size:1.2rem;font-weight:700}.gen-pedido .modal-backdrop .modal-container .modal-content{position:relative;z-index:1;background:var(--surface-1);width:100%;max-width:800px;max-height:75vh;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column}.gen-pedido .gen-pedido-content{display:grid;height:650px;width:500px;grid-template-rows:1fr auto 1fr}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes{position:relative}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search{width:80%}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text{display:flex;align-items:center;gap:10px;position:relative}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text label{display:block;margin-bottom:5px;font-weight:700;color:#555}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text input,.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text select,.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text input:focus,.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text select:focus,.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text textarea{height:100px;resize:vertical}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23555' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text button.clean{display:flex;align-items:center;gap:10px;color:var(--text-secondary);position:absolute;top:2px;right:25px}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente search .by-text .lupa{display:flex;align-items:center;gap:10px;position:absolute;top:7px;right:3px;color:#d3d3d3}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container{position:absolute;top:40px;left:0;width:100%;height:500px}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .cliente-lista-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:5px 10px;border-bottom:1px solid var(--border-color);background-color:#000;border-radius:4px;color:#fff;font-size:.8rem}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .clientes-lista{height:50dvh;min-height:400px;overflow-y:auto;width:90%}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .clientes-lista button.cliente-row{display:flex;align-items:center;border-bottom:1px solid var(--border-color);transition:background-color .3s ease;width:100%;font-size:.8rem}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .clientes-lista button.cliente-row:hover{background-color:var(--hover-bg);color:gray}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .clientes-lista button.cliente-row .cliente-info{flex-grow:1}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .clientes-lista button.cliente-row .cliente-info .cliente-nombre{font-weight:700;text-align:left}.gen-pedido .gen-pedido-content .pedidos-buscador-clientes .search-cliente .cliente-lista-container .clientes-lista button.cliente-row .cliente-info .cliente-detalles{font-size:.9rem;color:var(--text-secondary);text-align:left}.gen-pedido .gen-pedido-content .pedidos-card-cliente{position:relative}.gen-pedido .gen-pedido-content .pedidos-card-cliente .buscar-nuevamente-icon{position:absolute;right:15px;top:0;color:var(--text-secondary);cursor:pointer;z-index:10}.gen-pedido .gen-pedido-content .no-results{text-align:center;padding:2rem;color:var(--text-secondary)}.conf-pedido-container{width:95%;display:grid;grid-template-rows:1fr auto 1fr;justify-content:center;justify-items:center;align-items:center;margin:auto}.conf-pedido-container .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.conf-pedido-container .modal-backdrop .modal-container{background-color:#f5f5f5;color:#333;border-radius:8px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}:global(.dark-mode) .conf-pedido-container .modal-backdrop .modal-container{background-color:#1a1a1a;color:#ecf0f1}.conf-pedido-container .modal-backdrop .modal-container .modal-header{background-color:#fff;color:#000;padding:5px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}:global(.dark-mode) .conf-pedido-container .modal-backdrop .modal-container .modal-header{background-color:#34495e}.conf-pedido-container .modal-backdrop .modal-container .modal-header h2{margin:0;font-size:1.2rem}.conf-pedido-container .modal-backdrop .modal-container .modal-header .header-title{font-size:1.2rem;font-weight:700}.conf-pedido-container .modal-backdrop .modal-container .modal-content{position:relative;z-index:1;background:var(--surface-1);width:100%;max-width:800px;max-height:75vh;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column}.conf-pedido-container .pedido-title{display:flex;align-items:center;justify-content:right;gap:1rem;font-size:1.5rem}.conf-pedido-container .productos-seleccionados{height:400px;overflow-y:auto}.conf-pedido-container .productos-seleccionados .producto{display:grid;grid-template-columns:.5fr 4fr 2fr 2fr 1fr;gap:1rem;align-items:center;border-bottom:1px solid var(--border-color);position:relative;font-size:.9rem}.conf-pedido-container .productos-seleccionados .producto.header{font-weight:700;background:var(--surface-2)}.conf-pedido-container .productos-seleccionados .producto .producto-list-order{display:flex;align-items:right;justify-content:center;gap:.5rem}.conf-pedido-container .productos-seleccionados .producto .producto-nombre{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.conf-pedido-container .productos-seleccionados .producto .producto-precio{color:var(--text-primary);text-align:right}.conf-pedido-container .productos-seleccionados .producto .producto-cantidad{display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.conf-pedido-container .productos-seleccionados .producto .producto-cantidad button.cantidad{display:flex;justify-content:center;align-items:center;gap:.5rem;height:30px}.conf-pedido-container .productos-seleccionados .no-productos{text-align:center;padding:2rem;color:var(--text-secondary)}.conf-pedido-container .pedido-footer{width:95%;position:absolute;bottom:0;display:grid;grid-template-columns:4fr 3fr 3fr;flex-direction:row;align-items:center;padding:2px;font-size:1.1srem;font-weight:700;color:var(--text-primary);background-color:var(--surface-2);border-top:1px solid var(--border-color)}.conf-pedido-container .pedido-footer .add-pedido-nota{width:100%}.conf-pedido-container .pedido-footer .add-pedido-nota textarea{width:100%;height:50px}.conf-pedido-container .pedido-footer .pedido-total{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:90%}.conf-pedido-container .pedido-footer .pedido-total .total-valores .total-txt{font-size:.9rem;font-weight:700}.conf-pedido-container .pedido-footer .pedido-total .total-valores .total-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.conf-pedido-container .pedido-footer .add-pedido-actions{display:flex;gap:1rem;justify-content:center;align-items:center}.conf-pedido-container .pedido-footer .pedido-guardando{position:absolute;top:0;right:0}@media (max-width: 768px){.conf-pedido-container .add-pedido .pedido-title{flex-direction:column;gap:1rem;align-items:stretch}.conf-pedido-container .add-pedido .producto{grid-template-columns:2fr 1fr;font-size:.9rem}.conf-pedido-container .add-pedido .producto .producto-precio:nth-child(2){display:none}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-backdrop .modal-backdrop-button{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer}.modal-backdrop .modal-content .modal-body .filtros{display:flex;justify-content:space-between;align-items:center;background-color:#fff;grid-template-columns:1fr;gap:1rem;padding:0 1rem}.modal-backdrop .modal-content .modal-body .resultados{background-color:#fff;padding:1rem;font-size:.9rem}.modal-backdrop .modal-content .modal-body .resultados .loading{width:100%;height:100%;margin-top:100px;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal-backdrop .modal-content .modal-body .resultados .listado{height:650px;padding:1rem;overflow:auto}.modal-backdrop .modal-content .modal-body .resultados .resultado-item{display:grid;grid-template-columns:1fr 4fr 2fr 2fr 2fr 2fr}.modal-backdrop .modal-content .modal-body .resultados .resultado-item.header{font-weight:700;background:#000000b3;color:#fff;padding:5px 0}.modal-backdrop .modal-content .modal-body .resultados .resultado-item:nth-child(2n){background-color:#0000001a}.modal-backdrop .modal-content .modal-body .resultados .resultado-item:hover{background-color:#0000004d;transition:background-color .3s ease}.modal-backdrop .modal-content .modal-body .resultados .resultado-item div{display:flex;justify-content:center;align-items:center;gap:.5rem}.modal-backdrop .modal-content .modal-body .resultados .resultado-item div.producto-list-orden{display:flex;align-items:center;justify-content:right;padding-right:10px;gap:.5rem}.modal-backdrop .modal-content .modal-body .resultados .resultado-item div.nombre{display:flex;justify-content:left;align-items:center}.modal-backdrop .modal-content .modal-body .resultados .resultado-item div.precio{display:flex;justify-content:right;align-items:center;padding-right:10px}.modal-backdrop .modal-content .modal-body .resultados .resultado-item div.agregar{display:flex;justify-content:center;align-items:center;padding-right:10px}.modal-backdrop .modal-content .modal-body .resultados .resultado-item button.agregar{display:flex;justify-content:center;align-items:center;gap:.5rem;height:25px}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-content .modal-body .resultados .resultado-item{flex-direction:column;gap:.75rem;text-align:center}.modal-content .modal-body .resultados .resultado-item .btn-agregar{width:100%;justify-content:center}}.resultado-item{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quantity-container{width:100%;margin:20px auto auto}.quantity-container .how-many{color:#34495e}.quantity-container .quantity-action{font-size:.8rem;margin-bottom:10px}.quantity-container .quantity-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:10px}.quantity-container .quantity-buttons .button-qty{display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 3px #0000001a;border-radius:5px;border:none;cursor:pointer;height:40px;font-size:1.6rem}.quantity-container .quantity-buttons .button-qty.equal{color:#27ae60;border:1px solid #27ae60}.quantity-container .quantity-buttons .button-qty.disabled{color:#a9a9a9}.quantity{display:grid;grid-template-columns:2fr 2fr 1fr 2fr 2fr;gap:5px;justify-content:space-between;margin:5px auto;align-items:center;width:100%}.quantity .button-sign{display:flex;justify-content:center;align-items:center;color:#000;font-weight:600;border:none;cursor:pointer;font-size:.7rem;padding:2px}.quantity .qty-txt{margin:0 10px;text-align:center;display:flex;justify-content:center;align-items:center;color:#000;font-size:1rem;font-weight:700;color:#27ae60}.quantity-pedido{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;justify-content:space-between;margin:5px auto;align-items:center;width:100%;color:red}.quantity-pedido .button-sign{display:flex;justify-content:center;align-items:center;color:#000;font-weight:600;border:none;cursor:pointer;font-size:.7rem;padding:5px 2px;height:25px;width:25px}.quantity-pedido .qty-txt{margin:0 5px;text-align:center;display:flex;justify-content:center;align-items:center;color:#000;font-size:1rem;font-weight:700;color:#27ae60}.quantity-value{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.quantity-value .quantity-botones{display:flex;width:80%;justify-content:space-between;align-items:center;margin:0 auto}.quantity-value .quantity-botones button.button-sign{display:flex;justify-content:center;align-items:center;width:50px;height:30px;font-size:large;gap:5px}.quantity-value .quantity-botones .botones-cantidad{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;align-items:center;gap:5px}.quantity-value .quantity-botones .botones-cantidad .qty-txt{font-size:1.8rem;color:#fff}.quantity-value .quantity-botones .botones-accion{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;height:25px;margin-left:35px}.quantity-value .quantity-botones .botones-accion button{width:50px;height:30px;font-size:large;gap:5px}.card-cliente{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd;border-radius:4px;box-shadow:0 0 8px #0000001a;background-color:#fff;padding:15px;width:90%;color:#333;font-family:Helvetica Neue,sans-serif;position:relative;margin:auto}.card-cliente .border-label{position:absolute;top:0;left:0;background-color:#3498db;color:#fff;padding:2px 5px;border-radius:4px;font-size:.8rem}.card-cliente .cliente-datos{margin-top:10px}.card-cliente .cliente-datos .cliente-nombre{font-size:.9em;font-weight:700}.card-cliente .cliente-datos .cliente-nombre span{font-size:1rem;font-weight:400}.card-cliente .cliente-datos .cliente-direccion{font-size:.7em;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-cliente .cliente-info{margin-top:10px}.card-cliente .cliente-info .cliente-detalles{font-size:.7em;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-cliente .cliente-info .cliente-detalles span{font-weight:700}body{font-family:"Open+Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;font-size:16px;padding:0;margin:0}.logo-home{display:flex;justify-content:center;align-items:center;margin-top:100px}.logo-home img{width:500px;height:500px}.desktop-container{width:100%;margin:0 auto;background-color:#f5f5f5;color:#333;min-height:100vh;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease;position:relative}.desktop-container.dark-mode{background-color:#1a1a1a;color:#ecf0f1}.desktop-container.user-logged .header .user-info{display:flex}.desktop-container header{height:60px;background-color:#2c3e50;color:#ecf0f1;display:flex;align-items:center;padding:0 20px;transition:background-color .3s ease}.dark-mode .desktop-container header{background-color:#34495e}.desktop-container header .logo{width:120px}.desktop-container header nav{flex-grow:1;margin-left:20px}.desktop-container header .user-info{margin-right:20px}.desktop-container header .theme-toggle{margin-left:20px}.desktop-container .onHold{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;width:100%;height:100%;background-color:#f5f5f5;color:#ecf0f1}main{padding:20px}.section-name{margin-bottom:20px;font-size:1.5rem;font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}