body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0}.grid-2{padding:8px}.grid-2,.grid-2-bottom{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:1fr .5fr;grid-template-rows:1fr}.grid-2-bottom{padding:0 13px}.header_background{background-image:linear-gradient(180deg,#265c9d,#0e2b55);border-radius:0 0 30px 30px;left:0;position:fixed;right:0;top:0}.felxBox-3{align-items:center;border-bottom:2px solid #cfcfcf28;border-top:2px solid #cfcfcf28;margin:0 6px;text-align:center}.felxBox-3,.flexBox-gen{display:flex;flex-flow:column}.flexBox-gen{margin:0 10px}.add{color:#fff;display:inline-block;font-size:25px;font-weight:700;margin-bottom:30px;margin-top:30px;text-align:center;text-decoration:none;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.add:active,.add:hover{background-color:red}.payment_title{margin-bottom:0}.totalSum{font-size:50px;margin-bottom:13px;margin-top:4px}.font1{color:#fff;font-family:Arial,Helvetica,sans-serif}.font2{color:#5f7fa7;font-size:18px}.font3{color:#d0d5dd;font-size:32px;margin-top:0}.font4{color:#bdc9da}.font5{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;margin-left:18px;margin-top:200px}.task_name{color:#5f6770;font-size:15px;font-weight:700}.task_name,.task_time{font-family:Arial,Helvetica,sans-serif;margin-bottom:0;margin-top:0}.task_time{color:#8f8f8f;font-size:12px}.task_sum{font-size:20px;font-weight:700;margin-top:0}.task_done,.task_sum{font-family:Arial,Helvetica,sans-serif;margin-bottom:0}.task_done{color:#8f8f8f;font-size:12px;margin-top:10px}.task_row{border-bottom:2px solid #e6e7e7;border-top:2px solid #e6e7e7;margin-bottom:-2px}.ball_avatar{background-color:#0e2b55;border-radius:39px;height:39px;margin:4px 9px 4px 4px;width:39px}.header_scroled{background-color:#265c9d;border-radius:0 0 30px 30px;display:none;justify-content:space-between;position:fixed;width:100%}.step-container{background:linear-gradient(180deg,#f8fafc,#fff);min-height:100vh;padding:20px 16px 100px;position:relative}.step-header{justify-content:space-between;margin-bottom:24px}.back-button,.step-header{align-items:center;display:flex}.back-button{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:12px;color:#265c9d;cursor:pointer;font-size:16px;font-weight:500;gap:8px;padding:8px 12px;transition:background .2s}.back-button:hover{background:#e8f0fe}.back-button:active{background:#d0e2ff}.step-indicator{display:flex;gap:8px}.step-dot{background:#cbd5e1;border-radius:50%;height:8px;transition:all .2s;width:8px}.step-dot.active{background:#265c9d;border-radius:12px;width:24px}.step-dot.completed{background:#22c55e}.step-title-section{margin-bottom:32px}.step-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.step-subtitle{color:#64748b;font-size:15px;line-height:1.5;margin:0}.search-section{margin-bottom:24px;position:relative}.search-box{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;padding:4px;position:relative;transition:all .2s}.search-box:focus-within{border-color:#265c9d;box-shadow:0 4px 12px #265c9d1a}.search-icon{flex-shrink:0;margin-left:16px}.search-input{appearance:none;background:#0000;border:none;color:#0f172a;font-size:16px;outline:none;padding:16px 48px 16px 12px;width:100%}.search-input::placeholder{color:#94a3b8}.clear-button{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;position:absolute;right:12px;transition:background .2s}.clear-button:hover{background:#f1f5f9}.dropdown-list{animation:slideIn .2s ease;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 20px 40px #0000001f;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.machine-card{-webkit-tap-highlight-color:transparent;align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:16px;transition:background .15s}.machine-card:last-child{border-bottom:none}.machine-card:hover{background:#f8fafc}.machine-card:active,.machine-icon{background:#e8f0fe}.machine-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.machine-info{flex:1 1;min-width:0}.machine-title{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-subtitle{color:#64748b;font-size:14px;margin:0}.machine-badge{background:#f1f5f9;border-radius:20px;color:#475569;flex-shrink:0;font-size:12px;padding:4px 8px}.operations-list{margin:16px 0 24px}.operation-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;margin-bottom:12px;padding:16px;transition:all .2s}.operation-card:hover{border-color:#94a3b8}.operation-card.selected{background:#f8fafc;border-color:#265c9d;box-shadow:0 4px 12px #265c9d1a}.operation-icon{align-items:center;background:#e8f0fe;border-radius:14px;color:#265c9d;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;margin-right:16px;width:48px}.operation-info{flex:1 1;min-width:0}.operation-name{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.operation-unit{color:#64748b;font-size:14px;margin:0}.operation-radio{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.operation-card.selected .operation-radio{background:#265c9d;border-color:#265c9d}.operation-card.selected .operation-radio:after{background:#fff;border-radius:50%;content:"";height:12px;width:12px}.camera-section{flex-wrap:wrap;gap:12px;margin-bottom:16px}.camera-button,.camera-section{align-items:center;display:flex}.camera-button{-webkit-tap-highlight-color:transparent;background:#fff;border:2px dashed #cbd5e1;border-radius:14px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:160px;padding:12px 16px;transition:all .2s}.camera-button:active{background:#f1f5f9;border-color:#265c9d}.order-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.order-input{appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex:1 1;font-size:16px;min-width:120px;outline:none;padding:14px 12px;transition:border .2s}.order-input:focus{border-color:#265c9d}.order-dash{color:#94a3b8;font-size:20px;font-weight:600;padding:0 4px}.order-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:14px 16px;transition:background .15s}.order-card:last-child{border-bottom:none}.order-card:active,.order-icon{background:#e8f0fe}.order-icon{align-items:center;border-radius:12px;color:#265c9d;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-right:14px;width:44px}.order-info{flex:1 1;min-width:0}.order-number{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-date{color:#94a3b8;font-size:13px;margin:0}.result-section{margin:32px 0}.result-input-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:32px 0}.result-input{appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:24px;color:#0f172a;font-size:48px;font-weight:700;outline:none;padding:20px;text-align:center;transition:all .2s;width:160px}.result-input:focus{border-color:#265c9d;box-shadow:0 8px 20px #265c9d26;transform:scale(1.02)}.result-unit{color:#64748b;font-size:20px}.summary-card{background:#f8fafc;border-radius:20px;margin:24px 0;padding:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px}.summary-label{color:#64748b;font-size:15px}.summary-value{color:#0f172a;font-size:15px;font-weight:600}.summary-divider{background:#e2e8f0;height:1px;margin:16px 0}.empty-state,.loading-state{padding:48px 24px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#265c9d;height:32px;margin:0 auto 16px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{color:#475569;font-size:16px;font-weight:600;margin:0 0 4px}.empty-state span{color:#94a3b8;font-size:14px}.selected-machine,.selected-order{margin:20px 0 16px}.selected-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.selected-card{align-items:center;background:linear-gradient(135deg,#265c9d,#1a4a7a);border-radius:18px;box-shadow:0 6px 16px #265c9d40;display:flex;padding:14px 16px}.selected-icon{flex-shrink:0;font-size:28px;margin-right:14px}.selected-info{flex:1 1;min-width:0}.selected-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-info p{color:#fffc;font-size:13px;margin:0}.selected-check{background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:26px;width:26px}.continue-button,.selected-check{align-items:center;display:flex;justify-content:center}.continue-button{-webkit-tap-highlight-color:transparent;background:#cbd5e1;border:none;border-radius:20px;bottom:24px;box-shadow:0 4px 12px #00000014;color:#64748b;cursor:not-allowed;font-size:18px;font-weight:600;gap:8px;left:16px;padding:18px;position:fixed;right:16px;transition:all .3s}.continue-button.active{background:linear-gradient(135deg,#265c9d,#1a4a7a);box-shadow:0 8px 20px #265c9d59;color:#fff;cursor:pointer}.continue-button.active:hover{box-shadow:0 12px 24px #265c9d66;transform:translateY(-2px)}.continue-button.active:active{transform:translateY(0)}.save-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:20px;bottom:24px;box-shadow:0 8px 20px #22c55e59;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;left:16px;padding:18px;position:fixed;right:16px;transition:all .3s}.save-button:hover{box-shadow:0 12px 24px #22c55e66;transform:translateY(-2px)}.save-button:active{transform:translateY(0)}.save-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.dropdown-list::-webkit-scrollbar{width:4px}.dropdown-list::-webkit-scrollbar-track{background:#0000}.dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (max-width:480px){.step-container{padding:16px 12px 90px}.step-header{margin-bottom:20px}.back-button{font-size:15px;padding:6px 10px}.step-title{font-size:24px}.step-subtitle{font-size:14px}.step-title-section{margin-bottom:24px}.search-input{font-size:15px;padding:14px 44px 14px 10px}.machine-card{padding:14px}.machine-icon{height:44px;margin-right:12px;width:44px}.machine-title{font-size:15px}.machine-subtitle{font-size:13px}.machine-badge{font-size:11px;padding:3px 6px}.operation-card{padding:14px}.operation-icon{font-size:16px;height:44px;margin-right:12px;width:44px}.operation-name{font-size:15px}.operation-unit{font-size:13px}.order-input-group{gap:6px}.order-input{font-size:15px;min-width:100px;padding:12px 10px}.order-dash{font-size:18px}.camera-button{font-size:13px;padding:12px 14px}.camera-button svg{height:18px;width:18px}.dropdown-list{border-radius:16px;max-height:300px}.order-card{padding:12px 14px}.order-icon{height:40px;margin-right:12px;width:40px}.order-number{font-size:14px}.order-date{font-size:12px}.selected-card{padding:12px 14px}.selected-icon{font-size:24px;margin-right:12px}.selected-info h3{font-size:15px}.selected-info p{font-size:12px}.selected-check{font-size:13px;height:24px;width:24px}.result-section{margin:20px 0}.result-input{font-size:40px;padding:16px;width:140px}.result-unit{font-size:18px}.summary-card{padding:16px}.summary-label,.summary-value{font-size:14px}.continue-button,.save-button{bottom:20px;font-size:16px;padding:16px}}@media (max-width:360px){.step-container{padding:14px 10px 85px}.step-title{font-size:22px}.step-indicator{gap:6px}.step-dot{height:7px;width:7px}.step-dot.active{width:20px}.machine-card{padding:12px}.machine-icon{height:40px;margin-right:10px;width:40px}.machine-title{font-size:14px}.operation-card{padding:12px}.operation-icon{height:40px;margin-right:10px;width:40px}.order-input-group{flex-direction:column;gap:8px}.order-dash{display:none}.order-input{width:100%}.camera-section{flex-direction:column}.camera-button{width:100%}.result-input{font-size:36px;padding:14px;width:120px}.result-unit{font-size:16px}.continue-button,.save-button{font-size:15px;padding:14px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@keyframes fadeIn{to{opacity:1}}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes backgroundAnimation{0%{background-position:0 0}15%{background-position:5% 25%}30%{background-position:20% 5%}45%{background-position:35% 55%}60%{background-position:65% 45%}75%{background-position:80% 75%}to{background-position:90% 90%}}.background-container{align-items:center;background-color:#bbdfff;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;width:100%;z-index:-2}.main{animation:fadeIn .5s forwards,jump .6s ease-in-out;background-color:#fff;border-radius:15px;box-shadow:10px 10px 10px #46234733;max-width:500px;overflow:hidden;position:relative;text-align:center;width:90%;z-index:1}.top_login_main{background-color:#e4eeff;border-radius:15px 15px 0 0;height:350px;width:100%}.logo_login_left{background-image:linear-gradient(90deg,#c5deff,#cad8f1);border-radius:0 25px 25px 0;height:40px;left:0;position:relative;top:36px;width:120px}.title_login{color:#6b82a1}.lables_login{color:#555;display:block;font-weight:700;margin-bottom:5px;margin-left:60px;margin-top:10px;text-align:left;width:100%}.inputs_login{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:block;left:60px;padding:10px;position:relative;width:calc(100% - 120px)}.button_login{background-color:#6b82a1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;left:0;margin-bottom:15px;margin-top:15px;padding:15px;position:relative;width:200px}.wrap{align-items:center;display:flex;justify-content:center}.errorMessage{color:red}@media(max-width:600px){.main{padding:15px;width:95%}.title_login{font-size:1.5em}h3{font-size:1em}.button_login,.inputs_login,.lables_login{font-size:.9em}}.icon_logo_main{position:relative;top:20px;width:300px}.icon_logo_company{left:40px;position:relative;top:5px;width:30px}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{animation:wave 10s linear -3s infinite;background:#9ccaff40;border-radius:1000% 1000% 0 0;bottom:0;height:32em;left:0;opacity:.8;position:fixed;transform:translateZ(0);width:200%;z-index:-1}.wave:nth-of-type(2){animation:wave 18s linear infinite reverse;bottom:-1.25em;opacity:.8}.wave:nth-of-type(3){animation:wave 20s -1s infinite reverse;bottom:-2.5em;opacity:.9}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}
/*# sourceMappingURL=main.fae922b5.css.map*/