:root{--bg:#f6f7f9;--ink:#202a38;--muted:#85909e;--line:#e8ecf0;--green:#168268;--deep:#143c37;--side:#112c29}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:29px;font-weight:800;line-height:1.3}h2{letter-spacing:-.3px;font-size:16px;font-weight:750}h3{font-size:14px}small{font-size:11px}b,strong{font-weight:700}.shell{min-height:100vh;display:flex}.sidebar{background:var(--side);color:#b7c9c5;z-index:20;flex-direction:column;width:238px;padding:32px 17px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-1.3px;align-items:center;gap:12px;padding:0 12px 28px;font-size:29px;font-weight:800;text-decoration:none;display:flex}.brandmark{color:#173e30;background:#d3efb4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:43px;display:flex}.branddot{color:#c2e99d}.brand small{letter-spacing:1.6px;color:#91aaa4;margin-top:3px;font-size:8px;font-weight:650;display:block}.workspace{color:#e4eeea;border:1px solid #35504c;border-radius:9px;align-items:center;gap:10px;margin:0 3px 29px;padding:12px 10px;font-size:11px;font-weight:650;display:flex}.workspace small{color:#8aa49c;margin-top:4px;font-size:10px;font-weight:400;display:block}.workspace>svg{margin-left:auto}.workicon{color:#c0d9c8;background:#29443e;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.navlabel{letter-spacing:1.3px;color:#718f86;margin-bottom:13px;padding:0 14px;font-size:9px;font-weight:700}.nav{color:#9fb8ae;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:13px;font-size:12px;display:flex}.nav:hover{color:#e8f3eb;background:#203c35}.nav.active{color:#234330;background:#d6edbb;font-weight:750;box-shadow:0 5px 12px #00150f20}.nav b{background:#ffffff20;border-radius:5px;margin-left:auto;padding:2px 5px;font-size:10px}.sidebottom{margin-top:auto;padding-top:36px}.private{color:#aac2b6;align-items:center;gap:10px;padding:16px 12px 22px;font-size:11px;display:flex}.private small{color:#6f9485;margin-top:3px;font-size:10px;display:block}.profile{color:#edf5ef;border-top:1px solid #2e4840;align-items:center;gap:10px;padding:18px 10px 0;font-size:12px;display:flex}.profile>span{color:#e5f1dc;background:#496354;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.profile small{color:#8fa89b;margin-top:3px;font-size:10px;display:block}.profile>svg{color:#92aa9e;margin-left:auto}main{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--line);color:#939ba6;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 34px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:13px;display:flex}.topbar strong{color:#56606b;font-weight:600}.sync{align-items:center;gap:7px;font-size:10px;display:flex}.sync i,.dot{background:#28a17b;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.iconbutton{color:#7c8992;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.iconbutton:hover{color:var(--green);background:#eaf0ec}.content{max-width:1800px;margin:auto;padding:32px 34px 20px}.pagehead{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.6px;color:#8c989a;margin-bottom:8px;font-size:9px;font-weight:750}.pagehead p{color:#87909c;margin-top:8px;font-size:12px}.actions,.detailactions{align-items:center;gap:9px;display:flex}.button{color:#54616c;white-space:nowrap;background:#fff;border:1px solid #dfe5e8;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:10px 14px;font-size:11px;font-weight:650;display:inline-flex}.button:hover{background:#f1f5f3}.button.primary{color:#fff;background:#1d6858;border-color:#1d6858;box-shadow:0 2px 3px #1c483c12}.button.primary:hover{background:#145546}.button.danger{color:#b95656;background:#fff3f3;border-color:#f0cdcd}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:21px 20px;box-shadow:0 2px 3px #22352b02}.stat>span{color:#7e8a91;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.stat>span svg{color:#8da19b}.stat>strong{letter-spacing:-1px;color:#25362e;margin:16px 0 13px;font-size:31px;font-weight:800;display:block}.stat strong small{color:#a0aaa4;letter-spacing:0;font-size:14px;font-weight:500}.stat footer{color:#96a19b;font-size:10px}.overviewgrid{grid-template-columns:1.65fr 1fr;gap:21px;margin-bottom:25px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 3px #1b332402}.cardtitle{justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 20px;display:flex}.cardtitle p{color:#98a19f;margin-top:6px;font-size:10px}.textbutton{color:#41816f;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:10px;font-weight:650;display:flex}.textbutton:hover{color:#164c3c}.requestpreview{text-align:left;background:#fff;border:0;border-top:1px solid #f3f5f4;align-items:center;gap:13px;width:100%;padding:22px;display:flex}.requestpreview:hover{background:#f9fcfa}.reqicon{color:#7b9577;background:#f1f6ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:44px;display:flex}.grow{flex:1;min-width:0}.requestpreview strong{align-items:center;gap:9px;font-size:11px;display:flex}.requestpreview small{color:#8c9992;margin-top:7px;font-size:10px;display:block}.progress{background:#edf1ed;border-radius:6px;width:100%;height:5px;margin-top:13px;overflow:hidden}.progress>i{background:#72a887;border-radius:5px;height:100%;display:block}.progress.narrow{width:85px;height:4px;margin-top:7px}.progressnumber{text-align:right;margin-left:6px}.progressnumber strong{color:#387d5b;font-size:19px}.progressnumber small{font-size:9px}.requestpreview>svg{color:#b2beb6}.badge{color:#7d8790;white-space:nowrap;background:#f0f2f4;border-radius:5px;align-items:center;padding:5px 8px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.badge.green{color:#5b8c54;background:#edf6ec}.badge.amber{color:#ab8744;background:#fff6e7}.badge.red{color:#b46363;background:#fbeeee}.cardfoot{border-top:1px solid var(--line);color:#9ba49f;background:#fdfefd;align-items:center;gap:7px;padding:14px 22px;font-size:10px;display:flex}.quick>.cardtitle{padding-bottom:12px}.quick>button{text-align:left;background:#fff;border:0;align-items:center;gap:12px;width:100%;padding:14px 22px;display:flex}.quick>button:hover{background:#f8fbf8}.quick>button div{flex:1}.quick>button strong{font-size:11px}.quick>button small{color:#96a098;margin-top:5px;font-size:10px;display:block}.quick>button>svg{color:#b2bcb6}.quickicon{color:#8d9d73;background:#f1f4ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quickicon.receipt{color:#548979;background:#edf5ef}.quickicon.issue{color:#9e8c64;background:#f7f4eb}.quickicon.transfer{color:#7d8ca2;background:#f0f2f7}.tablewrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:11px}thead{background:#fafbf9}th{letter-spacing:.1px;color:#8c9790;text-align:left;border-top:1px solid #f0f3ef;border-bottom:1px solid #edf0ec;padding:13px 19px;font-size:9px;font-weight:650}td{color:#68766e;border-bottom:1px solid #eff2ef;padding:17px 19px;font-size:11px}td b{color:#43534a;font-size:11px;font-weight:650}td small{color:#a0aaa3;margin-top:6px;font-size:9px;display:block}tbody tr{transition:background .15s}:is(tbody tr:has(.link),tbody tr:has(.mono)){cursor:pointer}tbody tr:hover{background:#f9fcf8}td .link{color:#477d63}td:last-child>svg{color:#adbbb2}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{letter-spacing:.15px;font-family:SFMono-Regular,Consolas,monospace}td .mono{font-size:10px}.muted{color:#9aa59f}.operation{color:#658b76;align-items:center;gap:6px;font-size:10px;display:flex}.operation.issue{color:#aa946b}.operation.transfer,.operation.return{color:#738aa0}.sourceNote{color:#99a39c;align-items:flex-start;gap:10px;max-width:920px;margin:22px 1px 0;font-size:10px;line-height:1.8;display:flex}.sourceNote svg{flex-shrink:0;margin-top:2px}.pagefooter{color:#adb4b0;border-top:1px solid #e9ede8;justify-content:space-between;gap:15px;margin-top:32px;padding-top:18px;font-size:9px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;display:flex}.search{color:#a2aea5;border:1px solid #e4e9e4;border-radius:6px;flex:1;align-items:center;gap:9px;min-width:225px;max-width:420px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:10px 0;font-size:10px}.search input::placeholder{color:#aab3ad}select,input,textarea{color:#5b6a60;background:#fff;border:1px solid #dfe6df;border-radius:6px;min-width:0;padding:9px 10px;font-size:11px}select{cursor:pointer;max-width:100%}.filters select{max-width:180px;padding:9px 28px 9px 10px;font-size:10px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #74ad8b}textarea{resize:vertical;min-height:66px}.dates{color:#a7afa9;align-items:center;gap:6px;font-size:10px;display:flex}.dates input{width:130px;font-size:10px}.statusline{flex-wrap:wrap;gap:9px;margin:0 0 20px;display:flex}.statusline button{color:#8a978d;background:#fff;border:1px solid #e4e9e4;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.statusline b{background:#f3f5f1;border-radius:4px;margin-left:5px;padding:2px 5px}.statusline .selected{color:#3e6d50;background:#f5faf1;border-color:#7fae8d}.dot.amber{background:#cfb479}.dot.red{background:#c58383}.infostrip{color:#a1aaa4;flex-wrap:wrap;gap:25px;margin-bottom:22px;font-size:11px;display:flex}.infostrip b{color:#58715f;margin-right:5px}.empty{color:#a6b3a8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty strong{color:#738476;font-size:13px}.empty span{font-size:11px}.tabs{border-bottom:1px solid #e2e9e0;gap:22px;margin-bottom:20px;display:flex}.tabs button{color:#a0aba0;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 3px 13px;font-size:12px}.tabs .selected{color:#3b7954;border-color:#3b7954;font-weight:700}.reportheading{justify-content:space-between;align-items:center;padding:8px 20px 20px;display:flex}.reportheading span{color:#96a28f;font-size:10px}tfoot{background:#f6f8f3;font-weight:700}tfoot td{color:#527545}.directorygrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.warehouserow{border-top:1px solid #eff3ed;align-items:center;gap:13px;padding:17px 22px;display:flex}.warehouserow div{flex:1;font-size:12px}.warehouserow small{color:#98a793;margin-top:5px;font-size:10px;display:block}.dirselect{gap:12px;padding:0 22px 18px;display:flex}.dirselect select{flex:1}.dirchips{flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:150px;padding:0 22px 28px;display:flex}.dirchips>span{color:#728268;background:#fafcf8;border:1px solid #e3eadd;border-radius:6px;padding:9px 13px;font-size:11px}.auditrow{border-top:1px solid #edf2ea;align-items:center;gap:14px;padding:19px 22px;display:flex}.auditrow div{flex:1}.auditrow b{font-size:11px}.auditrow small{color:#98a390;margin-top:6px;font-size:10px;display:block}.auditrow time{color:#a1ad97;font-size:10px}.auditdot{color:#88a36e;background:#f0f6e8;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.alert{border-radius:7px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:12px;line-height:1.6;display:flex}.alert.error{color:#ae6b60;background:#fff1ef;border:1px solid #f0d9d4}.alert>button{color:inherit;background:0 0;border:0;margin-left:auto}.alert>svg{flex-shrink:0}.toast{color:#fff;z-index:100;background:#244e39;border-radius:9px;align-items:center;gap:10px;padding:14px 22px;font-size:12px;display:flex;position:fixed;bottom:30px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 5px 30px #173a2940}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#10251e65;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:580px;max-width:100%;max-height:calc(100dvh - 52px);overflow:auto;box-shadow:0 18px 80px #0b2c2640}.modal.wide{width:920px}.modal.detail{width:850px}.modalhead{border-bottom:1px solid #edf1e8;justify-content:space-between;align-items:center;padding:23px 25px;display:flex}.modalhead h2{font-size:20px}.modalhead .eyebrow{font-size:8px}.modalbody{padding:24px 25px}.modalfoot{background:#fafcf8;border-top:1px solid #e9efe3;justify-content:flex-end;gap:10px;padding:18px 25px;display:flex;position:sticky;bottom:0}.modal label{color:#7a8c73;flex-direction:column;gap:7px;min-width:0;font-size:10px;font-weight:600;display:flex}.modal label input,.modal label select{color:#41533b;width:100%;min-height:38px;font-size:12px}.modal label input:disabled{color:#99a78d;background:#f5f8f2}.formgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.modal:not(.wide) .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lineheading{justify-content:space-between;align-items:center;gap:10px;margin:28px 0 12px;display:flex}.formlines{background:#fafcf8;border:1px solid #e9eee4;border-radius:8px;padding:12px}.formline{grid-template-columns:minmax(0,1fr) 95px 140px 26px;align-items:end;gap:10px;margin-bottom:10px;display:grid}.formline:last-child{margin-bottom:0}.formline label{font-size:9px}.formline select{padding-left:6px;font-size:10px!important}.fullfield{margin-top:18px}.formhint{color:#95a08b;margin-top:14px;font-size:10px;line-height:1.8}.detailgrid{grid-template-columns:repeat(3,1fr);gap:20px 15px;margin:24px 0;display:grid}.detailgrid small{color:#a0ad94;margin-bottom:6px;font-size:10px;display:block}.detailgrid b{color:#596d4e;font-size:12px}.note{color:#8c9a80;background:#f7faf3;border-radius:6px;margin-bottom:18px;padding:12px;font-size:11px;line-height:1.8}.detailactions{justify-content:flex-end;margin-top:20px}.voidrow{opacity:.55}.boot{color:#69825c;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.boot h1{color:#325440}.boot p{font-size:13px}.boot button{background:#fff;border:1px solid #b6c8aa;border-radius:5px;padding:10px 15px}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1500px){.content{padding:38px 45px}.topbar{padding:0 45px}.stats{gap:23px}.stat{padding:23px 25px}.overviewgrid{grid-template-columns:1.7fr 1fr}.cardtitle,.requestpreview{padding:25px}.quick>button{padding:17px 25px}}@media (width<=1150px){.sidebar{width:207px;padding-left:12px;padding-right:12px}.brand{font-size:25px}.nav{gap:10px;padding-left:11px;font-size:11px}main{width:calc(100% - 207px);margin-left:207px}.content{padding:27px 23px}.topbar{padding:0 23px}.stats{gap:10px}.stat{padding:17px 15px}.stat>strong{font-size:26px}.overviewgrid{grid-template-columns:1.3fr 1fr;gap:15px}.cardtitle{padding:18px}.cardtitle h2{font-size:14px}.requestpreview{gap:10px;padding:20px 16px}.reqicon{display:none}.requestpreview strong{gap:6px}.quick>button{padding:14px 17px}.quick>button strong{font-size:10px}.sync{display:none}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{width:68px;padding:20px 9px}.brand{justify-content:center;padding:0 0 20px}.brand>span:last-child,.workspace,.navlabel,.nav span,.nav b,.sidebottom{display:none}.brandmark{width:39px;height:39px}.nav{justify-content:center;padding:14px 0}.nav svg{width:20px}main{width:calc(100% - 68px);margin-left:68px}.topbar{height:57px;padding:0 20px;font-size:10px}.content{padding:25px 20px}.pagehead{flex-wrap:wrap;align-items:flex-start;gap:12px}h1{font-size:26px}.pagehead p{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.overviewgrid{grid-template-columns:1fr}.quick>button{padding:16px 22px}.quick>button strong{font-size:12px}.quick>button small{font-size:11px}.directorygrid{grid-template-columns:1fr}.formline{grid-template-columns:minmax(0,1fr) 75px 100px 24px}.toast{left:50%}.detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modalhead,.modalbody{padding:20px}.overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.filters{gap:9px;padding:16px}.search{max-width:none}.pagefooter{font-size:8px}.tabs{gap:12px}.tabs button{font-size:10px}.auditrow{flex-wrap:wrap}.auditrow time{margin-left:43px}.statusline{gap:6px}.statusline button{padding:8px;font-size:9px}.sourceNote{font-size:9px}}@media (width<=500px){.content{padding:22px 13px}.topbar{padding:0 12px}.topbar>div{gap:7px}.topbar>div:first-child{font-size:9px}.topbar>div:first-child>svg{width:10px}.stat{padding:15px 12px}.stat>span{font-size:10px}.stat>span svg{width:15px}.stat>strong{font-size:24px}.stat footer{font-size:9px}.pagehead h1{font-size:23px}.eyebrow{font-size:8px}.actions{gap:6px}.button{padding:9px 10px;font-size:10px}.requestpreview strong{flex-wrap:wrap;font-size:10px}.requestpreview small{font-size:9px}.progressnumber strong{font-size:17px}.cardtitle{padding:17px 14px}.cardtitle p,.cardtitle .textbutton,.textbutton{font-size:9px}.filters select{flex:1;max-width:100%}.dates{flex-wrap:wrap}.dates input{width:118px}.formgrid,.modal:not(.wide) .formgrid{grid-template-columns:1fr 1fr;gap:12px}.formline{border-bottom:1px solid #e3eadb;grid-template-columns:1fr 1fr 28px;padding-bottom:15px}.formline label:first-child{grid-column:1/-1}.formline .iconbutton{grid-area:2/3}.modalhead h2{font-size:17px}.modalhead,.modalbody{padding:16px}.modalfoot{flex-wrap:wrap;padding:14px}.detailgrid{gap:15px 10px}.detailgrid b{font-size:10px}.reportheading{flex-wrap:wrap;gap:12px}.reportheading h2{font-size:13px}.detailactions{flex-wrap:wrap}.pagefooter{flex-direction:column;gap:8px}.statusline b{margin-left:0}}.accountbar{z-index:25;color:#65805a;background:#eef4eb;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;min-height:41px;margin-left:238px;padding:8px 34px;font-size:10px;display:flex;position:relative}.accountbar>span{margin-right:auto}.accountbar button{color:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:10px;display:flex}.loginpage{background:#f3f7f0;place-items:center;min-height:100vh;padding:25px;display:grid}.logincard{background:#fff;border:1px solid #dfe8d8;border-radius:16px;flex-direction:column;gap:20px;width:410px;max-width:100%;padding:36px;display:flex;box-shadow:0 15px 60px #2a4c1610}.logincard .eyebrow{margin:5px 0 -10px}.logincard h1{font-size:26px}.logincard p{color:#93a18b;font-size:12px;line-height:1.8}.logincard label,.accountform label{color:#73866a;flex-direction:column;gap:8px;font-size:11px;display:flex}.logincard input{min-height:41px}.logincard>small{text-align:center;color:#9ba992;font-size:10px}.accountmodal{width:700px}.accountform{flex-direction:column;gap:17px;display:flex}.accountform>.button{align-self:flex-end}.accountform h3{margin-top:15px}.userlist{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.userlist button{text-align:left;background:#fbfdf8;border:1px solid #e2e9dd;border-radius:6px;padding:12px}.userlist span{color:#93a189;margin-top:6px;font-size:10px;display:block}.checkbox{align-items:center;flex-direction:row!important}.checkbox input{width:auto!important;min-height:0!important}.feedbackhead{justify-content:space-between;align-items:center;margin:27px 0 15px;display:flex}.feedbackitem{border-top:1px solid #e8ede3;padding:16px 0}.feedbackitem small{color:#98a48e;margin-top:6px;display:block}.feedbackitem p{white-space:pre-wrap;color:#6d805d;margin-top:12px;font-size:12px;line-height:1.8}.success{color:#54803a;background:#eff8e8;border:1px solid #dceccf}.role-viewer [data-write],.role-viewer [data-admin],.role-editor [data-admin]{display:none!important}.role-viewer .quick:after{content:"Ваш обліковий запис має доступ лише для перегляду. Зауваження можна додати у верхній панелі.";color:#9aa78c;padding:15px 22px 25px;font-size:11px;line-height:1.8;display:block}@media (width<=1150px){.accountbar{margin-left:207px;padding:8px 23px}}@media (width<=800px){.accountbar{gap:10px;margin-left:68px;padding:8px 14px}.accountbar>span{width:100%;font-size:9px}.logincard{padding:25px}.accountbar button{font-size:9px}}