:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f3f5f7;min-width:320px;min-height:100%}body{color:#17212b;background:#f3f5f7;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input,textarea,select{font:inherit}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{color:#17212b;background:#f3f5f7;min-height:100vh}.header{z-index:10;color:#fff;background:#17212b;border-bottom:1px solid #273642;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:18px 40px;display:flex;position:relative;box-shadow:0 3px 14px #17212b1f}.header h1{color:#fff;letter-spacing:-.025em;margin:0;font-size:29px;font-weight:800;line-height:1.1}.header p{color:#b9c5cf;margin:5px 0 0;font-size:14px;line-height:1.3}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.primary-header-button,.secondary-button{border:1px solid #0000;border-radius:8px;min-height:38px;padding:9px 15px;font-size:13px;font-weight:750;line-height:1;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}.primary-header-button{color:#17212b;background:#fff;border-color:#fff}.primary-header-button:hover{background:#f1f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000029}.secondary-button{color:#fff;background:0 0;border-color:#617181}.secondary-button:hover{background:#ffffff12;border-color:#9aa8b5;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.dashboard{width:min(1250px,100% - 40px);margin:0 auto;padding:34px 0 60px}.main{min-height:calc(100vh - 82px);padding:48px 20px 60px}.search-box{margin-bottom:38px;position:relative}.search-box input{color:#17212b;background:#fff;border:1px solid #ccd5dd;border-radius:12px;outline:none;width:100%;height:64px;padding:0 23px;font-size:18px;line-height:1;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 2px 6px #17212b09,0 6px 18px #17212b09}.search-box input::placeholder{color:#8795a2}.search-box input:hover{border-color:#b9c5cf}.search-box input:focus{border-color:#607d94;box-shadow:0 0 0 3px #607d9421,0 6px 18px #17212b0f}.section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.section-header h2{color:#17212b;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.2}.section-header p{color:#657584;margin:5px 0 0;font-size:14px;line-height:1.4}.count-badge{color:#fff;white-space:nowrap;background:#17212b;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:6px 13px;font-size:12px;font-weight:800;display:inline-flex}.count-badge.warning{background:#b87512}.orders-list{flex-direction:column;gap:13px;display:flex}.order-item{background:#fff;border:1px solid #dce2e7;border-radius:13px;padding:22px 24px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;box-shadow:0 2px 8px #17212b09,0 5px 15px #17212b09}.order-item:hover{border-color:#cbd4dc;transform:translateY(-1px);box-shadow:0 4px 12px #17212b0d,0 9px 22px #17212b0e}.order-item-header{border-bottom:1px solid #e4e8ec;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.order-number{color:#5d7892;letter-spacing:.025em;margin-bottom:5px;font-size:12px;font-weight:800;line-height:1.2;display:block}.order-item h3{color:#17212b;letter-spacing:-.015em;margin:0;font-size:21px;font-weight:800;line-height:1.25}.order-time{color:#5d7892;white-space:nowrap;padding-top:2px;font-size:13px;font-weight:600;line-height:1.3}.order-details{grid-template-columns:1fr 1fr 1fr;gap:25px;padding-top:18px;display:grid}.order-details>div{min-width:0}.order-details strong{color:#657789;text-transform:uppercase;letter-spacing:.075em;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1.2;display:block}.order-details span{color:#1b2935;word-break:break-word;font-size:14px;line-height:1.45;display:block}.order-actions{align-items:center;gap:8px;margin-top:17px;display:flex}.deliver-button,.cancel-button{border-radius:7px;min-height:34px;padding:8px 13px;font-size:13px;font-weight:750;line-height:1;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}.deliver-button{color:#fff;background:#2f8f63;border:1px solid #26734d}.deliver-button:hover{background:#267a53;transform:translateY(-1px);box-shadow:0 3px 8px #26734d38}.deliver-button:active{transform:translateY(0)}.order-actions .secondary-button{color:#31526c;background:#fff;border:1px solid #9aa9b6;border-radius:7px;min-height:34px;padding:8px 13px;font-size:13px}.order-actions .secondary-button:hover{color:#253f55;background:#f3f6f8;border-color:#607d94;transform:translateY(-1px);box-shadow:0 3px 8px #31526c21}.cancel-button{color:#a33a3a;background:#fff;border:1px solid #d8aaaa}.cancel-button:hover{color:#8e2929;background:#fff3f3;border-color:#c77b7b;transform:translateY(-1px);box-shadow:0 3px 8px #a33a3a1a}.edit-actions{justify-content:flex-end;align-items:center;gap:9px;margin-top:8px;display:flex}.edit-actions .secondary-button{color:#31526c;background:#fff;border:1px solid #9aa9b6;min-height:42px}.edit-actions .secondary-button:hover{color:#253f55;background:#f3f6f8;border-color:#607d94}.empty-state{text-align:center;background:#fff;border:1px solid #dce2e7;border-radius:13px;padding:54px 25px;box-shadow:0 3px 12px #17212b09}.empty-icon{color:#31526c;background:#e8edf1;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;font-size:24px;font-weight:800;display:flex}.empty-state h3{color:#17212b;margin:0;font-size:19px;font-weight:750}.empty-state p{color:#6b7a88;margin:7px 0 0;font-size:14px;line-height:1.45}.previous-orders{border-top:1px solid #d8dfe5;margin-top:48px;padding-top:38px}.search-results{margin-bottom:38px}.order-card{background:#fff;border:1px solid #e0e5e9;border-radius:15px;width:min(760px,100%);margin:0 auto;padding:32px;box-shadow:0 5px 18px #17212b0e,0 13px 35px #17212b0b}.order-card h2{color:#17212b;letter-spacing:-.02em;margin:0;font-size:27px;font-weight:800;line-height:1.2}.order-edit-heading{margin-bottom:4px}.order-edit-heading .order-number{margin-bottom:5px}.card-description{color:#687887;margin:7px 0 28px;font-size:14px;line-height:1.5}.field{margin-bottom:17px}.field label{color:#263746;margin-bottom:7px;font-size:12px;font-weight:800;line-height:1.3;display:block}.field input,.field textarea{color:#17212b;background:#fff;border:1px solid #ccd5dd;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:15px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background .15s}.field input{height:48px}.field textarea{resize:vertical;min-height:96px}.field input::placeholder,.field textarea::placeholder{color:#8a98a5}.field input:hover,.field textarea:hover{border-color:#b9c5cf}.field input:focus,.field textarea:focus{border-color:#607d94;box-shadow:0 0 0 3px #607d9421}.field input:disabled,.field textarea:disabled{color:#62717f;cursor:not-allowed;background:#f0f3f5;border-color:#d5dce2}.primary-button{color:#fff;background:#17212b;border:0;border-radius:8px;width:100%;min-height:45px;padding:12px 16px;font-size:14px;font-weight:800;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s}.primary-button:hover{background:#253442;transform:translateY(-1px);box-shadow:0 4px 12px #17212b2e}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.6;box-shadow:none;transform:none}.message{color:#173047;background:#edf3f7;border:1px solid #dce6ed;border-radius:8px;margin:11px 0 17px;padding:11px 14px;font-size:13px;line-height:1.45}.error-message{color:#963333;background:#fff1f1;border-color:#edcece}.users-card{width:min(900px,100%);margin-top:27px}.user-create-form{background:#f7f9fa;border:1px solid #dfe5e9;border-radius:11px;margin-top:25px;padding:22px}.user-create-form h3{color:#17212b;margin:0 0 20px;font-size:18px;font-weight:800;line-height:1.2}.user-role-note{color:#6c7b88;margin:-1px 0 17px;font-size:13px;line-height:1.4}.user-role-note strong{color:#31526c}.users-list{flex-direction:column;gap:9px;margin-top:21px;display:flex}.user-item{background:#fff;border:1px solid #dce3e8;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.user-item:hover{border-color:#c8d2da;transform:translateY(-1px);box-shadow:0 3px 10px #17212b0b}.user-info{flex-direction:column;gap:3px;min-width:0;display:flex}.user-info strong{color:#17212b;font-size:15px;font-weight:800;line-height:1.3}.user-info span{color:#788692;font-size:12px;line-height:1.3}.user-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.role-badge,.status-badge{letter-spacing:.045em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:10px;font-weight:850;line-height:1;display:inline-flex}.role-badge.admin{color:#31526c;background:#edf1f5;border:1px solid #d3dce4}.role-badge.operativo{color:#35624e;background:#edf4f0;border:1px solid #d5e2db}.status-badge.activo{color:#26734d;background:#eaf6ef;border:1px solid #cee6d8}.status-badge.inactivo{color:#a33a3a;background:#f8eeee;border:1px solid #ead0d0}.user-status-button{background:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:29px;padding:5px 10px;font-size:11px;font-weight:800;line-height:1;transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.user-status-button:hover{transform:translateY(-1px)}.user-status-button:active{transform:translateY(0)}.user-status-button.deactivate{color:#a33a3a;border:1px solid #d7aaaa}.user-status-button.deactivate:hover{color:#8e2929;background:#fff2f2;border-color:#c77b7b;box-shadow:0 2px 7px #a33a3a1a}.user-status-button.activate{color:#26734d;border:1px solid #a9cfb9}.user-status-button.activate:hover{color:#1e6040;background:#eff9f3;border-color:#79b38f;box-shadow:0 2px 7px #26734d1a}.users-summary{color:#84919c;text-align:right;border-top:1px solid #e1e6ea;margin-top:17px;padding-top:13px;font-size:12px;line-height:1.3}.login-page{background:radial-gradient(circle at 50% 0,#fff 0%,#f4f6f8 43%,#e8edf1 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.login-card{background:#fff;border:1px solid #dce3e8;border-radius:17px;width:min(430px,100%);padding:38px 40px 30px;box-shadow:0 7px 22px #17212b12,0 20px 48px #17212b14}.login-brand{text-align:center}.login-logo{color:#fff;background:#17212b;border-radius:13px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 15px;font-size:28px;font-weight:850;line-height:1;display:flex;box-shadow:0 6px 15px #17212b2e}.login-brand h1{color:#17212b;letter-spacing:-.025em;margin:0;font-size:27px;font-weight:800;line-height:1.2}.login-brand p{color:#73818e;margin:5px 0 0;font-size:13px;line-height:1.3}.login-welcome{margin:32px 0 23px}.login-welcome h2{color:#17212b;margin:0;font-size:22px;font-weight:800;line-height:1.2}.login-welcome p{color:#71808e;margin:6px 0 0;font-size:13px;line-height:1.4}.login-form .field{margin-bottom:16px}.login-button{margin-top:2px}.login-footer{color:#9aa5ae;text-align:center;border-top:1px solid #e5e9ed;margin-top:25px;padding-top:16px;font-size:11px;line-height:1.3}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #607d9447}@media (width<=900px){.header{padding:18px 25px}.dashboard{width:min(100% - 30px,1250px);padding-top:27px}.order-details{grid-template-columns:1fr 1fr;gap:20px}.user-item{align-items:flex-start}.user-meta{justify-content:flex-end}}@media (width<=800px){.header{padding:18px 20px}.dashboard{width:min(100% - 24px,1250px);padding-top:23px}.order-details{grid-template-columns:1fr;gap:15px}.order-item{padding:19px}.order-item-header{flex-direction:column;gap:7px}.order-time{font-size:13px}.section-header{align-items:flex-start}.order-card{padding:25px}.user-item{flex-direction:column;align-items:stretch}.user-info{width:100%}.user-meta{justify-content:flex-start;width:100%}}@media (width<=560px){.header{flex-direction:column;align-items:stretch;gap:15px}.header h1{font-size:26px}.header-actions{justify-content:stretch;width:100%}.primary-header-button,.header-actions .secondary-button{flex:1}.search-box{margin-bottom:30px}.search-box input{height:57px;padding:0 17px;font-size:16px}.section-header{flex-direction:column;gap:10px}.section-header h2{font-size:23px}.count-badge{align-self:flex-start}.order-actions{flex-direction:column;align-items:stretch}.deliver-button,.order-actions .secondary-button,.cancel-button{width:100%}.edit-actions{flex-direction:column-reverse;align-items:stretch}.edit-actions .primary-button,.edit-actions .secondary-button{width:100%}.order-card{border-radius:13px;padding:21px}.order-card h2{font-size:23px}.user-create-form{padding:18px}.user-meta{grid-template-columns:1fr 1fr;width:100%;display:grid}.role-badge,.status-badge{width:100%}.user-status-button{grid-column:1/-1;width:100%}.users-summary{text-align:center}.login-page{padding:18px}.login-card{border-radius:15px;padding:30px 22px}.login-welcome{margin-top:28px}}@media (width<=380px){.header-actions{flex-direction:column}.primary-header-button,.header-actions .secondary-button{width:100%}.order-card{padding:18px}.login-card{padding:27px 19px}}.field select{color:#17212b;cursor:pointer;background-color:#fff;border:1px solid #ccd5dd;border-radius:8px;outline:none;width:100%;height:48px;padding:0 42px 0 14px;font-size:15px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background .15s}.field select:hover{border-color:#b9c5cf}.field select:focus,.field select:focus-visible{border-color:#607d94;box-shadow:0 0 0 3px #607d9421}.field select:disabled{color:#62717f;cursor:not-allowed;background:#f0f3f5;border-color:#d5dce2}.field>.secondary-button{color:#31526c;background:#eef3f6;border:1px solid #b8c6d1;border-radius:8px;width:auto;min-height:40px;margin-top:11px;padding:9px 14px;font-size:13px;font-weight:800}.field>.secondary-button:hover{color:#253f55;background:#e4ebf0;border-color:#8ea2b3;transform:translateY(-1px);box-shadow:0 3px 8px #31526c1f}.field>.secondary-button:active{transform:translateY(0)}.material-item{min-width:0}.material-item+.material-item{margin-top:10px}.material-item input{min-width:0}.material-item input+input{margin-top:8px}.user-meta select{color:#263746;cursor:pointer;background:#fff;border:1px solid #c8d2da;border-radius:7px;outline:none;max-width:150px;min-height:29px;padding:5px 30px 5px 9px;font-size:11px;font-weight:700;line-height:1;transition:border-color .15s,box-shadow .15s,background .15s}.user-meta select:hover{background:#f7f9fa;border-color:#9eafbc}.user-meta select:focus,.user-meta select:focus-visible{border-color:#607d94;box-shadow:0 0 0 3px #607d9421}.role-badge.visualizador{color:#624a82;background:#f3eff9;border:1px solid #ddd3eb}.user-meta{row-gap:8px}.user-item{overflow:hidden}select:focus-visible{outline-offset:2px;outline:3px solid #607d9447}@media (width<=800px){.user-meta select{max-width:none}}@media (width<=560px){.field>.secondary-button{width:100%}.user-meta select{width:100%;max-width:none}}.app{width:100%;overflow-x:hidden}.header>div:first-child,.header-actions,.dashboard,.order-item,.order-card,.order-summary-grid,.order-materials,.order-material-row,.order-material-row>div{min-width:0}.header-user{color:#dce5ec;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.2}.order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin:18px 0 20px;display:grid}.order-summary-grid>div{min-width:0}.order-summary-label,.order-material-label{color:#657789;text-transform:uppercase;letter-spacing:.075em;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1.2;display:block}.order-summary-grid span,.order-material-row span,.order-legacy-material{color:#1b2935;overflow-wrap:anywhere;word-break:normal;font-size:14px;line-height:1.45}.order-materials{border-top:1px solid #d9e1e8;padding-top:16px}.order-materials-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.order-materials-header>strong{color:#17212b;min-width:0;font-size:15px;font-weight:800;line-height:1.3}.order-pending-count{color:#526475;white-space:nowrap;flex:none;font-size:12px;font-weight:800;line-height:1.2}.order-legacy-material{padding:14px 0 4px}.order-material-row{border-top:1px solid #e4e9ee;grid-template-columns:minmax(160px,1fr) minmax(200px,1.35fr) minmax(150px,auto);align-items:center;gap:16px;padding:15px 0;display:grid}.order-material-row.is-first{border-top:0}.order-material-row.is-delivered{opacity:.64}.order-material-row>div{min-width:0}.order-material-action{justify-content:flex-end;align-items:center;display:flex}.order-material-action .deliver-button{white-space:normal;text-align:center;min-width:150px}.material-status{white-space:nowrap;align-items:center;min-height:32px;font-weight:800;display:inline-flex;font-size:12px!important}.material-status.delivered{color:#26734d}.material-status.pending{color:#657584}.material-edit-item{background:#fbfcfd;border:1px solid #d9e1e8;border-radius:10px;margin-bottom:14px;padding:14px}.material-edit-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.material-edit-header>strong{overflow-wrap:anywhere;min-width:0}.material-edit-item .cancel-button{margin-top:10px}.field-help{color:#71808e;margin-top:6px;font-size:12px;line-height:1.4;display:block}.order-item h3,.order-details span,.order-summary-grid span,.order-material-row span,.card-description,.field-help{overflow-wrap:anywhere}button{touch-action:manipulation}@media (width<=1050px){.order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-material-row{grid-template-columns:minmax(150px,1fr) minmax(190px,1.25fr) minmax(138px,auto);gap:14px}}@media (width<=760px){.dashboard{width:calc(100% - 28px);padding:22px 0 44px}.main{padding:28px 14px 44px}.order-summary-grid{grid-template-columns:1fr;gap:14px;margin:16px 0 18px}.order-material-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 18px;padding:15px 0}.order-material-action{grid-column:1/-1;justify-content:stretch}.order-material-action .deliver-button,.order-material-action .material-status{width:100%}.order-material-action .deliver-button{min-width:0;min-height:44px}.material-status{justify-content:flex-start}.order-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.order-actions .secondary-button,.order-actions .cancel-button{white-space:normal;width:100%;min-height:44px}.order-actions .cancel-button:last-child{grid-column:1/-1}}@media (width<=560px){.header{gap:13px;min-height:auto;padding:15px 14px}.header h1{font-size:23px}.header p{margin-top:4px;font-size:12px}.header-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.header-user{white-space:normal;grid-column:1/-1;width:100%;padding-bottom:1px}.primary-header-button,.header-actions .secondary-button{white-space:normal;width:100%;min-height:44px;padding:9px 10px;line-height:1.15}.dashboard{width:calc(100% - 22px);padding-top:20px;padding-bottom:38px}.main{padding:22px 11px 38px}.search-box{margin-bottom:26px}.search-box input{border-radius:10px;height:52px;padding:0 15px;font-size:16px}.section-header{margin-bottom:16px}.section-header h2{font-size:22px}.section-header p{font-size:13px}.count-badge{min-height:28px;padding:5px 11px;font-size:11px}.orders-list{gap:11px}.order-item{border-radius:12px;padding:17px 16px}.order-item:hover{transform:none}.order-item-header{padding-bottom:14px}.order-item h3{font-size:20px}.order-time{padding-top:0}.order-summary-label,.order-material-label{margin-bottom:4px;font-size:10px}.order-summary-grid span,.order-material-row span,.order-legacy-material{font-size:14px;line-height:1.4}.order-materials{padding-top:14px}.order-materials-header{align-items:flex-start;margin-bottom:3px}.order-materials-header>strong{font-size:14px}.order-pending-count{font-size:11px}.order-material-row{grid-template-columns:1fr;gap:10px;padding:14px 0}.order-material-action{grid-column:auto}.order-material-action .deliver-button{width:100%;min-height:46px;padding:10px 12px;font-size:13px}.material-status{width:100%;min-height:36px}.order-actions{grid-template-columns:1fr;margin-top:15px}.order-actions .cancel-button:last-child{grid-column:auto}.order-actions .secondary-button,.order-actions .cancel-button{min-height:46px;padding:10px 12px;font-size:13px}.previous-orders{margin-top:38px;padding-top:30px}.order-card{border-radius:12px;width:100%;padding:19px 16px}.order-card h2{font-size:22px}.card-description{margin-bottom:22px;font-size:13px}.field{margin-bottom:15px}.field input,.field textarea,.field select{font-size:16px}.field input,.field select{height:46px}.field textarea{min-height:90px}.material-item{width:100%}.material-edit-item{padding:12px}.material-edit-header{align-items:flex-start}.material-edit-item .cancel-button,.material-item>.cancel-button,.field>.secondary-button{width:100%;min-height:44px}.edit-actions .primary-button,.edit-actions .secondary-button,.primary-button{min-height:46px}.empty-state{padding:38px 18px}.empty-state h3{font-size:17px}.empty-state p{font-size:13px}.users-card{margin-top:18px}.user-create-form{padding:15px}.user-item{gap:13px;padding:14px}.user-meta{grid-template-columns:1fr}.user-meta select,.role-badge,.status-badge,.user-status-button{grid-column:auto;width:100%;max-width:none;min-height:38px}.login-page{padding:14px}.login-card{padding:28px 20px}}@media (width<=380px){.header-actions{grid-template-columns:1fr}.header-user{grid-column:auto}.dashboard{width:calc(100% - 16px)}.main{padding-left:8px;padding-right:8px}.order-item{padding:15px 13px}.order-materials-header{flex-direction:column;gap:5px}.order-pending-count{white-space:normal}.order-card{padding:17px 13px}}