:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:normal;font-weight:400;--primary-color: hsl(200, 50%, 50%);--accent-color: hsl(200, 95%, 50%);--neutral-black-0: hsl(0, 0%, 0%);--neutral-black-5: hsl(0, 0%, 5%);--neutral-black-10: hsl(0, 0%, 10%);--neutral-black-30: hsl(0, 0%, 30%);--neutral-white-70: hsl(0, 0%, 70%);--neutral-white-95: hsl(0, 0%, 95%);--semantic-success: hsl(120, 50%, 50%);--semantic-success-5: hsl(120, 50%, 5%);--semantic-error: hsl(0, 50%, 50%);--semantic-error-5: hsl(0, 50%, 5%);--semantic-warning: hsl(60, 50%, 50%);--semantic-warning-5: hsl(60, 50%, 5%);--semantic-info: hsl(240, 50%, 50%);--semantic-info-5: hsl(240, 50%, 5%);--xs-space: 4px;--s-space: 8px;--m-space: 16px;--l-space: 32px;--xl-space: 40px;--xxl-space: 48px;--shadow-dark-short: 0px 0px 1px 1px var(--neutral-black-0);--shadow-light-long: 0px 0px 5px 10px var(--neutral-black-5);--shadow: inset 0 0 .5px 1px hsla(0, 0%, 100%, .075), 0 0 0 1px hsla(0, 0%, 0%, .05), 0 .3px .4px hsla(0, 0%, 0%, .02), 0 .9px 1.5px hsla(0, 0%, 0%, .045), 0 3.5px 6px hsla(0, 0%, 0%, .09);--container-padding: var(--xs-space) var(--s-space);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scrollbar-gutter:stable}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--neutral-black-0);color:var(--neutral-white-70);line-height:1.5;-webkit-font-smoothing:antialiased}input,button,textarea,select{font:inherit;font-size:inherit}input,select,textarea{border:none;color:inherit;text-align:left;flex-grow:1;padding:var(--m-space) var(--s-space);border-radius:var(--xs-space);background:var(--neutral-black-5);box-shadow:var(--shadow)}input:open,select:open,textarea:open{background:var(--neutral-black-5)}input[type=search]{background:none}input[type=search]:focus,input[type=search]:hover{background:var(--neutral-black-5)}textarea{resize:vertical;min-height:24ch;max-height:24ch}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}button{min-width:15ch;max-width:25ch;width:100%;font-size:inherit;box-shadow:var(--shadow);background:var(--neutral-black-5);color:var(--neutral-white-70);padding:var(--m-space) var(--s-space);border:none;border-radius:var(--xs-space);cursor:pointer;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:var(--xs-space)}button:hover{box-shadow:0 0 5px 1px #202020}button:active{box-shadow:inset 0 0 1px 1px #202020}.primaryButton{border:1px solid var(--accent-color);background:none;color:var(--accent-color)}.primaryButton svg{fill:var(--accent-color)}.primaryButton:hover{background:var(--neutral-black-5)}.primaryButton:active{background:var(--accent-color);color:var(--neutral-black-0)}.primaryButton:active svg{fill:var(--neutral-black-0)}#root{max-width:1200px;margin:0 auto;padding:var(--s-space)}.Navigation{position:sticky;top:var(--s-space);display:flex;justify-content:flex-end;padding:var(--m-space) var(--s-space);gap:var(--s-space);background:var(--neutral-black-5);border-radius:var(--xs-space);box-shadow:0 0 10px var(--neutral-black-0);margin-bottom:var(--l-space);box-shadow:var(--shadow)}.Navigation .logo{object-fit:contain;object-position:center;border-radius:50%;width:40px;height:40px;margin-right:auto;margin-left:var(--m-space)}.Navigation a{display:flex;justify-content:center;align-items:center;min-width:10ch;max-width:15ch;width:100%;min-height:40px;max-height:50px;height:100%;text-decoration:none;color:var(--neutral-white-70);font-weight:700;transition:color .2s ease-in}.Navigation a:hover{color:var(--accent-color)}.Notification{display:flex;gap:var(--xs-space);align-items:baseline;flex-wrap:nowrap;background:var(--neutral-black-5);padding:var(--m-space) var(--s-space);max-width:50ch;min-width:30ch;width:100%;border-radius:var(--xs-space);color:var(--neutral-white);box-shadow:var(--shadow)}.Notification p,.Notification h1,.Notification h2,.Notification h3{margin:0;padding:0;font-size:inherit}.Notification p{text-overflow:ellipsis;text-wrap:nowrap;width:100%;overflow:hidden}.Notification.warning{background:var(--semantic-warning);color:var(--semantic-warning-5)}.Notification.error{background:var(--semantic-error);color:var(--semantic-error-5)}.Notification.success{background:var(--semantic-success);color:var(--semantic-success-5)}.Notification.info{background:var(--semantic-info);color:var(--semantic-info-5)}.NotificationList{display:flex;flex-direction:column;position:fixed;bottom:var(--l-space);max-width:50ch;min-width:30ch;width:100%;gap:var(--s-space)}.FiltersList{border-radius:var(--border-rad);display:flex;gap:var(--xs-space)}.FiltersList .filter{flex-grow:1;flex-shrink:0}.FiltersList label{display:block;padding:var(--xs-space);text-align:center;cursor:pointer;border-radius:var(--xs-space);box-shadow:var(--shadow)}.FiltersList label:hover{background:var(--neutral-black-5)}.FiltersList input:checked+label{background:var(--primary-color);color:var(--neutral-black-5);border-radius:var(--xs-space);transition:background .1s ease-in-out}.AddTransaction{display:flex;flex-direction:column;gap:var(--m-space)}.AddTransaction .inputs{display:flex;flex-direction:column;gap:var(--xs-space)}.AddTransaction .actions{align-self:flex-end}.ModalContainer{position:fixed;background:var(--neutral-black-5);padding:var(--m-space);top:0;left:0;right:0;bottom:0;overflow:overlay;box-shadow:var(--shadow)}.ModalContainer .CloseButton{--size: 42px;position:absolute;top:var(--m-space);right:var(--m-space);min-width:var(--size);min-height:var(--size);max-width:var(--size);max-height:var(--size);padding:0}.ModalContainer input:focus,.ModalContainer textarea:focus,.ModalContainer select:focus{background:var(--neutral-black-10)}.ModalContainer input:disabled{background:var(--neutral-black-30);color:var(--neutral-black-0)}@media screen and (min-width: 426px){.ModalContainer{border-top-left-radius:var(--xs-space);border-bottom-left-radius:var(--xs-space);left:auto;min-width:58ch;max-width:70ch;width:100%}}.LoaderContainer{display:flex;justify-content:center;width:100%}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:var(--primary-color);--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.CajaChica{display:flex;flex-direction:column;gap:var(--m-space)}.CajaChica>h1,.CajaChica>p{margin:0;padding:0;font-size:medium}.CajaChica .actions{display:flex;gap:var(--s-space);justify-content:flex-end}.CajaChica .actions>:last-child{background:none}.CajaChica .actions>:last-child:hover{background:var(--neutral-black-5)}.CardTransaction{padding:var(--m-space) var(--s-space);border-radius:var(--xs-space);box-shadow:var(--shadow);cursor:pointer;transition:background .1s ease-in}.CardTransaction:hover{background:var(--neutral-black-5)}.CardTransaction svg{width:var(--m-space);height:var(--m-space);object-fit:contain;object-position:center;fill:var(--neutral-white-70);stroke:var(--neutral-white-70)}.CardTransaction .summary{display:flex;justify-content:flex-end;gap:var(--s-space)}.CardTransaction .summary>:first-child{margin-right:auto}.CardTransaction .egreso{rotate:180deg}.CardTransaction .cancelado{color:var(--semantic-success)}.CardTransaction .pendiente{color:var(--semantic-warning)}.CardTransaction .iconPlusText{display:flex;align-items:center;gap:var(--xs-space)}@media screen and (min-width: 426px){.CardTransaction{display:flex;flex-direction:column;gap:.5rem}}.TransactionList{display:flex;flex-direction:column;gap:var(--s-space)}.AgregarMovimiento{display:flex;flex-direction:column;gap:var(--m-space)}.AgregarMovimiento .inputs{display:flex;flex-direction:column;gap:var(--xs-space)}.AgregarMovimiento .actions{align-self:flex-end}.Conciliacion{display:flex;flex-direction:column;gap:var(--m-space)}.Conciliacion h2,.Conciliacion p{margin:0}.Conciliacion .balance{padding:var(--m-space)}.Conciliacion .instruction,.Conciliacion .ok,.Conciliacion .diferencia,.Conciliacion .real{box-shadow:var(--shadow);border-radius:var(--xs-space);padding:var(--m-space);display:flex;flex-direction:column;gap:var(--s-space)}.Conciliacion .instruction svg,.Conciliacion .ok svg,.Conciliacion .diferencia svg,.Conciliacion .real svg{object-fit:contain;object-position:center;width:18px}.Conciliacion .instruction .title,.Conciliacion .ok .title,.Conciliacion .diferencia .title,.Conciliacion .real .title{display:flex;align-items:center;font-size:large;gap:var(--s-space)}.Conciliacion .real{background:var(--neutral-black-10)}.Conciliacion .real>*{width:100%}.Conciliacion .diferencia{background:var(--semantic-warning);color:var(--semantic-warning-5)}.Conciliacion .diferencia svg{fill:var(--semantic-warning-5)}.Conciliacion .ok{background:var(--semantic-success);color:var(--semantic-success-5)}.Conciliacion .ok svg{fill:var(--semantic-success-5)}.Conciliacion .instruction{background:var(--semantic-info);color:var(--semantic-info-5)}.Conciliacion .instruction svg{fill:var(--semantic-info-5)}.Conciliacion .action{align-self:flex-end}.AddProductionOrder{display:flex;flex-direction:column;gap:var(--s-space)}.AddProductionOrder .actions{align-self:flex-end}.AddProductionOrder textarea:focus,.AddProductionOrder input:focus{background:var(--neutral-black-10)}.EditProductionOrder{display:flex;flex-direction:column;gap:var(--s-space)}.EditProductionOrder textarea:focus,.EditProductionOrder input:focus{background:var(--neutral-black-10)}.EditProductionOrder .actions{align-self:flex-end}.OrderCard{padding:var(--m-space);border-radius:var(--xs-space);min-width:280px;max-width:700px;width:100%;display:flex;gap:1rem;justify-content:space-between;flex-direction:column;transition:background .1s ease-in;box-shadow:var(--shadow)}.OrderCard:hover{background:var(--neutral-black-5)}.OrderCard .info{display:flex;width:100%;flex-direction:column;gap:1.5rem}.OrderCard .orderState{display:flex;align-items:center;justify-content:space-between}.OrderCard .orderState .orderDetails .title{color:var(--neutral-white-95)}.OrderCard .orderState .status{padding:var(--xs-space);min-width:15ch;max-width:15ch;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.OrderCard .orderState .status.listo{background:var(--semantic-success);color:var(--semantic-success-5)}.OrderCard .orderState .status.pendiente{background:var(--semantic-error);color:var(--semantic-error-5)}.OrderCard .orderState .status.en_produccion{background:var(--semantic-warning);color:var(--semantic-warning-5)}.OrderCard .summary{display:block}.OrderCard .notes{background:var(--neutral-black-5);padding:.8rem .6rem;border-radius:4px;min-width:28ch;max-width:50ch;width:100%;cursor:pointer}.OrderCard .actions{display:flex;gap:var(--s-space);width:100%;min-width:247px;border-top:1px solid var(--neutral-black-5);padding-top:var(--m-space)}.OrderCard .actions>button svg{object-fit:contain;object-position:center;max-width:24px;max-height:24px;fill:var(--neutral-white-70)}@media screen and (min-width: 681px){.OrderCard{flex-direction:row}.OrderCard .actions{flex-direction:column;padding:0;border-top:0;border-left:1px solid var(--neutral-black-5);gap:1rem;align-self:unset;align-items:center;justify-content:center;max-width:20ch}}.AbonosList{display:flex;flex-direction:column;gap:var(--s-space)}.AddAbono{display:flex;flex-direction:column;gap:var(--m-space)}.AddAbono p,.AddAbono .title{margin:0}.AddAbono .title{display:flex;align-items:center;gap:var(--s-space)}.AddAbono .etiqueta{background:var(--semantic-warning);color:var(--semantic-warning-5);padding:var(--xs-space) var(--s-space);border-radius:var(--s-space);font-size:small}.AddAbono .etiqueta.cancelado{background:var(--semantic-success);color:var(--semantic-success-5)}.AddAbono .actions{display:flex;justify-content:right;gap:var(--s-space)}.AddAbono .abonoForm{display:flex;flex-direction:column;gap:var(--xs-space)}.AddAbono .abonoForm>:last-child{margin-top:var(--m-space)}.ProductionOrders{display:flex;flex-direction:column;gap:var(--m-space)}.ProductionOrders>.summary{display:flex;gap:var(--s-space);flex-wrap:wrap}.ProductionOrders>.summary>.item{display:flex;border-radius:var(--xs-space);padding:var(--s-space) var(--xs-space);min-width:10ch;max-width:15ch;width:100%;align-items:center;justify-content:center;gap:var(--xs-space);box-shadow:var(--shadow)}.ProductionOrders>.actions{display:flex;gap:var(--xs-space)}.ModalTransactionEdit{display:flex;flex-direction:column;gap:var(--s-space)}.ModalTransactionEdit .inputs{display:flex;flex-direction:column;gap:var(--xs-space)}.ModalTransactionEdit .actions{display:flex;justify-content:right}.TransactionEdit{display:flex;flex-direction:column;gap:var(--m-space)}.TransactionEdit .summary{display:flex;gap:var(--m-space);flex-wrap:wrap}.TransactionEdit .summary .item{display:flex;border-radius:var(--xs-space);padding:var(--s-space) var(--xs-space);min-width:10ch;max-width:15ch;width:100%;align-items:center;justify-content:center;gap:var(--xs-space);box-shadow:var(--shadow)}.TransactionEdit .actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.TransactionEdit .actions>div{flex-grow:1}.TransactionEdit .actions>input{flex-grow:3}