:root{--ink:#252a31;--muted:#707d8f;--primary:#383f48;--primary-dark:#252a31;--accent:#bec4cc;--bg:#f2f4f7;--line:#e1e5eb;--white:#fff;--amber:#a87422;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}input,select,textarea{width:100%;border:1px solid #dcdfe3;border-radius:8px;background:white;color:var(--ink);padding:12px 13px;min-height:45px;outline:none}input:focus,select:focus,textarea:focus{border-color:#636e7e;box-shadow:0 0 0 3px #636e7e18}button:focus-visible,a:focus-visible,tr:focus-visible{outline:3px solid #8c96a5;outline-offset:3px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#505966}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1.1px;font-weight:650;line-height:1.25}h2{font-size:17px;font-weight:650;letter-spacing:-.3px}h3{font-size:16px;font-weight:650}.muted{color:var(--muted)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.btn{border:1px solid transparent;border-radius:9px;min-height:42px;padding:11px 17px;font-weight:600;font-size:12px;display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;transition:background .15s,transform .15s}.btn .icon{width:17px;height:17px}.btn:active{transform:translateY(1px)}.primary{background:var(--primary);color:white;box-shadow:0 2px 2px #23282e10}.primary:hover{background:var(--primary-dark)}.secondary{background:white;border-color:#dbe0e7;color:#434a55}.secondary:hover{background:#eff1f4}.wide{width:100%}.large{min-height:58px;font-size:15px;padding:15px 22px}.large .icon{width:22px;height:22px}.icon-btn{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#748192;flex-shrink:0}.icon-btn:hover{background:#e8ebef;color:var(--primary)}.text-btn{display:flex;align-items:center;gap:9px;border:0;background:transparent;font-size:12px;font-weight:600;color:#555f6c;padding:8px 0}.text-btn .icon{width:16px;height:16px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#727f91;margin-bottom:9px}.brand{display:flex;align-items:center;gap:6px;color:#f2f4f7;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand>span:last-child{font-weight:350;color:#c2c7cf}.brand-mark{height:35px;width:35px;display:grid;place-items:center;margin-right:5px;border-radius:9px;background:var(--accent);color:#292e35}.brand-mark .icon{width:23px;height:23px;stroke-width:2}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#1f2329;padding:30px 18px 0;color:#d6d9de;display:flex;flex-direction:column;z-index:10}.sidebar>.brand{padding-left:9px}.workspace{margin-top:34px;padding:15px 8px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;display:flex;align-items:center;gap:10px}.workspace-icon{width:31px;height:31px;background:#ffffff0c;border:1px solid #ffffff15;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#b1b8c2}.workspace b{font-size:11px;font-weight:600}.workspace small{display:block;font-size:10px;color:#8b95a3;margin-top:4px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#a6aeb9;margin-left:auto}.nav-caption{font-size:8px;letter-spacing:1.5px;color:#8792a1;margin:29px 12px 14px;font-weight:600}.nav-item{width:100%;padding:13px 13px;border:0;display:flex;align-items:center;gap:12px;font-size:12px;border-radius:7px;background:transparent;color:#abb3bd;text-align:left;margin-bottom:5px}.nav-item .icon{width:18px;height:18px;opacity:.85}.nav-item:hover{background:#ffffff08;color:white}.nav-item.active{background:#bec4cc;color:#292e36;font-weight:650}.nav-item small{margin-left:auto;border:1px solid #727f9140;background:#ffffff20;padding:1px 6px;border-radius:4px;font-size:10px}.sidebar-bottom{margin-top:auto}.pilot-note{border:1px solid #ffffff13;background:#ffffff03;border-radius:10px;padding:15px;margin:25px 5px}.pilot-note>.icon{width:16px;height:16px;color:#9ba4b0;margin-right:6px}.pilot-note b{font-size:10px;color:#cbd0d7}.pilot-note p{font-size:10px;line-height:1.8;color:#8993a2;margin:9px 0}.pilot-note button{background:none;border:0;color:#acb4be;font-size:10px;padding:0;display:flex;align-items:center;gap:8px}.pilot-note button .icon{width:13px;height:13px}.user-block{border-top:1px solid #ffffff12;padding:19px 4px;display:flex;align-items:center;gap:9px}.user-block b{font-size:11px;font-weight:500}.user-block small{display:block;font-size:9px;color:#808b9b;margin-top:3px}.user-block .icon-btn{margin-left:auto;width:28px}.avatar{width:34px;height:34px;background:#dee3e9;color:#5b6573;border:1px solid #d4d8dd;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:650;flex-shrink:0}.small{width:29px;height:29px;font-size:9px}.main-shell{margin-left:224px;min-width:0;width:calc(100% - 224px)}.topbar{height:74px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f9fb}.breadcrumb{font-size:11px;color:#838e9d;display:flex;gap:15px}.breadcrumb b{color:#58626f;font-weight:500}.breadcrumb>span{color:#b0b7c1}.topbar-right{display:flex;align-items:center;gap:22px}.connection{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#677384;white-space:nowrap}.connection i,.live-label i{height:5px;width:5px;border-radius:50%;background:#6f7b8d;box-shadow:0 0 0 3px #6f7b8d11;display:inline-block}.connection.offline{color:#ad6a27}.connection.offline i{background:#d0984a}.top-date{font-size:10px;color:#85909f}.content{max-width:1600px;margin:auto;padding:33px 35px 30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading p{color:#798596;font-size:12px;margin-top:8px}.heading-actions{display:flex;align-items:center;gap:10px}.pilot-strip{display:flex;gap:10px;align-items:center;border:1px solid #dcdfe3;background:#ebedf1;border-radius:8px;padding:9px 12px;color:#657080;font-size:10px;margin-bottom:23px}.pilot-tag{font-size:8px;font-weight:750;letter-spacing:1.1px;color:#545d6a;border:1px solid #c9ced4;background:#dfe3e9;border-radius:4px;padding:4px 7px;white-space:nowrap;display:inline-block}.pilot-strip button{margin-left:auto;display:flex;align-items:center;gap:5px;border:0;background:none;color:#5e6978;font-size:10px;white-space:nowrap}.pilot-strip .icon{width:13px;height:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:31px}.stat{border:1px solid var(--line);border-radius:11px;background:white;padding:17px 20px 16px;box-shadow:0 2px 3px #2b303702}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#717e90;font-size:10px;font-weight:500;gap:8px}.stat-label .icon{width:16px;height:16px;color:#838e9e}.stat-value{font-size:33px;letter-spacing:-1.4px;font-weight:600;margin-top:10px;line-height:1.2;color:#394049}.stat-value>span{font-size:16px;font-weight:400;letter-spacing:-.3px;color:#97a0ad}.stat-note{font-size:9px;color:#848f9e;margin-top:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.section-heading h2{display:flex;align-items:center;gap:12px}.section-heading p{font-size:11px;color:#818c9c;margin-top:5px}.live-label{font-size:7px;font-weight:600;letter-spacing:1px;color:#8691a0;display:inline-flex;align-items:center;gap:6px}.live-label i{width:4px;height:4px}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.machine-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:19px 20px 0;transition:border-color .15s,box-shadow .15s;min-width:0}.machine-card:hover{border-color:#bac0c8;box-shadow:0 4px 15px #2c313905}.machine-card.occupied{border-color:#bcc2cb}.machine-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:5px}.machine-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#eceff3;color:#707d8f;border:1px solid #dfe4ea;border-radius:10px}.machine-icon .icon{width:24px;height:24px}.machine-card h3{font-size:16px;letter-spacing:-.35px}.machine-kind{font-size:10px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:600;padding:5px 8px;border-radius:5px;background:#eef0f3;color:#798596;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.working,.badge.active{background:#ebedf1;color:#555f6c}.badge.setup{background:#f9f2df;color:#a08b42}.badge.paused{background:#fff0df;color:#bc7b3b}.badge.completed{background:#e8ebf0;color:#555f6d}.badge.partial{background:#edf1f8;color:#677ea0}.machine-idle{min-height:114px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:8px;color:#818c9c;font-size:10px}.machine-idle small{font-size:9px;color:#9da6b2}.idle-line{width:38px;border-top:1px dashed #c5cad2;margin-bottom:3px}.machine-job{display:flex;flex-direction:column;gap:6px;margin:20px 0 12px}.order-no{font-size:9px;letter-spacing:.5px;font-weight:650;color:#687484}.machine-job strong{font-size:12px;font-weight:600}.machine-person{font-size:9px;color:#818c9c;display:flex;align-items:center;gap:5px}.machine-person .icon{height:13px;width:13px}.machine-progress{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.machine-progress em{font-style:normal;color:#929caa}.machine-progress b{font-variant-numeric:tabular-nums;font-size:10px;font-weight:500;color:#5c6776}.progress{height:5px;width:100%;overflow:hidden;display:flex;border-radius:4px;background:#e9ecf0}.progress progress{appearance:none;width:100%;height:100%;border:0;background:#e9ecf0;color:#8a94a3}.progress progress::-webkit-progress-bar{background:#e9ecf0;border-radius:4px}.progress progress::-webkit-progress-value{background:#8d97a5;border-radius:4px}.progress progress::-moz-progress-bar{background:#8d97a5;border-radius:4px}.card-link{margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#727e90;padding:12px 0 13px;border:0;border-top:1px solid #ebeef2;width:100%;background:none}.card-link:hover{color:#3a414a}.card-link .icon{height:14px;width:14px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px;margin-top:26px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-heading{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f3}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px;color:#8994a3;margin-top:5px}.panel-heading .text-btn{font-size:10px}.panel-heading .text-btn .icon{width:14px;height:14px}.count-label{padding:3px 6px;background:#eceff3;border:1px solid #e2e6ec;border-radius:5px;font-size:9px;font-weight:500;color:#788495;vertical-align:middle}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:12px 17px;color:#8c96a5;font-size:9px;font-weight:500;background:#fbfcfd;border-bottom:1px solid #eaedf1}td{padding:15px 17px;border-bottom:1px solid #e9ecf1;font-size:10px;color:#677383}tbody tr:last-child td{border-bottom:0}tr[data-action]{cursor:pointer}tr[data-action]:hover{background:#f8f9fb}.table-title{display:flex;align-items:center;gap:9px}.table-title b,td>b{font-size:11px;font-weight:600;color:#424953}.table-title small,.cell-small{display:block;font-size:9px;color:#8993a2;margin-top:5px;max-width:260px;white-space:normal;overflow-wrap:anywhere}.table-title small>span{margin:0 5px}.file-icon{display:grid;place-items:center;width:29px;height:33px;background:#f2f4f7;border:1px solid #e8ebf0;border-radius:5px;color:#8d97a5}.file-icon .icon{width:15px;height:15px}.table-machine{font-size:10px}.table-progress{min-width:75px}.table-progress>span{display:block;margin-bottom:7px;font-size:9px;color:#8c96a4}.table-progress b{color:#5a6472;font-weight:500}.table-progress .progress{height:3px}.due{font-size:10px;color:#758192}.priority-dot{display:block;font-size:8px;color:#b7955b;margin-top:5px}.count-label{margin-left:4px}.activity .panel-heading{border-bottom:0;padding-bottom:8px}.timeline{padding:12px 18px}.timeline-item{display:flex;gap:10px;position:relative;padding-bottom:20px;align-items:flex-start}.timeline-item:not(:last-child):after{content:"";position:absolute;height:calc(100% - 30px);top:30px;left:13px;border-left:1px solid #e2e6ec}.timeline-icon{display:grid;place-items:center;width:27px;height:27px;background:#edf0f3;border:1px solid #e2e6ec;border-radius:50%;color:#788495;flex-shrink:0}.timeline-icon .icon{width:12px;height:12px}.timeline-icon.done{color:#5e6877;background:#e9ecf1}.timeline-item b{font-size:10px;display:block;font-weight:500;line-height:1.6;color:#525c69}.timeline-item p{font-size:9px;color:#7e8999;margin-top:4px;line-height:1.5}.timeline-item small{display:block;font-size:8px;color:#717e90;margin-top:7px;line-height:1.6}.timeline-item small span{color:#99a2af}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 24px;min-height:230px}.activity-empty>.icon{width:30px;height:30px;color:#a8afba;margin-bottom:15px}.activity-empty h3{font-size:12px;font-weight:500;color:#727e90}.activity-empty p{font-size:10px;color:#8e98a6;line-height:1.8;margin-top:9px;max-width:180px}.main-footer{margin:0 35px;padding:20px 0 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;color:#949eab}.main-footer b{padding:0 5px;font-weight:400}.list-toolbar{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.tabs b{font-size:12px;color:#525b68}.tabs span{font-size:10px;background:#e8ebf0;padding:3px 7px;border-radius:4px;margin-left:5px;font-weight:400}.search{display:flex;flex-direction:row;align-items:center;gap:8px;width:290px;border:1px solid var(--line);border-radius:7px;padding-left:11px;background:#f8f9fb}.search .icon{width:15px;height:15px;color:#919ba9}.search input{padding:8px 8px 8px 0;border:0;box-shadow:none;background:transparent;font-size:11px;min-height:35px}.empty{text-align:center;line-height:2;padding:48px 20px;color:#8691a0;font-size:13px}.empty small{font-size:11px}.floor-queue{margin-top:25px}.report-summary{display:flex;gap:35px;padding:20px 24px;background:#e4e8ed;border:1px solid #d7dbe0;border-radius:10px;margin-bottom:24px;font-size:11px;color:#6c798a;flex-wrap:wrap}.report-summary b{color:#464d58;font-size:17px;margin-right:5px;font-weight:600}.mono{font-variant-numeric:tabular-nums}.missing-photo{font-size:9px;color:#a99a78}.photo-thumb{border:0;padding:0;width:50px;height:39px;border-radius:6px;overflow:hidden;background:#e9ecf0}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-full{padding:5px 25px 25px}.photo-full img{max-width:100%;max-height:65vh;display:block;margin:auto;border-radius:8px}.photo-full p{margin-top:12px;font-size:12px;color:var(--muted)}
/* Entry */
.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;color:var(--primary);font-size:23px}.loading span{font-size:12px;color:var(--muted);margin-top:12px}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{background:#22272d;color:#ebeef2;padding:42px 48px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-copy{margin:auto 0;padding-top:60px}.login-copy .eyebrow{color:#9ca5b2;font-size:9px;letter-spacing:2px}.login-copy h1{font-size:clamp(38px,4vw,62px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin-top:20px}.login-copy>p{font-size:13px;line-height:1.9;color:#a1aab6;margin-top:23px}.login-foot{display:flex;justify-content:space-between;font-size:8px;color:#8c96a5;gap:20px;margin-top:30px}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;background:#f7f8f9;padding:50px}.login-box{width:100%;max-width:340px}.login-box h2{font-size:30px;margin-top:24px;letter-spacing:-1px}.login-box>.muted{font-size:12px;line-height:1.8;margin-top:11px;margin-bottom:28px}.login-box label{margin-bottom:18px}.login-box input,.login-box select{font-size:13px;min-height:48px}.login-box .btn{min-height:48px;justify-content:space-between;padding:12px 18px;font-size:13px}.demo-info{display:flex;gap:10px;border-top:1px solid #dbe0e7;margin-top:29px;padding-top:22px;font-size:10px;color:#7d8898}.demo-info>.icon{width:17px;height:17px;margin-top:1px;color:#7b8798}.demo-info b{display:block;font-size:11px;color:#606b7a;font-weight:500;margin-bottom:6px}.demo-info span{display:block;line-height:1.8}.login-bottom{position:absolute;bottom:28px;font-size:9px;letter-spacing:1px;color:#758192}.login-bottom span{letter-spacing:0;margin-left:12px;font-size:9px;color:#99a2ae}.abstract-machine{height:220px;position:relative;margin:50px 0 10px;max-width:470px;border:1px solid #9ea6b222;border-radius:18px;background:repeating-linear-gradient(0deg,transparent,transparent 27px,#aeb5bf06 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,#aeb5bf06 28px);overflow:hidden}.abstract-label{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #9ea6b222;padding:14px 18px;display:flex;align-items:center;gap:8px;color:#848f9e;font-size:8px;letter-spacing:1.2px}.abstract-label .icon{width:14px;height:14px}.abstract-label span{margin-left:auto}.beam{position:absolute;left:25%;top:0;width:44%;height:55px;border:1px solid #9ea6b233;border-top:0;background:linear-gradient(160deg,#939daa1b,#939daa02);border-radius:0 0 8px 8px}.beam:before{content:"";position:absolute;left:43%;height:26px;width:14%;top:55px;background:#afb7c144;clip-path:polygon(0 0,100% 0,60% 100%,40% 100%)}.beam:after{content:"";height:45px;position:absolute;top:80px;left:50%;width:1px;background:#c8cdd3;box-shadow:0 0 15px 3px #c6cbd359}.machine-line{position:absolute;top:126px;left:15%;width:69%;height:1px;background:#9fa7b366}.part{position:absolute;border:1px solid #a5adb944;background:#8994a30a;transform:skewY(-15deg)}.p1{width:80px;height:35px;top:100px;left:28%}.p2{width:80px;height:35px;top:106px;left:29%}.p3{width:80px;height:35px;top:112px;left:30%}
/* Operator */
.operator-shell{min-height:100vh;background:#eff2f5}.operator-header{height:80px;background:#22272d;padding:0 40px;display:flex;align-items:center;gap:35px;color:#c7ccd3}.operator-caption{font-size:8px;letter-spacing:1.8px;color:#7d8898;border-left:1px solid #ffffff20;padding-left:28px}.operator-user{margin-left:auto;display:flex;align-items:center;gap:14px}.operator-user b{font-size:11px;font-weight:500}.operator-user .connection{color:#97a1ae;font-size:9px}.operator-user .icon-btn{color:#919ba9}.operator-main{max-width:1280px;margin:auto;padding:37px 40px}.operator-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.operator-title h1{font-size:30px}.operator-title p{font-size:12px;color:#7e8a9a;margin-top:9px}.machine-select{min-width:215px;font-size:10px;color:#7e8a9a}.machine-select select{font-size:13px;font-weight:600;min-height:46px;border-color:#d6d9de}.operator-grid{display:grid;grid-template-columns:310px 1fr;gap:26px;align-items:start}.task-list>.section-heading{margin-bottom:13px}.task-list h2{font-size:13px}.task-item{text-align:left;width:100%;border:1px solid #dbdee3;background:#f8f9fb;border-radius:11px;padding:18px;margin-bottom:12px;transition:border-color .15s,background .15s}.task-item:hover{border-color:#9aa3b0}.task-item.selected{border-color:#758293;background:#fff;box-shadow:0 0 0 2px #75829313}.task-item-top{display:flex;justify-content:space-between;font-size:9px;color:#7a8697;font-weight:600}.task-item-top small{font-size:7px;letter-spacing:.7px;color:#a99262}.task-item h3{font-size:14px;letter-spacing:-.3px;margin:12px 0 6px}.task-item p{font-size:10px;color:#909aa8}.task-item-bottom{display:flex;align-items:center;justify-content:space-between;margin:15px 0 12px;font-size:10px;color:#6d7a8b}.task-item .progress{height:4px}.operator-note{display:flex;gap:10px;padding:13px;color:#8994a3;font-size:10px;line-height:1.8}.operator-note .icon{width:16px;height:16px;margin-top:3px}.work-area{border:1px solid #d8dbe0;border-radius:15px;background:white;overflow:hidden;padding:28px 30px 0;box-shadow:0 5px 20px #3b424b03}.work-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.work-top .order-no>span{font-size:9px;letter-spacing:0;font-weight:400;color:#8f99a7;margin-left:5px}.work-top h2{font-size:26px;font-weight:600;letter-spacing:-.8px;margin:10px 0 7px}.work-top p{font-size:11px;color:#838e9d}.work-top>.badge{margin-top:4px}.part-info{display:flex;align-items:center;gap:28px;padding:19px 0;margin-top:16px;border-top:1px solid #e8ebf0;border-bottom:1px solid #e8ebf0}.part-info>div{display:flex;align-items:center;gap:8px;font-size:9px;color:#8f99a7}.part-info b{display:block;font-size:11px;font-weight:500;color:#5a6472;margin-top:5px}.part-info .icon{color:#8b95a4;width:25px;height:25px}.quantity-section{display:flex;justify-content:space-between;padding:22px 0 15px}.quantity-section>div>span{display:block;font-size:8px;letter-spacing:1px;color:#8c96a5}.quantity-section strong{font-size:31px;font-weight:600;display:block;margin-top:7px;letter-spacing:-1px;color:#404852}.quantity-section em{font-style:normal;font-size:18px;font-weight:400;color:#9da6b2}.quantity-section>div:last-child{text-align:right}.quantity-section>div:last-child strong{font-size:22px;margin-top:14px}.quantity-section>div:last-child em{font-size:12px}.timer-area{text-align:center;padding:29px 0 25px}.timer-label{color:#717e90;font-size:9px;font-weight:600;letter-spacing:1.7px}.big-timer{font-size:clamp(45px,5vw,67px);font-weight:400;letter-spacing:-2px;color:#2f353d;font-variant-numeric:tabular-nums;line-height:1.3;margin:9px 0 4px}.timer-area>p{font-size:10px;color:#959eab}.timer-area.is-paused .big-timer{color:#ae8b41}.time-breakdown{display:flex;align-items:center;justify-content:center;gap:25px;background:#f4f6f8;border:1px solid #e7eaef;border-radius:8px;padding:12px 15px;margin-top:21px;font-size:9px;color:#8d97a6}.time-breakdown span{display:flex;gap:8px;align-items:center}.time-breakdown b{color:#657080;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}.work-actions{display:flex;gap:12px;padding-bottom:23px}.work-actions>.btn{flex:1;white-space:normal}.work-footer{border-top:1px solid #e4e8ed;text-align:center;font-size:9px;color:#8590a0;padding:15px 0}.work-footer .icon{height:14px;width:14px;margin-right:5px}.operator-footer{max-width:1200px;margin:0 auto;padding:0 0 25px;display:flex;justify-content:space-between;font-size:9px;color:#9ba4b1;gap:20px}.occupied-note{padding:15px;font-size:12px;line-height:1.7;background:#faf5e8;border-radius:8px;color:#ab945c;width:100%}.no-job{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6e7b8c}.no-job>.icon{width:45px;height:45px}.no-job p{font-size:12px}
/* Dialogs */
dialog{border:1px solid #d7dbe0;border-radius:17px;background:#fff;width:min(550px,calc(100vw - 30px));max-height:90vh;padding:0;color:var(--ink);box-shadow:0 25px 100px #182d3050;overflow:auto}dialog::backdrop{background:#171a1e75;backdrop-filter:blur(4px)}dialog.wide-modal{width:min(730px,calc(100vw - 30px))}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 25px 21px;gap:16px;border-bottom:1px solid #e8ebf0}.modal-head h2{font-size:20px}.modal-head p{font-size:11px;line-height:1.7;color:#7e8a9a;margin-top:7px}.modal-head .icon-btn{margin:-4px -6px 0 0}.modal-form{padding:21px 25px 0}.modal-form>label{margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-two{grid-column:1/-1}.form-grid label{font-size:11px}.form-grid input,.form-grid select{font-size:12px}.form-help{font-size:10px;line-height:1.7;color:#8993a2;margin-top:16px}.form-error{font-size:12px;color:#af5841;line-height:1.7}.form-error:not(:empty){margin:14px 0;padding:10px 12px;background:#fff2ed;border-radius:7px}.modal-actions{border-top:1px solid #e4e8ed;display:flex;justify-content:flex-end;gap:10px;padding:18px 0;margin-top:21px;position:sticky;bottom:0;background:#fff;z-index:2}.detail-body{padding:23px 25px}.detail-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6e7b8d}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.detail-fields small{color:#8590a0;font-size:10px;display:block;margin-bottom:6px}.detail-fields b{font-size:12px;color:#515a67;font-weight:500}.detail-body>h3{font-size:13px;margin:25px 0 15px}.detail-body>.muted{font-size:11px}.run-detail{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e9ecf0}.run-detail b{font-size:11px;font-weight:500}.run-detail small{display:block;font-size:10px;color:#7b8798;margin-top:4px}.run-detail p{font-size:11px;color:#8893a2;margin-top:6px}.run-detail .photo-thumb{margin-left:auto;flex-shrink:0}.about{font-size:12px;line-height:1.9;color:#6b7889}.about p+p{margin-top:14px}.about ol{padding-left:20px}.about li{margin-bottom:12px}.machine-modal-list table{white-space:normal}.machine-modal-list td,.machine-modal-list th{padding:13px 10px}.machine-modal-list .table-machine{display:none}.reason-list{display:flex;flex-direction:column;gap:9px}.reason-list>label{flex-direction:row;align-items:center;padding:14px;border:1px solid #dbe0e7;border-radius:8px;font-size:13px;cursor:pointer}.reason-list input{width:18px;height:18px;min-height:0;accent-color:var(--primary);margin:0 7px 0 0;box-shadow:none}.reason-list label:has(:checked){border-color:#808c9c;background:#f2f4f7}.finish-job{display:flex;align-items:center;gap:12px;padding:12px;background:#f1f3f5;border-radius:7px;margin-bottom:20px;font-size:12px}.finish-job>b{font-weight:500}.finish-job>span:last-child{margin-left:auto;font-size:10px;color:#828d9d}.capture-area{border:1px dashed #b5bcc5;border-radius:10px;padding:20px;margin-top:20px;text-align:center;background:#f7f8fa}.capture-area #camera-placeholder{display:flex;flex-direction:column;align-items:center;gap:9px;color:#848f9e;font-size:12px;margin:7px 0 20px}.capture-area #camera-placeholder[hidden]{display:none}.capture-area #camera-placeholder>.icon{width:31px;height:31px;color:#8c96a4;margin-bottom:5px}.capture-area #camera-placeholder>b{font-weight:500;color:#657181}.capture-area #camera-placeholder>p{font-size:10px;color:#8d97a5}.capture-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.capture-area video,.capture-area img{width:100%;max-height:300px;object-fit:contain;border-radius:7px;margin-bottom:15px;background:#21252b}.file-picker{position:relative;overflow:hidden;cursor:pointer;font-weight:600}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:100px;width:100%;height:100%}.file-picker:focus-within{outline:3px solid #8c96a5;outline-offset:2px}[hidden]{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#30363f;color:#f0f2f5;font-size:12px;padding:14px 22px;border-radius:10px;box-shadow:0 6px 30px #25292f25;max-width:calc(100% - 30px);z-index:100;opacity:0;pointer-events:none;transition:.2s;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#99523c}
@media(min-width:1600px){.content{padding-top:40px}.machine-card{padding:24px 25px 0}.machine-idle{min-height:135px}.stat{padding:22px}.stat-value{font-size:38px}.bottom-grid{margin-top:30px}.panel-heading{padding:24px}td{padding:19px 22px}.timeline{padding:18px 24px}.timeline-item{padding-bottom:25px}.machine-job{margin-top:24px;margin-bottom:18px}}
@media(max-width:1200px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{margin-left:200px;width:calc(100% - 200px)}.content{padding:25px}.topbar{padding:0 25px}.bottom-grid{grid-template-columns:1fr}.activity .timeline{display:grid;grid-template-columns:1fr 1fr;gap:15px}.activity-empty{min-height:160px;padding:25px}.activity-empty p{max-width:300px}.stat{padding:16px 14px}.stat-label{font-size:9px}.machine-card{padding-left:16px;padding-right:16px}.operator-grid{grid-template-columns:270px 1fr;gap:20px}.operator-main{padding:30px}.operator-header{padding:0 30px}.operator-footer{padding:0 30px 25px}.work-area{padding:25px 23px 0}.time-breakdown{gap:14px}.time-breakdown span{gap:5px}.work-top h2{font-size:23px}}
@media(max-width:1000px){.top-date{display:none}.sidebar{width:182px}.sidebar .brand{font-size:18px}.main-shell{margin-left:182px;width:calc(100% - 182px)}.workspace b{font-size:10px}.workspace{gap:6px}.workspace-icon{width:26px;height:26px}.nav-item{font-size:11px;padding:12px 10px;gap:10px}.content{padding:25px 22px}.stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-label{font-size:11px}.machine-grid{gap:10px}.machine-card h3{font-size:14px}.machine-card-head{flex-wrap:wrap;gap:10px}.machine-card{padding:15px 12px 0}.machine-card .badge{font-size:8px}.machine-idle{font-size:9px}.page-heading h1{font-size:26px}.pilot-strip{font-size:9px}.pilot-strip button{display:none}.login-story{padding:35px}.login-panel{padding:35px}.operator-caption{display:none}.operator-grid{grid-template-columns:235px 1fr}.operator-title h1{font-size:27px}.part-info{gap:18px}.work-top h2{font-size:21px}.large{font-size:13px;padding:15px 12px}.time-breakdown{gap:15px;padding:12px 10px}.time-breakdown span{flex-direction:column;gap:6px}.operator-user .connection{display:none}.work-top .order-no>span{display:block;margin:5px 0 0}.task-item{padding:16px}.operator-main{padding:25px}.operator-title .eyebrow{font-size:8px}.operator-title .machine-select{min-width:180px}}
@media(max-width:760px){.sidebar{width:68px;padding:22px 9px 0}.sidebar .brand{font-size:0;padding-left:5px;gap:0}.sidebar .brand>span:last-child{display:none}.sidebar .brand-mark{margin:0}.workspace,.nav-caption,.pilot-note{display:none}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:14px 0}.nav-item span,.nav-item small{display:none}.nav-item .icon{width:21px;height:21px}.user-block{padding:18px 0;justify-content:center}.user-block>.avatar,.user-block>div{display:none}.user-block .icon-btn{margin:0}.main-shell{margin-left:68px;width:calc(100% - 68px)}.topbar{height:62px;padding:0 20px}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>b{display:none}.topbar-right{gap:10px}.content{padding:22px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.page-heading .btn{padding:10px 12px;font-size:10px}.page-heading .eyebrow{font-size:7px}.machine-grid{grid-template-columns:1fr}.machine-card{padding:18px 20px 0}.machine-card-head{margin-bottom:10px;float:right}.machine-card h3{font-size:17px;margin-top:6px}.machine-kind{margin-top:8px}.machine-card .badge{font-size:9px}.machine-icon{width:30px;height:30px}.machine-idle{min-height:75px;align-items:flex-start;font-size:11px}.machine-idle .idle-line{display:none}.section-heading .text-btn{font-size:10px}.section-heading h2{font-size:15px}.section-heading p{font-size:10px}.live-label{display:none}.bottom-grid{margin-top:20px}.activity .timeline{display:block}.main-footer{margin:0 18px;gap:10px;line-height:1.6}.main-footer>span:last-child{display:none}.list-toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.report-summary{gap:20px}.login-page{grid-template-columns:1fr}.login-story{min-height:330px;padding:25px 30px}.login-story>.brand{font-size:20px}.login-copy{padding-top:35px;margin:0}.login-copy h1{font-size:36px;margin-top:14px}.login-copy>p{font-size:11px;margin-top:14px}.login-copy .eyebrow{font-size:7px}.abstract-machine{display:none}.login-foot{display:none}.login-panel{padding:35px 30px 70px}.login-box{max-width:420px}.login-box h2{font-size:27px;margin-top:17px}.operator-header{height:65px;padding:0 20px;gap:15px}.operator-header .brand{font-size:18px}.operator-user{gap:9px}.operator-user>b{font-size:10px}.operator-user .avatar{display:none}.operator-main{padding:23px 20px}.operator-title{align-items:flex-start;margin-bottom:22px}.operator-title h1{font-size:25px}.operator-title .eyebrow{display:none}.operator-title p{font-size:10px}.operator-title .machine-select{min-width:145px;font-size:9px}.machine-select select{font-size:11px;min-height:40px;padding:9px}.operator-grid{grid-template-columns:1fr}.task-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-list>.section-heading{grid-column:1/-1;margin-bottom:0}.task-item{margin:0;padding:14px}.task-item h3{font-size:13px}.task-item-top small{font-size:6px}.task-item-bottom{gap:6px;flex-wrap:wrap;font-size:9px}.operator-note{display:none}.work-area{padding:25px 22px 0}.big-timer{font-size:61px}.time-breakdown span{flex-direction:row}.operator-footer{padding:0 20px 20px;font-size:8px}.operator-footer>span:last-child{display:none}.large{font-size:14px}.work-top h2{font-size:24px}}
@media(max-width:460px){.content{padding:18px 12px}.topbar{padding:0 12px}.topbar-right>.avatar{display:none}.connection{font-size:8px}.stats{gap:8px;margin-bottom:23px}.stat{padding:13px 12px}.stat-label{font-size:9px}.stat-label .icon{width:13px;height:13px}.stat-value{font-size:29px}.stat-note{font-size:8px;line-height:1.6}.page-heading{gap:10px;flex-wrap:wrap;margin-bottom:16px}.page-heading h1{font-size:23px}.heading-actions{width:100%}.pilot-strip{line-height:1.7}.pilot-strip .pilot-tag{display:none}.section-heading{align-items:flex-start;gap:8px}.section-heading .text-btn{font-size:9px;padding:1px 0}.section-heading .text-btn .icon{display:none}.section-heading p{font-size:9px}.report-summary{padding:15px}.form-grid{gap:13px}.modal-head,.modal-form,.detail-body{padding-left:19px;padding-right:19px}.modal-head h2{font-size:18px}.modal-actions .btn{font-size:11px;padding:10px 13px}.finish-job{flex-wrap:wrap}.finish-job>span:last-child{margin-left:0}.capture-area{padding:16px 12px}.capture-buttons .btn{font-size:10px;padding:10px}.operator-header{padding:0 15px}.operator-user>b{display:none}.operator-title{flex-wrap:wrap}.operator-title .machine-select{width:100%}.operator-main{padding:22px 14px}.work-area{padding:22px 17px 0}.work-top h2{font-size:20px}.work-top>.badge{font-size:8px}.part-info{gap:15px}.part-info b{font-size:10px}.part-info .icon{display:none}.time-breakdown{gap:18px}.time-breakdown span{flex-direction:column}.work-actions{flex-wrap:wrap}.work-actions>.btn{min-width:45%;font-size:12px}.operator-footer{padding-left:14px}.task-item h3{font-size:12px}.task-item-top{font-size:8px}.task-item-top small{display:none}.task-item .badge{font-size:8px}.task-item-bottom>span:last-child{font-size:9px}.detail-fields{gap:17px}.modal-head p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Company palette: yellow, blue and graphite. */

:root{--ink:#29313d;--muted:#6c7888;--primary:#165dcc;--primary-dark:#104ba9;--accent:#ffd43b;--bg:#f3f5f8;--line:#e1e6ee}
.sidebar,.login-story,.operator-header{background:#272c34;color:#dce2eb}
.brand{color:#fff}.brand>span:last-child{color:#c0c8d4}.brand-mark{background:var(--accent);color:#272c34}
.nav-item{color:#b8c2d0}.nav-item.active{background:var(--accent);color:#272c34}.nav-caption,.workspace small,.user-block small{color:#9daabc}
.tiny-dot{background:var(--accent)}.pilot-note button{color:#ffda54}.pilot-note>.icon{color:#ffda54}.pilot-note p{color:#a6b1c1}.pilot-note b{color:#dfe5ef}
.primary{background:var(--primary);box-shadow:0 2px 3px #165dcc16}.primary:hover{background:var(--primary-dark)}
.secondary{color:#344862;border-color:#d8e0eb}.secondary:hover{background:#edf3fc}.icon-btn:hover{background:#e9f0fc;color:var(--primary)}
.text-btn,.card-link,.order-no{color:#3264ac}.card-link:hover{color:#104ba9}.eyebrow{color:#697c99}
.topbar{background:#fafbfd}.topbar .avatar,.avatar{background:#eaf0f9;border-color:#d9e3f1;color:#45638d}
.pilot-strip{background:#fff9e8;border-color:#f0e2b7;color:#7c6c43}.pilot-tag{background:#fff0b7;border-color:#ebd47c;color:#796019}.pilot-strip button{color:#806619}
.connection{color:#3568aa}.connection i,.live-label i{background:#3678d7;box-shadow:0 0 0 3px #3678d711}.live-label{color:#5e7ca6}
.stat-value{color:#29313d}.stat-label{color:#64738a}.stat-note{color:#7b8798}.stat-label .icon{color:#7a92b4}
.machine-icon{background:#eaf1fd;border-color:#dce8fb;color:#3770c4}.machine-card.occupied{border-color:#a7c6f3}.machine-card:hover{border-color:#a6bfdf}
.badge.working,.badge.active{background:#e9f1ff;color:#2360b6}.badge.setup{background:#fff3c7;color:#84651b}.badge.paused{background:#fff0df;color:#a96824}.badge.completed{background:#e6eefc;color:#315f9f}.badge.partial{background:#edf0f5;color:#626f85}
.progress,.progress progress{background:#e9edf4;color:#3576d5}.progress progress::-webkit-progress-bar{background:#e9edf4}.progress progress::-webkit-progress-value{background:#3576d5}.progress progress::-moz-progress-bar{background:#3576d5}
.machine-progress b,.table-progress b{color:#3264ac}.timeline-icon.done{color:#2463bc;background:#e9f1fe}.timeline-icon{color:#6482ad;background:#f0f4fb;border-color:#e0e8f4}
.report-summary{background:#edf2fb;border-color:#dbe5f5;color:#697b96}.report-summary b{color:#285ea8}
.login-copy .eyebrow{color:#ffd43b}.login-copy>p{color:#b1bdcd}.login-foot{color:#96a4b8}.login-panel{background:#f7f9fc}.demo-info{color:#73819a}.demo-info b{color:#536780}
.abstract-machine{border-color:#a8bbd533;background:repeating-linear-gradient(0deg,transparent,transparent 27px,#b8c9e109 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,#b8c9e109 28px)}
.abstract-label{border-color:#a8bbd533;color:#97abc8}.beam{border-color:#6198eb55;background:linear-gradient(160deg,#467fda35,#467fda08)}.beam:before{background:#ffd43b99}.beam:after{background:#ffe371;box-shadow:0 0 15px 3px #ffd43b55}.machine-line{background:#7fa9e880}.part{border-color:#ffd43b77;background:#ffd43b0a}
.operator-shell{background:var(--bg)}.operator-user .connection{color:#b4c9eb}.operator-caption{color:#a6b7cf}.task-item.selected{border-color:#6a9de4;box-shadow:0 0 0 2px #165dcc10}.task-item:hover{border-color:#a1bee5}.task-item-top{color:#3f6fae}.task-item-top small{color:#8b711e}
.work-area{border-color:#dce3ee}.work-top p{color:#6f819d}.quantity-section strong,.big-timer{color:#28394f}.timer-label{color:#5376a8}.work-actions .primary{background:var(--primary)}.timer-area.is-paused .big-timer{color:#a27b19}
.time-breakdown{background:#f4f7fc;border-color:#e6ecf5;color:#7b8ba4}.time-breakdown b{color:#4a648c}.part-info b{color:#536b8d}
input:focus,select:focus,textarea:focus{border-color:#6196e1;box-shadow:0 0 0 3px #165dcc14}button:focus-visible,a:focus-visible,tr:focus-visible,.file-picker:focus-within{outline-color:#3c7bdd}
.reason-list label:has(:checked){border-color:#86aee8;background:#f0f5ff}.finish-job{background:#f0f5fc}.capture-area{border-color:#a8bddb;background:#f7f9fd}.capture-area video,.capture-area img{background:#272c34}
#toast{background:#165dcc;color:#fff}#toast.error{background:#99523c}