@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap";:root{font-family:Heebo,Arial,sans-serif;color:#173c37;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:fixed;right:0;top:0;bottom:0;width:230px;background:#123f3a;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:19px;padding:0 8px 28px}.brand>span{width:43px;height:43px;border-radius:13px;background:#edbd62;color:#123f3a;display:grid;place-items:center}.brand small,.mode small{display:block;font-size:12px;font-weight:400;opacity:.65}nav{display:grid;gap:7px}nav b,nav a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:10px;color:#dae9e7;text-decoration:none;font-size:14px}nav b{background:#235650;color:#fff}nav svg{width:20px}.mode{margin-top:auto;border:1px solid #2a5a54;background:#0d342f;border-radius:12px;padding:13px;display:grid;grid-template-columns:12px 1fr;align-items:center;font-size:13px}.mode i{width:8px;height:8px;background:#edbd62;border-radius:50%}.mode small{grid-column:2}main{grid-column:2;width:100%;max-width:1450px;margin:auto;padding:34px clamp(20px,4vw,58px) 70px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}header em{font-style:normal;color:#b57d2a;font-size:13px;font-weight:700}h1{font-size:30px;margin:0 0 2px}header p,.title p{color:#71837f;margin:0}.primary{display:flex;align-items:center;gap:7px;background:#176058;color:#fff;border:0;border-radius:10px;padding:10px 15px;font-weight:600}.primary svg{width:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:#fff;border:1px solid #e1e9e7;border-radius:16px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 18px #163e3708}.cards article>span{width:49px;height:49px;border-radius:14px;display:grid;place-items:center}.green{background:#e6f3f0;color:#25766c}.blue{background:#e9f1f8;color:#407da9}.gold{background:#fff0d8;color:#a96c20}.cards strong{font-size:26px}.cards p{margin:-5px 0 0;color:#778783;font-size:14px}.panel{background:#fff;border:1px solid #e0e8e6;border-radius:16px;overflow:hidden;margin-top:21px;box-shadow:0 4px 18px #163e3708}.title{padding:21px 23px 15px}.title h2{font-size:20px;margin:0 0 1px}.title p{font-size:14px}.tools{padding:0 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tools label{width:min(340px,100%);position:relative}.tools label svg{position:absolute;right:12px;top:11px;width:19px;color:#7c8d89}.tools input{width:100%;padding:10px 40px 10px 12px;border:1px solid #d9e3e1;border-radius:10px;outline:none}.tools input:focus{border-color:#25756c;box-shadow:0 0 0 3px #25756c18}.tabs{display:flex;background:#f2f5f4;border-radius:10px;padding:4px}.tabs button{border:0;background:transparent;color:#687b77;padding:7px 13px;border-radius:7px}.tabs .active{background:#fff;color:#18564f;box-shadow:0 1px 5px #153c351b;font-weight:600}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{background:#f7f9f8;border-top:1px solid #eaf0ee;border-bottom:1px solid #e4ebe9;color:#72817e;text-align:right;padding:11px 18px;font-size:12px;font-weight:600}td{padding:13px 18px;border-bottom:1px solid #edf2f0;font-size:14px}tbody tr:hover{background:#fbfcfc}.tiny{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;margin-left:8px;background:#eaf4f1;color:#34786f;vertical-align:middle}.tiny svg{width:17px}.qty{font-size:17px}.badge{font-size:12px;padding:4px 9px;border-radius:99px}.warn{background:#fff0da;color:#9b621d}.ok{background:#e5f4eb;color:#247249}.rowbuttons{display:flex;gap:6px}.rowbuttons button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid #dbe5e2;background:#fff;color:#286f66}.rowbuttons button:hover{background:#edf6f4}.rowbuttons button:disabled{opacity:.3;cursor:not-allowed}.rowbuttons svg{width:17px}.empty{text-align:center;color:#83918e;padding:38px}.empty.big{display:flex;flex-direction:column;align-items:center;gap:4px}.empty.big svg{color:#b5c3c0;margin-bottom:5px}.empty.big span{font-size:13px}.move{border-top:1px solid #edf1f0;padding:14px 22px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.move>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.move>span.in{background:#e6f4ec;color:#247149}.move>span.out{background:#fff0e7;color:#a4552c}.move>span svg{width:19px}.move p{margin:0;color:#788985;font-size:12px}.moveamount{text-align:left;font-size:17px;font-weight:700}.moveamount small{display:block;color:#8a9895;font-size:11px;font-weight:400}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#082e2a88;display:grid;place-items:center;z-index:10;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(430px,100%);background:#fff;border-radius:18px;padding:27px;position:relative;box-shadow:0 30px 90px #062a2655}.close{position:absolute;left:14px;top:14px;width:33px;height:33px;border:0;border-radius:8px;background:#f0f4f3;color:#546d68;font-size:23px;line-height:1}.modalicon{width:48px;height:48px;background:#e6f3f0;color:#246f66;border-radius:14px;display:grid;place-items:center}.modal h2{margin:12px 0 2px}.modal>p{color:#748682;margin:0 0 18px}.modal label{display:block;font-size:14px;font-weight:600;margin-top:12px}.modal input{display:block;width:100%;border:1px solid #d8e3e0;border-radius:9px;padding:10px;margin-top:5px}.modalbuttons{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modalbuttons>button:not(.primary){border:1px solid #d7e1df;background:#fff;color:#536b66;border-radius:9px;padding:9px 15px}@media (max-width:850px){.layout{display:block}aside{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:14px 18px}.brand{padding:0}aside nav{display:none}.mode{margin:0 auto 0 0}.layout main{padding:24px 15px 60px}.cards{grid-template-columns:1fr;gap:10px}.tools{flex-direction:column;align-items:stretch}.tools label{width:100%;max-width:none}.tabs{overflow:auto}.tabs button{white-space:nowrap}}@media (max-width:520px){header{align-items:flex-start;gap:8px}header .primary{font-size:0;padding:10px}header .primary svg{margin:0}.mode small,.brand small{display:none}.cards article{padding:14px}}