:root{--green:#075d3a;--green2:#0b754a;--green-bg:#edf7f1;--ink:#101828;--muted:#667085;--line:#e2e8e5;--bg:#eef2f0;--white:#fff;--amber:#f4b740;--danger:#c7352d;--r:18px;--shadow:0 12px 34px rgba(10,45,30,.08);font-family:Inter,Manrope,Arial,sans-serif;color:var(--ink)}
    *{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(620px,100%);min-height:100dvh;margin:auto;background:#f8faf9;box-shadow:0 0 45px rgba(15,23,42,.12);position:relative;overflow:hidden}.top{height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{font-size:25px;font-weight:900;letter-spacing:-1.5px;color:var(--green)}.user{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--green)}.back{width:44px;height:44px;border:0;background:#f0f4f2;border-radius:13px;font-size:24px}.top-title{text-align:center}.top-title b{display:block;font-size:16px}.top-title small{color:var(--green);font-weight:700}.screen{display:none;padding:24px 20px 112px;animation:in .2s ease}.screen.active{display:block}@keyframes in{from{opacity:.4;transform:translateX(8px)}}h1{font-size:27px;line-height:1.16;letter-spacing:-.8px;margin:0 0 8px}h2{font-size:21px;margin:0 0 8px}p{line-height:1.5}.sub{margin:0 0 22px;color:var(--muted)}.stage{color:var(--green);font-weight:800}.search{height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 16px;width:100%;font-size:16px;outline:none}.search:focus{border-color:#57a37f;box-shadow:0 0 0 4px #e5f4eb}.order-list{display:grid;gap:12px;margin-top:18px}.order{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-align:left;box-shadow:0 2px 4px rgba(16,24,40,.02)}.order:active{transform:scale(.99)}.order-icon{width:42px;height:42px;background:var(--green-bg);border-radius:11px;display:grid;place-items:center;color:var(--green);font-size:20px}.order b{font-size:16px}.order small{display:block;color:var(--muted);margin-top:5px}.chev{font-size:23px;color:#344054}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.sync{margin:18px 0;text-align:center;color:var(--muted);font-size:12px}.sync i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20a36a;margin-right:7px}.rail{position:absolute;left:20px;top:102px;width:28px;display:grid;gap:52px;z-index:2}.rail:before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:#cbd8d1}.rail span{width:28px;height:28px;border-radius:50%;border:1px solid #b8c4be;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;color:#7c8b83;z-index:1}.rail span.on,.rail span.done{background:var(--green);border-color:var(--green);color:#fff}.with-rail{padding-left:67px}.info{padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:14px 0}.rule{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:12px 0}.rule-mark{width:38px;height:38px;border-radius:10px;background:#fff4d8;color:#6e4c00;display:grid;place-items:center;font-size:21px;font-weight:900}.rule b{display:block;margin-bottom:6px}.rule p{margin:0;color:var(--muted);font-size:13px}.choices{display:grid;gap:10px;margin-top:20px}.choice{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:750}.choice input{width:20px;height:20px;accent-color:var(--green)}.choice.selected{border-color:var(--green);background:var(--green-bg)}.special-photos{display:grid;gap:12px;margin-top:16px}.photo-slot{position:relative;min-height:92px;border:1.5px dashed #b8c7c0;border-radius:15px;background:#fff;padding:15px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;overflow:hidden}.photo-slot .camera{width:48px;height:48px;border-radius:12px;background:#eff4f2;display:grid;place-items:center;font-size:22px}.photo-slot b{display:block}.photo-slot small{color:var(--muted)}.photo-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-slot.has{border-style:solid;border-color:#62aa86;background:#f2faf5}.photo-slot.has .camera{background:var(--green);color:#fff}.section-label{font-size:13px;color:var(--muted);font-weight:700;margin:20px 0 9px}.warehouse{display:grid;grid-template-columns:1fr 1fr;gap:10px}.warehouse button{height:58px;border:1px solid #cfd8d3;border-radius:14px;background:#fff;font-weight:800}.warehouse button.on{background:var(--green);color:#fff;border-color:var(--green)}.counter{display:grid;grid-template-columns:58px 1fr 58px;height:68px;border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.counter button{border:0;background:#fff;font-size:29px;color:var(--green)}.counter strong{display:grid;place-items:center;font-size:28px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.total{display:flex;align-items:center;justify-content:space-between;background:#eef3f0;border-radius:15px;padding:18px;margin-top:24px}.total strong{font-size:30px;color:var(--green)}.pallet-list{display:grid;gap:13px}.pallet{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left}.pallet.done{border-color:#65ab87;background:#f3faf6}.pallet-icon{font-size:31px}.progress{display:flex;gap:5px;margin-top:10px}.progress i{display:block;width:31px;height:5px;background:#dfe5e2;border-radius:9px}.progress i.on{background:var(--green)}.pallet-count{font-weight:900}.capture-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.big-progress{padding:9px 12px;background:var(--green-bg);color:var(--green);border-radius:10px;font-weight:900}.capture-list{display:grid;gap:13px}.capture-list .photo-slot{min-height:112px}.number{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900;position:absolute;left:-15px;z-index:2}.capture-wrap{position:relative;margin-left:15px}.sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px);z-index:30}.primary{width:100%;height:56px;border:0;border-radius:14px;background:var(--green);color:#fff;font-weight:900;font-size:16px}.primary:disabled{background:#cbd3cf;color:#78847e;cursor:not-allowed}.secondary{width:100%;height:50px;border:1px solid var(--green);border-radius:14px;background:#fff;color:var(--green);font-weight:850}.note{text-align:center;color:var(--muted);font-size:12px;margin:10px 0 0}.success{text-align:center;padding-top:72px}.success-icon{width:82px;height:82px;border-radius:50%;background:var(--green);color:#fff;font-size:42px;display:grid;place-items:center;margin:0 auto 22px}.summary{text-align:left;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;margin-top:25px}.summary div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1ef}.summary div:last-child{border:0}.summary span{color:var(--muted)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);width:min(560px,calc(100% - 32px));padding:14px 16px;border-radius:13px;background:#12251c;color:#fff;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
    .employee-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.employee-card .user{flex:0 0 42px}.employee-card b,.employee-card small{display:block}.employee-card small{margin-top:4px;color:var(--green);font-weight:750}.login-strip{margin:16px 0 14px;box-shadow:0 4px 16px rgba(10,45,30,.05)}.login-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.switch-user{margin-left:auto;border:0;background:var(--green-bg);border-radius:10px;padding:10px 12px;color:var(--green);font-weight:800}.no-cargo{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #f1cf81;background:#fffaf0;border-radius:15px;margin-top:18px;font-weight:800}.no-cargo input{width:21px;height:21px;accent-color:var(--green);flex:0 0 auto}.no-cargo small{display:block;color:#856113;font-weight:500;margin-top:5px;line-height:1.4}.counters.off{display:none}
    .rail{display:none}.with-rail{padding-left:22px}.top{height:70px}.top-title b{font-size:15px}.screen{padding:22px 22px 118px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 25px}.step{position:relative;text-align:center;color:#98a2b3;font-size:10px;font-weight:750;padding-top:25px}.step:before{content:attr(data-n);position:absolute;top:0;left:50%;transform:translateX(-50%);width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #c9d3ce;color:#7a8881;z-index:2}.step:after{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:#dbe3df}.step:first-child:after{display:none}.step.done:before,.step.on:before{background:var(--green);border-color:var(--green);color:#fff}.step.done:after,.step.on:after{background:#50a47c}.step.on{color:var(--green)}.help-btn{width:40px;height:40px;border:1px solid #dbe3df;border-radius:50%;background:#fff;color:#173d2d;font-size:19px;font-weight:900}.tip{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start;padding:13px 14px;border:1px solid #cfe5d8;border-radius:14px;background:#f3faf6;margin:14px 0}.tip.amber{border-color:#efd08b;background:#fffaf0}.tip-icon{width:38px;height:38px;border-radius:11px;background:#e2f2e9;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:18px}.tip.amber .tip-icon{background:#fff0c9;color:#8b6307}.tip b{display:block;font-size:13px;margin-bottom:3px}.tip small{display:block;color:#667085;line-height:1.4}.tip-close{border:0;background:transparent;font-size:19px;color:#667085}.order{box-shadow:none}.order-icon{font-size:0;position:relative}.order-icon:before{content:"";width:17px;height:21px;border:1.8px solid var(--green);border-radius:3px}.order-icon:after{content:"";position:absolute;width:9px;height:1.5px;background:var(--green);box-shadow:0 4px var(--green),0 8px var(--green)}.photo-slot .camera{font-size:0;position:relative}.photo-slot .camera:before{content:"";width:24px;height:17px;border:2px solid currentColor;border-radius:5px}.photo-slot .camera:after{content:"";position:absolute;width:7px;height:7px;border:2px solid currentColor;border-radius:50%}.photo-slot.has .camera{font-size:18px}.photo-slot.has .camera:before,.photo-slot.has .camera:after{display:none}.pallet-icon{font-size:0;width:46px;height:36px;position:relative}.pallet-icon:before{content:"";position:absolute;left:4px;top:4px;width:34px;height:18px;border:2px solid var(--green);border-radius:4px;transform:skewY(-7deg)}.pallet-icon:after{content:"";position:absolute;left:7px;bottom:4px;width:30px;height:3px;border-left:4px solid var(--green);border-right:4px solid var(--green);border-bottom:2px solid var(--green)}.modal{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.42);display:none;align-items:flex-end;justify-content:center;padding:16px}.modal.show{display:flex}.sheet{width:min(600px,100%);background:#fff;border-radius:22px;padding:20px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{margin:0}.sheet-close{width:38px;height:38px;border:0;border-radius:50%;font-size:22px}.help-list{display:grid;gap:12px;margin:18px 0}.help-row{display:grid;grid-template-columns:31px 1fr;gap:11px}.help-row i{width:31px;height:31px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.help-row b{display:block;margin-bottom:3px}.help-row small{color:#667085;line-height:1.4}.why{display:flex;align-items:center;justify-content:center;gap:7px;color:#667085;font-size:12px;margin:9px 0 0}.why:before{content:"i";width:17px;height:17px;border:1px solid #98a2b3;border-radius:50%;display:grid;place-items:center;font-weight:800}.choice{transition:.18s}.choice:active,.order:active,.pallet:active{transform:scale(.985)}
    /* AKFIX corporate visual system — based on akfixrus.ru */
    :root{--green:#00aa98;--green2:#009b8b;--green-bg:#e9f8f5;--ink:#232326;--muted:#77777d;--line:#e7e7e9;--bg:#f3f3f4;--amber:#f5a800;--danger:#d80732;--red:#d80732;--turquoise:#00aa98;--r:14px;--shadow:0 8px 28px rgba(28,28,31,.07);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
    body{background:linear-gradient(135deg,#eeeeef 0%,#f8f8f8 52%,#e9f7f4 100%);color:var(--ink)}
    .shell{background:#f7f7f8;box-shadow:0 22px 70px rgba(26,28,31,.15);border-left:1px solid #ececee;border-right:1px solid #ececee}
    .top{height:76px;padding:14px 20px;background:#fff;border-bottom:3px solid var(--red);box-shadow:0 3px 14px rgba(20,20,20,.05)}
    .top:after{content:"";position:absolute;left:0;bottom:-3px;width:34%;height:3px;background:var(--turquoise)}
    .logo{position:relative;color:var(--red);font-size:30px;font-style:italic;font-weight:1000;letter-spacing:-2.4px;line-height:.8;padding-bottom:12px;text-transform:none}
    .logo:after{content:"МАСТЕРСКОЕ РЕШЕНИЕ";position:absolute;left:2px;bottom:0;font-size:6px;line-height:1;letter-spacing:.35px;font-style:normal;font-weight:800;color:#303034;white-space:nowrap}
    .help-btn,.user{border-color:#e2e2e4;color:var(--red);background:#fff;box-shadow:0 3px 12px rgba(25,25,28,.06)}
    .help-btn:active{background:#fff1f4}.back{background:#eaf8f6;color:#007f72;border-radius:12px;font-weight:900}.top-title small,.stage{color:#008f81}
    .screen{padding:24px 20px 118px}h1{font-size:29px;letter-spacing:-.9px;font-weight:900}h2{font-weight:900}.sub{color:#73737a}.stage{font-weight:900}
    .employee-card{border:0;border-left:4px solid var(--turquoise);border-radius:12px;box-shadow:var(--shadow)}.employee-card .user{color:var(--red)}
    .employee-card small{color:#008f81}.switch-user{background:#e9f8f5;color:#007f72;border-radius:8px}.switch-user:active{background:#d8f2ed}
    .search{height:56px;border:1px solid #dedee1;border-radius:10px;box-shadow:0 3px 14px rgba(25,25,28,.04)}.search:focus{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(0,170,152,.12)}
    .order-list{gap:10px}.order{border:0;border-radius:12px;padding:16px 14px;border-left:4px solid transparent;box-shadow:0 4px 18px rgba(23,24,26,.065);transition:.18s}.order:hover{border-left-color:var(--red);transform:translateY(-1px)}
    .order-icon{background:#e8f8f5;color:#008f81;border-radius:9px}.order-icon:before{border-color:#008f81}.order-icon:after{background:#008f81;box-shadow:0 4px #008f81,0 8px #008f81}.chev{color:var(--red);font-weight:900}
    .sync i{background:var(--turquoise)}.steps{margin-bottom:28px}.step:before{border-width:2px}.step.done:before,.step.on:before{background:var(--turquoise);border-color:var(--turquoise)}.step.done:after,.step.on:after{background:var(--turquoise)}.step.on{color:#007f72}
    .tip{border:0;border-left:4px solid var(--turquoise);border-radius:10px;background:#eaf8f6;box-shadow:0 4px 16px rgba(0,122,111,.06)}.tip.amber{border:0;border-left:4px solid var(--amber);background:#fff7e5}.tip-icon{background:#fff;color:#008b7e;border-radius:8px}.tip.amber .tip-icon{background:#fff;color:#9a6700}
    .rule{border:0;border-radius:12px;box-shadow:var(--shadow)}.rule-mark{background:#fff0c8;color:#9b6900;border-radius:8px}.choices{gap:8px}.choice{border-radius:10px}.choice input,.no-cargo input{accent-color:var(--turquoise)}.choice.selected{border-color:var(--turquoise);background:#eaf8f6}
    .no-cargo{border:1px solid #f1c76c;border-left:4px solid var(--amber);border-radius:10px;background:#fff9ec}
    .counter,.warehouse button,.total,.pallet,.photo-slot,.summary{border-radius:12px}.counter button{color:#008f81;font-weight:900}.total{background:#eaf8f6}.total strong{color:#008f81}.pallet{border:0;box-shadow:var(--shadow)}.pallet.done{border-left:4px solid var(--turquoise);background:#f0fbf9}.pallet-icon:before{border-color:#008f81}.pallet-icon:after{border-color:#008f81}.progress i.on{background:var(--turquoise)}
    .photo-slot{border-color:#b8c9c7}.photo-slot.has{border-color:var(--turquoise);background:#ecfaf7}.photo-slot.has .camera{background:var(--turquoise)}.number,.big-progress{background:var(--turquoise);color:#fff}.big-progress{border-radius:8px}
    .sticky{background:rgba(255,255,255,.97);box-shadow:0 -8px 26px rgba(26,28,31,.065)}.primary{height:58px;border-radius:9px;background:var(--red);box-shadow:0 7px 18px rgba(216,7,50,.2);letter-spacing:.1px}.primary:active{background:#bd062c;transform:translateY(1px)}.primary:disabled{background:#d5d5d7;color:#8b8b90;box-shadow:none}.secondary{border-color:var(--turquoise);border-radius:9px;color:#007f72;background:#fff}.success-icon{background:var(--turquoise);box-shadow:0 10px 24px rgba(0,170,152,.25)}
    .sheet{border-radius:18px;border-top:5px solid var(--red)}.help-row i{background:var(--turquoise)}.toast{background:#27272b;border-left:4px solid var(--turquoise)}
    .head-user{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:4px 0;color:var(--ink)}.head-user span{width:38px;height:38px;border-radius:50%;background:#f1f1f2;display:grid;place-items:center;color:#4b4b50;font-weight:900;font-size:15px}.head-user b{font-size:14px}.head-user i{font-style:normal;color:#777;font-size:18px}.work-stage{display:flex;align-items:center;gap:13px;background:#eaf8f6;padding:15px 16px;border-radius:11px;margin:22px 0 20px}.work-stage .status-check{width:36px;height:36px;border:2px solid var(--turquoise);border-radius:50%;display:grid;place-items:center;color:#008f81;font-weight:900}.work-stage small,.work-stage b{display:block}.work-stage small{font-size:11px;color:#6d7474;margin-bottom:3px}.work-stage b{font-size:17px;color:#008f81}.warehouse-focus{position:relative;border:2px solid var(--red);border-left:2px solid var(--red);box-shadow:none;margin:7px 0 16px;padding:14px 12px}.warehouse-symbol{width:42px;height:42px;border-radius:9px;background:#fff1f4;color:var(--red);display:grid;place-items:center;font-weight:900;font-size:20px}.warehouse-focus .user{display:none}.warehouse-focus .switch-user{margin-left:auto;background:#fff1f4;color:var(--red);padding:9px 11px}.warehouse-focus small{color:#6e6e73;font-weight:600}.start-help{width:100%;display:grid;grid-template-columns:52px 1fr;gap:14px;text-align:left;border:0;background:#eaf8f6;padding:16px;border-radius:12px;margin:16px 0 24px;color:var(--ink)}.start-help .help-symbol{width:52px;height:52px;border-radius:50%;background:#d5f2ed;color:#009b8b;display:grid;place-items:center;font-size:25px;font-weight:900}.start-help b,.start-help small,.start-help em{display:block}.start-help b{font-size:15px;margin:2px 0 5px}.start-help small{color:#697071;line-height:1.4}.start-help em{font-style:normal;color:var(--red);font-weight:900;text-align:right;margin-top:10px}.orders-head{display:flex;align-items:end;justify-content:space-between;gap:10px;border-bottom:1px solid #dedee0;padding-bottom:11px}.orders-head h2{font-size:18px;margin:0}.orders-head .stage{font-size:10px;text-align:right}.orders-head+.order-list{margin-top:0}.orders-head+.order-list .order{border-radius:0;border-bottom:1px solid #e4e4e6;box-shadow:none;padding:15px 4px;background:transparent}.orders-head+.order-list .order:hover{border-left-color:transparent;background:#fff}.orders-head+.order-list .order-icon{background:#f0f0f1;color:#5c5c60}.orders-head+.order-list .order-icon:before{border-color:#68686d}.orders-head+.order-list .order-icon:after{background:#68686d;box-shadow:0 4px #68686d,0 8px #68686d}
    [data-screen="orders"]{padding-top:27px}[data-screen="orders"]>h1{font-size:33px;margin-bottom:0}.login-strip{margin-top:6px}
    .auth{position:fixed;inset:0;z-index:200;background:linear-gradient(145deg,#f5f5f6,#e8f8f5);display:grid;place-items:center;padding:20px}.auth.hidden{display:none}.auth-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:30px 24px;box-shadow:0 24px 70px rgba(25,25,28,.16);border-top:5px solid var(--red)}.auth-logo{font-size:34px;color:var(--red);font-style:italic;font-weight:1000;letter-spacing:-2px}.auth-card h1{margin:30px 0 7px}.auth-card .sub{margin-bottom:24px}.auth-field{display:block;margin:14px 0}.auth-field span{display:block;font-size:12px;font-weight:800;color:#626268;margin:0 0 7px}.auth-field input{width:100%;height:54px;border:1px solid #dcdcdf;border-radius:10px;padding:0 14px;font-size:17px;outline:none}.auth-field input:focus{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(0,170,152,.12)}.auth-error{min-height:20px;color:var(--red);font-size:13px;margin:10px 0}.auth-card .primary{margin-top:4px}.auth-note{text-align:center;color:#85858a;font-size:11px;margin:16px 0 0}.uploading{position:fixed;inset:0;z-index:190;background:rgba(255,255,255,.9);display:none;place-items:center;text-align:center;padding:30px}.uploading.show{display:grid}.loader{width:46px;height:46px;border:4px solid #d9eeea;border-top-color:var(--turquoise);border-radius:50%;animation:spin .8s linear infinite;margin:auto auto 16px}@keyframes spin{to{transform:rotate(360deg)}}
    .brand-logo{display:block;object-fit:contain}.auth-logo{width:147px;height:76px;margin:-10px 0 18px}.auth-card h1{margin-top:10px}.header-logo{width:88px;height:46px}.top .logo{display:none}
    @media(min-width:700px){body{padding:24px}.shell{min-height:900px;border-radius:22px}.sticky{bottom:24px;border-radius:0 0 22px 22px}}