@import url(https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Russo+One&family=Teko:wght@300..700&display=swap);:root{--primary-color:#447d9b;--primary-color-hover:#38687f;--primary-color-dark:#2a586f;--primary-color-light:#69a2be;--secondary-orange:#43616f;--secundary-color:#fe7743;--secundary-color-light:#ff9a6b;--secundary-color-gradient:linear-gradient(90deg,#e85a2b,#fe7743);--secundary-color-gradient-hover:linear-gradient(0deg,#d24e21,#ff8f66);--success-color:#28a745;--success-bg:#d4edda;--success-border:#c3e6cb;--success-text:#155724;--danger-color:#dc3545;--danger-bg:#f8d7da;--danger-border:#f5c6cb;--danger-text:#721c24;--warning-color:#856404;--warning-bg:#fff3cd;--warning-border:#ffeaa7;--info-color:#007bff;--info-hover:#0056b3;--neutral-color:#6c757d;--neutral-hover:#5a6268;--neutral-dark:#495057;--white:#fff;--black:#000;--light-gray:#f8f9fa;--medium-gray:#e8e8e8;--dark-gray:#343a40;--darker-gray:#212529;--border-gray:#e0e0e0;--text-gray:#414a2d;--placeholder-gray:#bdbdbd;--background-main:#f9f9f9;--background-hover:#e9e9e9;--background-input:#ffe8cd;--background-form:#fff;--font-primary:"Russo One","Teko",sans-serif;--font-secondary:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-mono:"Libertinus Mono",sans-serif;--font-alegreya:"Alegreya Sans",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-base:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--spacing-4xl:3rem;--border-radius-sm:0.25rem;--border-radius-base:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:50%;--border-width:1px;--border-width-thick:1.5px;--border-width-2:2px;--shadow-sm:0 1px 2px #0000000d;--shadow-base:0 2px 4px #0000001a;--shadow-md:0 2px 8px #2c3e5014;--shadow-lg:0 4px 16px #2c3e5021;--shadow-xl:0 8px 24px #00000026;--shadow-modal:0 4px 6px #0000001a;--transition-fast:0.15s;--transition-base:0.2s;--transition-slow:0.3s;--transition-button:background 0.18s,color 0.18s,border 0.18s,box-shadow 0.18s,transform 0.15s;--transition-all:all 0.2s ease-in-out;--navbar-height:10vh;--sidebar-width-open:15%;--sidebar-width-closed:5%;--main-padding:2vh 2vw;--container-max-width:1200px;--z-index-dropdown:1000;--z-index-sticky:1010;--z-index-navbar:1050;--z-index-fixed:1030;--z-index-modal-backdrop:9999;--z-index-modal:10000;--z-index-popover:10010;--z-index-tooltip:10020}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-main);color:var(--text-gray);line-height:1.5;margin:0;overflow-y:scroll;padding:0}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}p{line-height:1.6;margin-bottom:var(--spacing-base)}a{color:var(--info-color);text-decoration:none;transition:color var(--transition-base) ease}#root{height:100vh;width:100%}.App{flex-direction:column;height:100vh}.App,.app-layout{display:flex;overflow:hidden}.app-layout{flex:1 1}.main-layout{overflow-x:hidden}.main-layout,main{flex:1 1;flex-direction:column;overflow-y:auto}main{align-items:flex-start;background-color:var(--background-main);box-sizing:border-box;display:flex;padding:var(--spacing-2xl) var(--spacing-lg)}.main-layout::-webkit-scrollbar,main::-webkit-scrollbar{display:none}.main-layout,main{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--light-gray);border-radius:var(--border-radius-lg)}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--primary-color-hover));border-radius:var(--border-radius-lg)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-color-hover),var(--primary-color-dark))}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}:focus{outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--secundary-color);outline-offset:2px}.add-btn{background:var(--secundary-color-gradient);border:var(--border-width-thick) solid var(--border-gray);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:inline-block;font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.2px;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-button)}.add-btn:focus,.add-btn:hover{background:var(--light-gray);border:var(--border-width-thick) solid var(--placeholder-gray);box-shadow:var(--shadow-lg);color:var(--secundary-color);outline:none;transform:translateY(-1px) scale(1.03)}.action-text{border:var(--border-width) solid #0000;border-radius:var(--border-radius-sm);color:var(--info-color);cursor:pointer;display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:2px 5px 2px 0;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition-all)}.action-text:hover{background-color:var(--info-color);box-shadow:0 2px 4px #007bff4d;color:var(--white);text-decoration:none;transform:translateY(-1px)}.action-text.edit{color:var(--success-color)}.action-text.edit:hover{background-color:var(--success-color);box-shadow:0 2px 4px #28a7454d}.action-text.delete{color:var(--danger-color)}.action-text.delete:hover{background-color:var(--danger-color);box-shadow:0 2px 4px #dc35454d}.action-text.view{color:var(--neutral-color)}.action-text.view:hover{background-color:var(--neutral-color);box-shadow:0 2px 4px #6c757d4d}.cancel-btn,.submit-btn{border-radius:var(--border-radius-sm);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-base);transition:var(--transition-all)}.cancel-btn{background:var(--danger-color);color:var(--white)}.cancel-btn:hover{background:var(--danger-text)}.submit-btn{background:var(--success-color);color:var(--white)}.submit-btn:hover{background:var(--success-text)}.button-container,.button-container-personal,.button-container-proveedor{display:flex;justify-content:flex-end;margin:0 0 var(--spacing-md) 0;max-width:90%;width:100%}@media (max-width:600px){.add-btn{font-size:var(--font-size-base);padding:var(--spacing-md) 0;width:100%}.button-container,.button-container-personal,.button-container-proveedor{justify-content:center}.action-text{font-size:var(--font-size-xs);margin:1px 3px 1px 0;padding:3px 6px}}button{align-items:center;border:none;border-radius:var(--border-radius-base);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;line-height:1;padding:var(--spacing-sm) var(--spacing-base);text-decoration:none;touch-action:manipulation;transition:var(--transition-button);user-select:none;-webkit-user-select:none}button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn{align-items:center;border:none;border-radius:var(--border-radius-base);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;line-height:1;padding:var(--spacing-sm) var(--spacing-base);text-decoration:none;touch-action:manipulation;transition:var(--transition-button);-webkit-user-select:none;user-select:none}.btn-primary{background:var(--primary-color);border:var(--border-width-2) solid var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--white);border-color:var(--primary-color);box-shadow:0 4px 12px #b5651d40;color:var(--primary-color);transform:translateY(-1px)}.btn-secondary{background:var(--secundary-color);border:var(--border-width-2) solid var(--secundary-color);color:var(--white)}.btn-secondary:hover{background:var(--white);border-color:var(--secundary-color);box-shadow:0 4px 12px #000f9640;color:var(--secundary-color);transform:translateY(-1px)}.btn-success{background:var(--success-color);border:var(--border-width-2) solid var(--success-color);color:var(--white)}.btn-success:hover{background:var(--white);border-color:var(--success-color);box-shadow:0 4px 12px #28a74540;color:var(--success-color);transform:translateY(-1px)}.btn-warning{background:var(--warning-color);border:var(--border-width-2) solid var(--warning-color);color:var(--white)}.btn-warning:hover{background:var(--white);border-color:var(--warning-color);box-shadow:0 4px 12px #85640440;color:var(--warning-color);transform:translateY(-1px)}.btn-neutral{background:var(--neutral-color);border:var(--border-width-2) solid var(--neutral-color);color:var(--white)}.btn-neutral:hover{background:var(--white);border-color:var(--neutral-color);box-shadow:0 4px 12px #6c757d40;color:var(--neutral-color);transform:translateY(-1px)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-base) var(--spacing-lg)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.form-input,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:var(--white);border:var(--border-width) solid var(--border-gray);border-radius:var(--border-radius-base);box-sizing:border-box;color:var(--text-gray);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-base);transition:var(--transition-base);width:100%}.form-input:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--secundary-color);box-shadow:0 0 0 3px #000f961a;outline:none}.form-input:invalid,input:invalid{border-color:var(--danger-color)}.form-input:invalid:focus,input:invalid:focus{box-shadow:0 0 0 3px #dc35451a}.form-group{margin-bottom:var(--spacing-base)}.form-label{color:var(--text-gray);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-help{color:var(--placeholder-gray)}.form-error,.form-help{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-error{color:var(--danger-color)}.form-check{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-check input[type=checkbox],.form-check input[type=radio]{margin:0;width:auto}.form-check-label{cursor:pointer;font-size:var(--font-size-base);-webkit-user-select:none;user-select:none}@media (max-width:768px){.form-input,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:var(--font-size-base);padding:var(--spacing-base)}}@media (max-width:480px){.form-input,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:var(--font-size-lg);padding:var(--spacing-base) var(--spacing-sm)}}.container,.sidebar{display:flex;height:100vh}.sidebar{align-self:flex-end;background-color:var(--primary-color);box-shadow:var(--shadow-base);color:var(--white);flex-direction:column;font-family:var(--font-alegreya);z-index:var(--z-index-dropdown)}.sidebar,.sidebar.closed{transition:flex var(--transition-slow) ease-in-out}.sidebar .toggle-sidebar-btn{align-self:center;background:none;border:none;color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-2xl);justify-content:center;margin:var(--spacing-base);outline:none;padding:0;transition:transform var(--transition-slow) ease-in-out}.sidebar .toggle-sidebar-btn:hover{transform:scale(1.1)}.links-container{flex:1 1;flex-direction:column}.link,.links-container{align-items:center;display:flex;justify-content:center}.link{border-radius:var(--border-radius-base);color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:1.2vh;opacity:.75;padding:var(--spacing-lg) var(--spacing-base);text-decoration:none;transition:var(--transition-all);width:100%}.link:hover{background-color:var(--secondary-orange);opacity:1;transform:translateX(5px)}.link-icon{font-size:var(--spacing-2xl);margin-right:var(--spacing-xl)}.sidebar.closed .link{justify-content:center}.sidebar.closed .link-icon{margin-right:0}.link-text{display:inline-block;font-weight:var(--font-weight-medium)}.active{background-color:var(--primary-color-light);opacity:1}.user-section{border-top:1px solid var(--secondary-orange);flex-direction:column;margin-top:auto;padding:var(--spacing-4xl) var(--spacing-base)}.user-info,.user-section{align-items:center;display:flex}.user-info{justify-content:left;margin-bottom:var(--spacing-base)}.user-icon{font-size:var(--spacing-3xl);margin-right:var(--spacing-sm)}.username{font-size:var(--spacing-2xl);font-weight:var(--font-weight-semibold)}.logout{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-base);opacity:.8;transition:color var(--transition-slow) ease}.logout:hover{color:var(--background-form);opacity:1}.logout-icon{font-size:var(--spacing-2xl);margin-right:var(--spacing-base)}.logout-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}@media (max-width:1200px){.link,.username{font-size:var(--font-size-3xl)}.logout-text{font-size:var(--font-size-base)}}@media (max-width:992px){.link,.username{font-size:var(--font-size-2xl)}.logout-text{font-size:var(--font-size-sm)}}@media (max-width:768px){.link,.username{font-size:var(--font-size-lg)}.logout-text{font-size:var(--font-size-xs)}}@media (max-width:576px){.sidebar{box-shadow:var(--shadow-lg);height:100vh;left:-100%;max-width:300px;position:fixed;top:0;transition:left var(--transition-slow) ease-in-out;width:80%;z-index:var(--z-index-modal)}.sidebar.open{left:0}.sidebar.open:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.062);content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.sidebar .links-container{gap:var(--spacing-base);padding-top:calc(var(--navbar-height) + var(--spacing-lg))}.link{align-items:center;background-color:initial;border-radius:var(--border-radius-lg);color:var(--white);font-size:var(--font-size-lg);justify-content:flex-start;margin-bottom:var(--spacing-sm);opacity:.75;padding:var(--spacing-lg);width:90%}.link:hover{background-color:var(--secondary-orange);opacity:1}.link.active{background-color:var(--primary-color-light);color:var(--white);opacity:1}.link-icon{margin-right:var(--spacing-base)}.sidebar .toggle-sidebar-btn{align-items:center;background-color:var(--primary-color-hover);border:none;border-radius:var(--border-radius-base);box-shadow:var(--shadow-base);color:var(--white);display:flex;font-size:var(--font-size-2xl);height:50px;justify-content:center;left:var(--spacing-sm);padding:var(--spacing-sm);position:fixed;top:calc(var(--navbar-height)/2 - 2.5%);transition:all var(--transition-base) ease;width:50px;z-index:calc(var(--z-index-navbar) + 1)}.sidebar .toggle-sidebar-btn:hover{background-color:var(--primary-color-hover);box-shadow:var(--shadow-lg);transform:scale(1.05)}.username{font-size:var(--font-size-base);padding:var(--spacing-base);text-align:center}.logout-text{font-size:var(--font-size-sm)}}.navbar{align-items:center;background:var(--primary-color);border-bottom:var(--border-width-2) solid var(--black);box-shadow:var(--shadow-base);box-sizing:border-box;display:flex;font-family:var(--font-primary);height:var(--navbar-height);justify-content:space-evenly;left:0;margin:0;min-width:0;padding:0 var(--spacing-base);position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:var(--z-index-navbar)}.navbar span{color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-shadow:1px 1px 2px #0000004d}@media (max-width:1200px){.navbar{padding:0 var(--spacing-base)}}@media (max-width:768px){.navbar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);height:auto;justify-content:space-around;min-height:var(--navbar-height);padding:var(--spacing-sm) var(--spacing-base)}.navbar span{flex:0 1 auto;font-size:var(--font-size-sm);line-height:1.2;min-width:0;text-align:center}}@media (max-width:576px){.navbar{align-items:center;flex-direction:column;flex-wrap:nowrap;gap:var(--spacing-xs);height:auto;justify-content:center;min-height:calc(var(--navbar-height)*1.4);padding-left:15%;z-index:var(--z-index-navbar)}.navbar span{flex:1 1;font-size:var(--font-size-xs);line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.table-container{border:var(--border-width) solid var(--border-gray);border-radius:var(--border-radius-2xl);border-radius:var(--border-radius-base);box-shadow:var(--shadow-base);margin:var(--spacing-lg) var(--spacing-lg);max-height:400px;max-width:calc(100% - var(--spacing-4xl));overflow-x:visible;overflow-y:auto;position:relative}.tabla{border-collapse:collapse;font-family:var(--font-secondary);font-size:var(--font-size-sm);width:100%}.table-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffffd9;border-radius:var(--border-radius-base);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:15}.table-loading-content{align-items:center;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--text-gray);display:flex;flex-direction:column;font-family:var(--font-secondary);font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-lg)}.table-spinner{animation:table-spin 1s linear infinite;border-top:3px solid var(--border-gray);border:3px solid var(--border-gray);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}.tabla thead th{background-color:var(--primary-color);box-shadow:var(--shadow-base);color:var(--white);font-family:var(--font-primary);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-sticky)}.tabla tbody td{border-bottom:var(--border-width) solid var(--border-gray);font-family:var(--font-mono);font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:center;vertical-align:middle}.tabla th{border-bottom:var(--border-width-2) solid var(--primary-color-hover);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-base);text-transform:uppercase}.tabla tbody tr{transition:var(--transition-all)}.tabla tbody tr:nth-child(2n){background-color:var(--light-gray)}.tabla tbody tr:hover{background-color:#e8f4f8;box-shadow:0 2px 4px #b5651d1a}.tabla tbody tr:last-child td{border-bottom:none}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-track{background:var(--light-gray);border-radius:var(--border-radius-lg)}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--primary-color-hover));border-radius:var(--border-radius-lg)}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-color-hover),var(--primary-color-dark))}.status-badge{border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-badge.activo{background-color:var(--success-bg);border:var(--border-width) solid var(--success-border);color:var(--success-text)}.status-badge.inactivo{background-color:var(--danger-bg);border:var(--border-width) solid var(--danger-border);color:var(--danger-text)}.status-badge.pendiente{background-color:var(--warning-bg);border:var(--border-width) solid var(--warning-border);color:var(--warning-color)}@media (max-width:768px){.table-container{border-radius:var(--border-radius-sm);margin:var(--spacing-base) var(--spacing-sm);max-height:300px;max-width:calc(100% - var(--spacing-base))}.tabla td,.tabla th{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-base)}}.search-input{border:var(--border-width) solid var(--border-gray);border-radius:var(--border-radius-base);font-family:var(--font-secondary);margin:var(--spacing-sm);padding:var(--spacing-sm);width:25%}@keyframes table-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tabla.loading{opacity:.7;pointer-events:none}.talleres-container{margin:0 auto;max-width:800px;padding:var(--spacing-2xl);text-align:center}.talleres-container .no-talleres{color:var(--text-gray);font-family:var(--font-secondary);font-size:var(--font-size-xl);padding:var(--spacing-base)}.talleres-container .talleres-list{list-style:decimal;margin:0;padding:var(--spacing-xl)}.talleres-container .taller-item{align-items:center;background-color:var(--light-gray);border:var(--border-width) solid var(--border-gray);border-radius:var(--border-radius-base);cursor:pointer;display:flex;font-family:var(--font-secondary);justify-content:space-between;margin-bottom:var(--spacing-base);padding:var(--spacing-base);transition:var(--transition-all)}.talleres-container .taller-name{color:var(--text-gray);font-size:var(--font-size-2xl)}.talleres-container .action-text,.talleres-container .taller-name{font-weight:var(--font-weight-medium);transition:color var(--transition-base) ease}.talleres-container .action-text{color:var(--danger-color);font-size:var(--font-size-xl)}.talleres-container .action-text:hover{color:var(--danger-text)}.talleres-container .taller-item:hover{background-color:var(--background-hover);box-shadow:var(--shadow-base);color:var(--primary-color);transform:translateY(-2px)}.talleres-container .taller-item:hover .taller-name{color:var(--primary-color)}body,html{box-sizing:border-box;font-family:Russo One,Teko,sans-serif;height:100%;width:100%}*,body,html{margin:0;padding:0}*{box-sizing:inherit}.loginPage{background-color:#f0f0f0;height:100%;width:100%}.formLogin,.loginPage{align-items:center;display:flex;justify-content:center}.formLogin{background-image:url(/static/media/background_login.11e4503f065ce5c031e2.jpg);background-position:50%;background-size:cover;height:100vh;padding:2rem}form{background-color:#fff;border:.1px solid #c7c7c7;border-radius:1.5rem;box-shadow:0 0 1rem #0000001a;display:flex;flex-direction:column;max-width:40rem;padding:2em;width:100%}.formLogin input{background-color:#ffe8cd;border:none;border-radius:.8rem;cursor:text;font-size:1rem;margin-top:1em;padding:1rem;width:100%}.formLogin .login-btn,.formLogin button{align-self:center;background:linear-gradient(0deg,#4c5afb,#000f96);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-family:inherit;font-size:1.5rem;margin:1.5rem;padding:1rem;transition:background .3s ease;width:auto}.formLogin .login-btn:hover,.formLogin button:hover{background:linear-gradient(0deg,#3b4dca,#000d82)}footer{font-size:1.2rem;margin-top:1rem;text-align:center}footer a{color:#000d82;cursor:pointer;text-decoration:none}.name-row{display:flex;gap:.5rem;width:100%}.name-row input{flex:1 1;min-width:0}.form-footer{align-items:center;display:flex;font:1em sans-serif;justify-content:space-between;margin-bottom:1rem;margin-top:1rem}.form-footer label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.form-footer input[type=checkbox]{height:1rem;margin:0;width:1rem}.form-footer a{color:#005fbe;cursor:pointer;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (max-width:768px){.formLogin h1{font-size:4rem}.formLogin form{border-radius:1rem;padding:1.5rem}.formLogin input{font-size:1rem;padding:1rem}.formLogin button{font-size:1.2rem;padding:.8rem}.name-row{flex-direction:column}}@media (max-width:480px){.formLogin input{font-size:1.5rem;margin-top:.5em;padding:.8rem}.formLogin button{font-size:2.1rem}.form-footer{align-items:flex-start;gap:.5rem}}.formLogin,.modal-overlay{height:100%;width:100%}.modal-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:var(--z-index-modal-backdrop)}.modal-container{background:var(--white);box-shadow:var(--shadow-modal);margin:auto;max-width:500px;position:relative;width:90%;z-index:var(--z-index-modal)}.modal-body,.modal-container{border-radius:var(--border-radius-base);padding:var(--spacing-2xl)}.modal-body{background-color:var(--light-gray);box-shadow:var(--shadow-card)}.modal-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.modal-container h2{margin-bottom:1rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group select{background:#ffe4c2;border:1px solid #ccc;border-radius:4px;color:#2d3a4a;font-family:inherit;font-size:1rem;outline:none;padding:.5rem;transition:border .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.modal-actions{display:flex;justify-content:space-between;margin-top:1rem}.cancel-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.cancel-btn{background:#f44336;color:#fff}.submit-btn{background:#4caf50;color:#fff}.order-detail{background:var(--white);border:var(--border-width) solid var(--border-gray);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:var(--spacing-lg) var(--spacing-lg);margin-top:calc(var(--navbar-height) + var(--spacing-base));overflow-x:hidden;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-xl);position:relative;z-index:var(--z-index-fixed)}.order-detail h1{border-bottom:var(--border-width-2) solid var(--primary-color);color:var(--primary-color);font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-base);text-align:center}.order-detail h3{color:var(--primary-color-dark);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-base)}.order-data{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-base);justify-content:space-between;margin:var(--spacing-lg) 0;padding:0 var(--spacing-base)}.order-data label{color:var(--text-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.order-data label.date-input-label{color:var(--primary-color-dark);display:block;flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:0;white-space:nowrap}.date-label{background-color:var(--background-input);border:var(--border-width-2) solid var(--primary-color);border-radius:var(--border-radius-base);color:var(--text-gray);cursor:default;flex:1 1;font-size:var(--font-size-lg);margin-top:0;padding:var(--spacing-lg) var(--spacing-base);text-align:center;transition:none}.date-label,.info-buttons{box-shadow:var(--shadow-base);font-weight:var(--font-weight-semibold)}.info-buttons{background:var(--secundary-color);border:var(--border-width-2) solid var(--secundary-color);border-radius:var(--border-radius-base);color:var(--white);cursor:pointer;font-size:var(--font-size-sm);letter-spacing:.5px;min-width:150px;overflow:hidden;padding:var(--spacing-base) var(--spacing-lg);position:relative;text-transform:uppercase;transition:var(--transition-button);width:25%}.info-buttons:hover{background:var(--white);border-color:var(--secundary-color);box-shadow:0 4px 16px #000f9640;color:var(--secundary-color);transform:translateY(-2px)}.info-buttons:active{box-shadow:inset 0 2px 4px #0000001a;transform:translateY(0)}.info-buttons:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.info-buttons:hover:before{left:100%}.info-table{background:var(--white);border:var(--border-width) solid var(--border-gray);border-radius:var(--border-radius-base);margin:var(--spacing-2xl) 0}.info-table,.order-data:last-child{box-shadow:var(--shadow-base);padding:var(--spacing-lg)}.order-data:last-child{background:var(--light-gray);border-radius:var(--border-radius-base);border-top:var(--border-width-2) solid var(--primary-color);margin:var(--spacing-xl) 0 0 0}.order-data button{background:var(--primary-color);border:var(--border-width-2) solid var(--primary-color);border-radius:var(--border-radius-base);box-shadow:var(--shadow-base);color:var(--white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px;min-width:120px;overflow:hidden;padding:var(--spacing-base) var(--spacing-lg);position:relative;text-transform:uppercase;transition:var(--transition-button)}.order-data button:hover{background:var(--white);border-color:var(--primary-color);box-shadow:0 4px 16px #b5651d4d;color:var(--primary-color);transform:translateY(-2px)}.order-data button:active{box-shadow:var(--shadow-base);transform:translateY(0)}.order-data button:first-of-type:active,.order-data button:nth-of-type(2):active,.order-data button:nth-of-type(3):active{box-shadow:inset 0 2px 4px #0000001a;transform:translateY(0)}.info-buttons:focus,.order-data button:focus{box-shadow:0 0 0 3px #007bff40;outline:none}.order-data button:first-of-type:focus{box-shadow:0 0 0 3px #6c757d40}.order-data button:nth-of-type(2):focus{box-shadow:0 0 0 3px #85640440}.order-data button:nth-of-type(3):focus{box-shadow:0 0 0 3px #28a74540}.order-data button:first-of-type{background:var(--neutral-color);border:var(--border-width-2) solid var(--neutral-color);color:var(--white)}.order-data button:first-of-type:hover{background:var(--white);border-color:var(--neutral-color);box-shadow:0 4px 16px #6c757d4d;color:var(--neutral-color)}.order-data button:nth-of-type(2){background:var(--warning-color);border:var(--border-width-2) solid var(--warning-color);color:var(--white)}.order-data button:nth-of-type(2):hover{background:var(--white);border-color:var(--warning-color);box-shadow:0 4px 16px #8564044d;color:var(--warning-color)}.order-data button:nth-of-type(3){background:var(--success-color);border:var(--border-width-2) solid var(--success-color);color:var(--white)}.order-data button:nth-of-type(3):hover{background:var(--white);border-color:var(--success-color);box-shadow:0 4px 16px #28a7454d;color:var(--success-color)}.order-data button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.order-data button:hover:before{left:100%}.order-data h3{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:1px 1px 2px #0000001a}.order-detail::-webkit-scrollbar{display:none}.order-detail{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.order-detail{margin:calc(var(--navbar-height) + var(--spacing-sm)) auto var(--spacing-base);padding:var(--spacing-lg);width:95%}.order-detail h1{font-size:var(--font-size-lg);margin-bottom:var(--spacing-base)}.order-data{align-items:stretch;flex-direction:column;margin:var(--spacing-base) 0}.order-data,.order-data:first-of-type{gap:var(--spacing-base);padding:var(--spacing-base)}.order-data:first-of-type{align-items:center}.order-data.info-buttons-container{align-items:center;flex-direction:row;gap:var(--spacing-sm);justify-content:space-around}.date-label,.info-buttons{margin:0;min-width:0;min-width:auto;width:100%}.date-label{flex:1 1;max-width:none}.date-input-label{font-size:var(--font-size-base);margin-bottom:0}.info-buttons{font-size:var(--font-size-base)}.info-buttons,.info-table{padding:var(--spacing-base)}.info-table{margin:var(--spacing-base) 0}.order-data:last-child{margin:var(--spacing-lg) 0 0 0;padding:var(--spacing-base)}.order-data button{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);min-width:0;min-width:auto;padding:var(--spacing-base);width:100%}.order-data h3{font-size:var(--font-size-lg);margin-top:var(--spacing-base);text-align:center}}@media (max-width:576px){.order-detail{margin:calc(var(--navbar-height)*1.4 + var(--spacing-xs)) auto var(--spacing-xs);padding:var(--spacing-base);width:98%}.order-detail h1{padding-bottom:var(--spacing-xs)}.order-detail h1,.order-detail h3{font-size:var(--font-size-base)}.order-data{padding:var(--spacing-sm)}.order-data:first-of-type{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-base)}.order-data.info-buttons-container{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.date-label{flex:none;font-size:var(--font-size-sm);padding:var(--spacing-xs);width:100%}.date-input-label{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.info-buttons{font-size:var(--font-size-sm);letter-spacing:.3px;padding:var(--spacing-sm)}.order-data button{letter-spacing:.3px;margin-bottom:var(--spacing-sm);padding:var(--spacing-base) var(--spacing-sm)}.order-data button,.order-data h3{font-size:var(--font-size-base)}}.pagination-container{align-items:center;border-top:var(--border-width) solid var;display:flex;font-family:var(--font-secondary);justify-content:space-between;margin-top:var(--spacing-lg);padding:var(--spacing-base) var(--spacing-lg)}.pagination-info{color:var(--text-gray);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.2px}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-xs)}.pagination-btn{background:var(--white);border:var(--border-width) solid var(--border-gray);box-shadow:var(--shadow-sm);color:var(--neutral-color);font-size:var(--font-size-sm);height:36px;min-width:40px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-button);-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background:var(--primary-color-hover);border-color:var(--primary-color-hover);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-1px)}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);font-weight:var(--font-weight-semibold)}.pagination-btn:disabled{background:var(--light-gray);border-color:var(--medium-gray);color:var(--placeholder-gray);cursor:not-allowed;opacity:.6;pointer-events:none}.pagination-loading{align-items:center;color:var(--text-gray);display:flex;font-family:var(--font-secondary);font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-base)}.pagination-loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--border-gray);border:2px solid var(--border-gray);border-radius:var(--border-radius-full);border-top-color:var(--primary-color);content:"";height:16px;margin-left:var(--spacing-sm);width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.pagination-container{flex-direction:column;gap:var(--spacing-base);margin-top:var(--spacing-base);padding:var(--spacing-base) var(--spacing-sm)}.pagination-info{font-size:var(--font-size-xs);order:2}.pagination-controls{gap:var(--spacing-xs);order:1}.pagination-btn{font-size:var(--font-size-xs);height:32px;min-width:36px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:var(--font-size-xs);height:28px;min-width:32px}}
/*# sourceMappingURL=main.0a63c0e6.css.map*/