:root{font:14px system-ui,Arial;color:#273449;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;border:1px solid #d8e0ea;border-radius:7px;padding:10px;background:#fff}button{cursor:pointer}button:disabled{opacity:.45}.layout{display:flex;min-height:100vh}aside{width:220px;flex-shrink:0;background:#1b2a3c;color:#fff;padding:25px 15px}aside h1{margin:0;font-size:27px}aside p{font-size:12px;color:#a8b6c9}nav{margin-top:35px}nav button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#dce4ee;margin:6px 0}nav button.selected{background:#345072}main{flex:1;min-width:0}header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid #e3e8ef}section{padding:28px;max-width:1350px}h2{font-size:26px}label{display:block;margin:20px 0;max-width:400px}label input,label select{display:block;width:100%;margin-top:8px}.panel,.login form,.dialog{background:#fff;border:1px solid #e1e6ef;border-radius:9px}.tools{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;border-top:1px solid #edf0f5}th{background:#fafbfd;color:#697991}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login form{width:min(390px,100%);padding:28px}.login input,.login button{display:block;width:100%;margin:12px 0}.error{color:#ae3434}.shade{position:fixed;inset:0;background:#13243c70;display:grid;place-items:center;padding:20px}.dialog{width:min(460px,100%);padding:25px}.actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:700px){.layout{display:block}aside{width:auto;padding:12px}aside p{display:none}nav{display:flex;overflow:auto;margin:10px 0 0}nav button{width:auto;white-space:nowrap}header{height:52px;padding:0 15px}section{padding:15px}.tools{flex-wrap:wrap}}.production-form{padding:20px;border-top:1px solid #e1e6ef}.production-form label{max-width:600px}.production-line{display:grid;grid-template-columns:minmax(0,3fr) 90px 90px 42px;gap:8px;margin:10px 0}.production-line input{min-width:0;width:100%}@media(max-width:600px){.production-line{grid-template-columns:minmax(0,1fr) 70px 65px 38px}.production-line input,.production-line button{padding:7px;font-size:12px}}.production-line-head{display:grid;grid-template-columns:minmax(0,3fr) 90px 90px 42px;gap:8px;font-weight:600;font-size:12px;color:#66758a}.production-line select{min-width:0;width:100%}.material-create{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.material-create input{flex:1;min-width:180px}@media(max-width:600px){.production-line-head{grid-template-columns:minmax(0,1fr) 70px 65px 38px;font-size:10px}.production-line select{padding:7px;font-size:12px}}.production-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid #edf0f5}.production-filters label{flex:1;min-width:180px;margin:6px 0}.production-filters strong{padding:12px 0;white-space:nowrap}.material-picker{min-width:0;display:flex;flex-direction:column;gap:5px}.material-picker select,.material-picker input{width:100%;min-width:0}.material-picker small{color:#64748b}.category-chips{display:flex;gap:8px;flex-wrap:wrap}.category-chips button{font-size:12px;padding:7px}.dialog{max-height:92vh;overflow:auto}.material-create select{min-width:180px}.production-line{align-items:start}@media(max-width:600px){.production-line{grid-template-columns:minmax(0,1fr) 70px 65px 38px}.material-picker select,.material-picker input{font-size:12px;padding:7px}}.material-kebab{position:relative;display:inline-flex;justify-content:flex-end;min-width:40px}.material-kebab-trigger{font-size:24px;line-height:1;min-width:38px;min-height:36px;padding:2px 8px;font-weight:700}.material-kebab-menu{position:absolute;right:0;top:calc(100% + 3px);z-index:30;min-width:156px;background:#fff;border:1px solid #d7e1eb;border-radius:10px;box-shadow:0 8px 24px #0f233c29;padding:5px;display:grid;gap:2px}.material-kebab-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;box-shadow:none;padding:10px 12px;color:#152a43;font-size:14px;white-space:nowrap}.material-kebab-menu button:hover{background:#edf3fa}.material-kebab-menu .material-kebab-danger{color:#b42318}.material-kebab-menu .material-kebab-danger:hover{background:#fff0ef}.spec-row{cursor:pointer}.spec-row:hover{background:#f4f8fc}.spec-actions{position:relative;display:inline-block}.spec-more{font-size:24px;line-height:1;min-width:38px;min-height:36px;padding:2px 8px}.spec-actions-menu{position:absolute;right:0;top:100%;z-index:40;min-width:200px;background:#fff;border:1px solid #d7e1eb;border-radius:10px;box-shadow:0 8px 24px #0f233c29;padding:5px;display:grid;gap:2px}.spec-actions-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px 12px;color:#152a43;white-space:nowrap}.spec-actions-menu button:hover{background:#edf3fa}.spec-detail{width:min(860px,96vw);max-height:90vh;overflow:auto}.spec-detail .scroll{max-height:60vh;overflow:auto}.reklet-menu{position:relative;display:inline-flex;justify-content:flex-end;min-width:40px}.reklet-menu-trigger{font-size:24px;line-height:1;min-width:38px;min-height:36px;padding:2px 8px;font-weight:700}.reklet-menu-pop{position:absolute;right:0;top:calc(100% + 3px);z-index:50;min-width:156px;background:#fff;border:1px solid #d7e1eb;border-radius:10px;box-shadow:0 8px 24px #0f233c29;padding:5px;display:grid;gap:2px}.reklet-menu-pop button{display:block;width:100%;text-align:left;background:transparent;border:0;box-shadow:none;padding:10px 12px;color:#152a43;font-size:14px;white-space:nowrap}.reklet-menu-pop button:hover{background:#edf3fa}.reklet-menu-pop .reklet-danger{color:#b42318}.reklet-menu-pop .reklet-danger:hover{background:#fff0ef}.info-dialog{width:min(1020px,96vw);max-height:92vh;overflow:auto}.info-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.info-head h3,.info-head h4{margin:10px 0}.info-head p{margin:6px 0 18px}.info-table{width:100%;overflow-x:auto}.info-table table{width:100%;table-layout:fixed}.info-table th:first-child{width:25%}.info-table th:nth-child(2){width:31%}.info-table th:nth-child(3){width:35%}.info-table th:last-child{width:52px}.info-table td{max-width:0}.info-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-overlay{z-index:100}.info-read{width:min(540px,96vw);max-height:85vh;overflow:auto}.info-full{white-space:pre-wrap;overflow-wrap:anywhere}.info-read textarea{display:block;width:100%;min-height:80px;margin-top:8px;border:1px solid #d8e0ea;border-radius:7px;padding:10px;font:inherit;resize:vertical}@media(max-width:600px){.info-dialog{padding:12px}.info-table th,.info-table td{padding:9px 5px;font-size:12px}}.panel>.scroll{overflow:visible}.panel>.scroll .reklet-menu-pop{z-index:120}.panel>.scroll tbody tr:last-child .reklet-menu-pop{top:auto;bottom:calc(100% + 3px)}@media(max-width:700px){.panel>.scroll{overflow-x:auto;overflow-y:visible}.panel>.scroll table{min-width:560px}}.info-dialog{overflow:visible;max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.info-dialog .info-table{overflow-x:auto;overflow-y:auto;min-height:0;flex:1 1 auto}.info-dialog .info-table tbody tr:last-child .reklet-menu-pop,.info-dialog .info-table tbody tr:nth-last-child(2) .reklet-menu-pop{top:auto;bottom:calc(100% + 3px)}.info-dialog .info-table .reklet-menu-pop{z-index:500}.info-dialog .info-table tbody tr:has(.reklet-menu-pop){position:relative;z-index:10}.info-dialog .info-table tbody tr:last-child{height:72px}.order-detail{width:min(1050px,96vw);max-height:92dvh;overflow:auto}.order-detail .scroll{max-width:100%;overflow:auto}.order-detail input[type=number]{width:118px;min-width:90px}.order-detail label{max-width:650px}.warehouse-heading{padding:12px 18px 0}.warehouse-note{padding:8px 18px;color:#64748b}.production-form textarea{display:block;width:100%;min-height:72px;border:1px solid #d8e0ea;border-radius:7px;padding:10px;font:inherit}@media(max-width:700px){.order-detail{padding:12px}.order-detail table{min-width:620px}.warehouse-heading{font-size:18px}}.warehouse-line{display:flex;gap:12px;align-items:end;margin:8px 0}.warehouse-line label:first-child{flex:2;min-width:160px}.warehouse-line label:nth-child(2){flex:1;min-width:110px}.warehouse-line>button{flex:0 0 auto;margin-bottom:2px}@media(max-width:600px){.warehouse-line{flex-wrap:wrap}.warehouse-line label{flex:1 1 100%!important}}.production-tasks .production-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:12px 0}.production-tasks .production-filters label{flex:1 1 175px;min-width:0}.production-tasks .production-filters input,.production-tasks .production-filters select{max-width:100%;width:100%;box-sizing:border-box}.production-tasks .scroll{overflow-x:auto}.production-tasks .task-actions{display:flex;gap:7px;flex-wrap:wrap}.production-tasks .task-actions button{white-space:normal}.task-status{display:inline-block;padding:4px 9px;border-radius:16px;font-weight:600;font-size:13px;background:#eef2f6}.task-in_progress{background:#e5f2ff;color:#075985}.task-completed{background:#e8f7ec;color:#166534}.task-pending{background:#fff3d6;color:#854d0e}@media(max-width:650px){.production-tasks .scroll{overflow-x:auto}.production-tasks table{min-width:720px}.production-tasks .tools{flex-wrap:wrap}.production-tasks .production-filters label{flex-basis:100%}}.production-line,.production-line-head{grid-template-columns:minmax(0,3fr) 90px 90px 135px 42px}@media(max-width:700px){.production-line,.production-line-head{grid-template-columns:minmax(0,1fr) 64px 60px 95px 32px;gap:4px}.production-line select{font-size:11px}}