:root{--ink:#152819;--ink-soft:#4a5c4e;--muted:#8a9a8d;--cream:#f1f0ea;--card:#ffffff;--deep:#1e4d32;--sage:#7c9a6d;--lime:#bee86b;--mint:#e6f3d4;--amber:#f3ead2;--amber-t:#8a6d2f;--rose:#f3dcd2;--rose-t:#8a4a2f;--line:#e4e6dd;--r:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh;padding:20px;gap:20px;max-width:1500px;margin:0 auto}.side{width:236px;background:var(--card);border-radius:28px;padding:24px 16px;display:flex;flex-direction:column;box-shadow:0 20px 50px #1528190f;flex-shrink:0}.logo{display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:26px}.logo .m{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo .m svg{width:23px;height:23px}.logo b{font-family:Unbounded;font-size:13px;font-weight:600}.logo span{display:block;font-size:9.5px;color:var(--muted);font-weight:800;letter-spacing:.08em;margin-top:2px}.sec{font-size:9.5px;letter-spacing:.18em;color:var(--muted);font-weight:800;margin:14px 10px 6px}.nv{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;color:var(--ink-soft);font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}.nv svg{width:19px;height:19px;flex-shrink:0}.nv:hover{background:#f4f6ee}.nv.on{background:var(--mint);color:var(--deep)}.nv .soon{margin-left:auto;font-size:8.5px;letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:3px 7px;font-weight:800;white-space:nowrap}.side .me{margin-top:auto;background:#f4f6ee;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center}.side .me .av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c9a6d,#1e4d32);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.side .me b{font-size:12.5px}.side .me span{display:block;font-size:10px;color:var(--muted);font-weight:700}.main{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.demo-bar{background:var(--ink);color:#dff0c6;border-radius:18px;padding:13px 20px;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:10px}.demo-bar b{color:var(--lime);letter-spacing:.1em;font-size:11px}.top{display:flex;align-items:center;gap:16px}.top h1{font-family:Unbounded;font-size:22px;font-weight:600;letter-spacing:-.3px}.top p{color:var(--muted);font-weight:700;font-size:12.5px;margin-top:4px}.top .sp{flex:1}.search{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:999px;padding:12px 18px;width:300px;color:var(--muted);font-weight:600;font-size:13px;box-shadow:0 10px 30px #1528190d}.search svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:800;padding:12px 18px;border-radius:999px;cursor:pointer;white-space:nowrap}.btn svg{width:15px;height:15px}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn.lime{background:var(--lime);color:var(--deep)}.screen{display:none;flex-direction:column;gap:16px}.screen.on{display:flex}.panel{background:var(--card);border-radius:var(--r);padding:22px;box-shadow:0 20px 50px #1528190d}.p-head{display:flex;align-items:center;margin-bottom:16px;gap:12px}.p-head h2{font-family:Unbounded;font-size:15px;font-weight:600}.p-head p{font-size:12px;color:var(--muted);font-weight:700}.p-head .sp{flex:1}.kpi{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:16px}.k{background:var(--card);border-radius:var(--r);padding:20px;position:relative;box-shadow:0 20px 50px #1528190d}.k .lab{font-size:11.5px;font-weight:800;color:var(--muted);letter-spacing:.03em}.k .num{font-family:Unbounded;font-size:32px;font-weight:600;margin-top:12px;letter-spacing:-1px}.k .num small{font-size:16px;font-weight:500;color:var(--muted)}.k .sub{font-size:12px;font-weight:600;color:var(--muted);margin-top:6px}.k .delta{position:absolute;top:18px;right:18px;background:var(--mint);color:var(--deep);font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px}.k.hero{background:radial-gradient(90% 130% at 85% -10%,#bee86bf2,#bee86b00 55%),radial-gradient(120% 160% at -10% 110%,#163d26,#2f6b44 48%,#6fae63);color:#fff}.k.hero .lab,.k.hero .sub,.k.hero .num small{color:#ffffffbf}.k.hero .delta{background:#ffffff2e;color:#fff}.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.tg{font-size:10px;font-weight:800;letter-spacing:.04em;padding:4px 9px;border-radius:999px;background:#f0f2e9;color:var(--ink-soft);white-space:nowrap}.tg.g{background:var(--mint);color:var(--deep)}.tg.a{background:var(--amber);color:var(--amber-t)}.tg.r{background:var(--rose);color:var(--rose-t)}.rem{display:flex;align-items:center;gap:14px;padding:13px 4px;border-top:1px solid var(--line)}.rem:first-of-type{border-top:none}.face{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px;color:var(--deep);background:var(--mint);flex-shrink:0}.rem .who{width:178px;flex-shrink:0}.rem .who b{font-size:13.5px;font-weight:800;display:block;cursor:pointer}.rem .who b:hover{color:var(--deep);text-decoration:underline}.rem .who span{font-size:11.5px;color:var(--muted);font-weight:600}.rem .why{flex:1;font-size:12.5px;font-weight:600;color:var(--ink-soft);line-height:1.45}.rem .why i{font-style:normal;color:var(--deep);font-weight:800}.wa{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:800;padding:10px 14px;border-radius:999px;white-space:nowrap;cursor:pointer}.wa svg{width:14px;height:14px}.wa.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.f-row{display:flex;align-items:center;gap:12px;margin-top:9px}.f-row .nm{width:118px;font-size:12px;font-weight:700;color:var(--ink-soft)}.bar{height:27px;border-radius:9px;background:linear-gradient(90deg,#2f6b44,#8cc36f);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;color:#fff;font-size:11.5px;font-weight:800}.filters{display:flex;gap:8px;flex-wrap:wrap}.fc{font-size:12px;font-weight:800;padding:9px 15px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;background:var(--card)}.fc b{margin-left:5px;color:var(--muted)}.fc.on{background:var(--ink);border-color:var(--ink);color:#fff}.fc.on b{color:var(--lime)}table{width:100%;border-collapse:collapse}th{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800;text-align:left;padding:6px 10px 12px}td{padding:12px 10px;border-top:1px solid var(--line);font-size:13px;font-weight:700;vertical-align:middle}#catalog td:nth-child(3),#stock td:nth-child(3){white-space:nowrap}tr.click{cursor:pointer}tr.click:hover td{background:#f8faf3}td .nm{display:flex;align-items:center;gap:11px}td .nm .face{width:36px;height:36px;border-radius:12px;font-size:11px}td .nm span{display:block;font-size:11px;color:var(--muted);font-weight:600}td .tt{display:flex;gap:5px;flex-wrap:wrap}.due{font-size:11.5px;font-weight:800;padding:6px 10px;border-radius:999px;background:var(--mint);color:var(--deep);white-space:nowrap}.due.warn{background:var(--amber);color:var(--amber-t)}.due.late{background:var(--rose);color:var(--rose-t)}.cc-head{display:flex;gap:18px;align-items:center}.cc-head .bigface{width:76px;height:76px;border-radius:24px;background:radial-gradient(120% 120% at 25% 20%,#d9f2a8,#4c8a5a);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;font-family:Unbounded}.cc-head h2{font-family:Unbounded;font-size:20px;font-weight:600}.cc-head .ph{font-size:13px;color:var(--muted);font-weight:700;margin-top:4px}.cc-head .tags{display:flex;gap:6px;margin-top:10px}.cc-kpi{display:flex;gap:12px;margin-left:auto}.ck{background:#f4f6ee;border-radius:16px;padding:12px 18px;text-align:center}.ck span{font-size:9.5px;letter-spacing:.1em;color:var(--muted);font-weight:800;display:block}.ck b{font-family:Unbounded;font-size:16px;font-weight:600;margin-top:4px;display:block}.grid3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.tl{position:relative;padding-left:22px}.tl:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}.tl-i{position:relative;padding:10px 0}.tl-i:before{content:"";position:absolute;left:-21px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--card);border:3px solid var(--sage)}.tl-i.done:before{background:var(--sage)}.tl-i.next:before{border-color:var(--lime);background:var(--lime)}.tl-i b{font-size:12.5px;font-weight:800;display:block}.tl-i span{font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.4;display:block;margin-top:2px}.buy{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.buy:first-of-type{border-top:none}.buy .b-ic{width:38px;height:38px;border-radius:12px;background:radial-gradient(120% 120% at 25% 20%,#d9f2a8,#4c8a5a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.buy .b-ic svg{width:18px;height:18px}.buy b{font-size:13px;font-weight:800;display:block}.buy span{font-size:11px;color:var(--muted);font-weight:600}.buy .pr{margin-left:auto;font-family:Unbounded;font-size:13px;font-weight:600;white-space:nowrap}.note-box{background:#f8f9f2;border:1.5px dashed var(--line);border-radius:16px;padding:14px;font-size:12.5px;font-weight:600;color:var(--ink-soft);line-height:1.55}.warn-box{background:var(--rose);border-radius:16px;padding:13px 15px;font-size:12px;font-weight:700;color:var(--rose-t);line-height:1.5;margin-top:10px}.cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}.col-h{display:flex;align-items:center;gap:9px;margin-bottom:12px}.col-h b{font-family:Unbounded;font-size:13px;font-weight:600}.col-h .n{background:var(--ink);color:#fff;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 9px}.col-h .n.red{background:#c05b3c}.rcard{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 12px 30px #1528190d;margin-bottom:12px}.rcard .rt{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rcard .rt .face{width:36px;height:36px;border-radius:12px;font-size:11px}.rcard .rt b{font-size:13px;font-weight:800;display:block}.rcard .rt span{font-size:11px;color:var(--muted);font-weight:600}.rcard .msg{background:#f4f6ee;border-radius:12px;padding:11px;font-size:11.5px;font-weight:600;color:var(--ink-soft);line-height:1.5;margin-bottom:11px}.rcard .msg b{color:var(--deep)}.rcard .row{display:flex;gap:8px;align-items:center}.rcard .why-s{font-size:11px;color:var(--muted);font-weight:700;flex:1}.kan{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.kan .kh{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 4px}.kan .kh b{font-size:11.5px;font-weight:800;letter-spacing:.02em}.kan .kh .n{margin-left:auto;background:#e9ece1;color:var(--ink-soft);font-size:10px;font-weight:800;border-radius:999px;padding:2px 8px}.kc{background:var(--card);border-radius:16px;padding:13px;box-shadow:0 10px 25px #1528190d;margin-bottom:10px}.kc b{font-size:12.5px;font-weight:800;display:block}.kc .src{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.05em;margin-top:3px}.kc .tt{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.kc .tm{font-size:10.5px;color:var(--muted);font-weight:700;margin-top:8px;display:flex;align-items:center;gap:5px}.kc .tm svg{width:12px;height:12px}.kc.hot{outline:2px solid var(--lime)}.kc:not(.more){cursor:grab}.kc:not(.more):active{cursor:grabbing}.kan>div.over{background:#bee86b1f;border-radius:16px}.kdot{width:8px;height:8px;border-radius:50%}.stub{border:2px dashed #d5d9c8;border-radius:var(--r);padding:40px;text-align:center;background:#ffffff80}.stub .ic{width:64px;height:64px;border-radius:22px;background:var(--card);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--sage);box-shadow:0 12px 30px #15281912}.stub h3{font-family:Unbounded;font-size:16px;font-weight:600}.stub p{font-size:13px;color:var(--muted);font-weight:600;margin-top:8px;line-height:1.6;max-width:520px;margin-left:auto;margin-right:auto}.stub .et{display:inline-block;background:var(--amber);color:var(--amber-t);font-size:11px;font-weight:800;letter-spacing:.1em;border-radius:999px;padding:8px 16px;margin-top:16px}.ghost-rows{margin-top:24px;display:flex;flex-direction:column;gap:10px;opacity:.5}.gr{height:46px;border-radius:14px;background:linear-gradient(90deg,#eceee3,#f6f7f0 40%,#eceee3 80%)}.crs{background:var(--card);border-radius:20px;padding:18px;box-shadow:0 12px 30px #1528190d;display:flex;flex-direction:column;gap:8px}.crs .cr-top{display:flex;align-items:center;gap:8px}.crs b{font-size:14px;font-weight:800}.crs .dur2{margin-left:auto;font-size:10px;font-weight:800;background:var(--mint);color:var(--deep);border-radius:99px;padding:4px 9px;white-space:nowrap}.crs p{font-size:12px;color:var(--muted);font-weight:600;line-height:1.5}.crs .pr2{font-family:Unbounded;font-size:15px;font-weight:600;margin-top:auto;padding-top:8px}.add-tile{border:2px dashed #d5d9c8;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:800;font-size:12.5px;min-height:110px;cursor:pointer}.stk{font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--mint);color:var(--deep);white-space:nowrap}.stk.low{background:var(--amber);color:var(--amber-t)}.file{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--line)}.file:first-of-type{border-top:none}.file .fi{width:36px;height:36px;border-radius:12px;background:#f4f6ee;display:flex;align-items:center;justify-content:center;color:var(--deep);flex-shrink:0}.file .fi svg{width:17px;height:17px}.file b{font-size:12.5px;font-weight:800;display:block}.file span{font-size:11px;color:var(--muted);font-weight:600}.leg{display:flex;gap:16px;margin-top:8px}.leg span{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-soft)}.leg i{width:10px;height:10px;border-radius:3px}.ovl{position:fixed;top:0;right:0;bottom:0;left:0;background:#15281973;display:none;align-items:center;justify-content:center;z-index:50}.ovl.on{display:flex}.mdl{width:560px;max-height:90vh;overflow:auto;background:var(--card);border-radius:26px;padding:28px}.mdl h2{font-family:Unbounded;font-size:17px;font-weight:600;margin-bottom:4px}.mdl .ms{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:18px}.fld{margin-bottom:14px}.fld label{display:block;font-size:10.5px;letter-spacing:.08em;font-weight:800;color:var(--muted);margin-bottom:6px}.fld input,.fld textarea{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:12px 14px;font-family:Manrope;font-size:13.5px;font-weight:600;color:var(--ink);outline:none;background:#fbfcf8}.fld textarea{resize:none;height:62px}.row2{display:flex;gap:10px}.row2 .fld{flex:1}.chips{display:flex;gap:7px;flex-wrap:wrap}.chp{font-size:12px;font-weight:800;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer}.chp.on{background:var(--ink);color:#fff;border-color:var(--ink)}.m-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.ovl .mdl{display:none}.up-zone{border:2px dashed #cdd3c2;border-radius:14px;padding:22px;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);background:#fbfcf8;cursor:pointer}.up-zone b{color:var(--deep)}.rule{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.rule:first-of-type{border-top:none}.rule .rn{width:34px;height:34px;border-radius:11px;background:var(--mint);color:var(--deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;flex-shrink:0}.rule b{font-size:13px;font-weight:800;display:block}.rule span{font-size:11.5px;color:var(--muted);font-weight:600}.rule .tg{margin-left:auto;cursor:pointer}.sw{width:42px;height:24px;border-radius:99px;background:#d8dccd;position:relative;cursor:pointer;flex-shrink:0;transition:.15s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 3px #15281933}.sw.on{background:var(--deep)}.sw.on:after{left:21px}.set{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.set:first-of-type{border-top:none}.set .st{flex:1;min-width:0}.set b{font-size:13px;font-weight:800;display:block}.set span{font-size:11.5px;color:var(--muted);font-weight:600}.set .val{font-size:12.5px;font-weight:800;color:var(--deep);white-space:nowrap}.mgr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mg{background:var(--card);border-radius:20px;padding:20px;box-shadow:0 12px 30px #1528190d;display:flex;gap:13px;align-items:center}.mg .face{width:48px;height:48px;border-radius:16px;font-size:14px}.mg b{font-size:14px;font-weight:800;display:block}.mg span{font-size:11.5px;color:var(--muted);font-weight:700;display:block;margin-top:2px}.mg .role{margin-left:auto}.mg.add{border:2px dashed #d5d9c8;background:transparent;box-shadow:none;justify-content:center;color:var(--muted);font-weight:800;font-size:13px;cursor:pointer;min-height:88px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cream)}.login-card{width:420px;background:#fff;border-radius:26px;padding:38px;border:1px solid var(--line)}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:6px}.login-logo .m{width:46px;height:46px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);flex-shrink:0}.login-logo b{font-family:Unbounded;font-size:17px;font-weight:700;display:block;color:var(--deep)}.login-logo span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.login-sub{font-size:13px;font-weight:600;color:var(--muted);margin:10px 0 22px}.login-err{background:var(--rose);color:var(--rose-t);border-radius:12px;padding:11px 14px;font-size:12.5px;font-weight:700;margin-bottom:14px}.login-card .btn{width:100%;justify-content:center;margin-top:6px}.stub{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 30px}.stub .ic{width:64px;height:64px;border-radius:20px;background:var(--mint);color:var(--deep);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.stub .ic svg{width:30px;height:30px}.stub b{font-family:Unbounded;font-size:16px;font-weight:600;margin-bottom:10px}.stub p{font-size:13.5px;font-weight:600;color:var(--ink-soft);max-width:520px;line-height:1.6}.stub .tg{margin-top:16px}.me .out{margin-left:auto;font-size:11px;font-weight:800;color:var(--muted);cursor:pointer;padding:6px 10px;border-radius:10px;border:1.5px solid var(--line);background:#fff}.me .out:hover{color:var(--rose-t);border-color:var(--rose-t)}.search input{border:none;background:transparent;outline:none;font-family:Manrope;font-size:13px;font-weight:600;color:var(--ink);width:200px}.search input::placeholder{color:var(--muted)}.pick-list{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;z-index:20;box-shadow:0 12px 30px #15281924}.pick-item{padding:10px 14px;cursor:pointer;display:flex;flex-direction:column;gap:1px}.pick-item:hover{background:var(--mint)}.pick-item b{font-size:13px;font-weight:800}.pick-item span{font-size:11.5px;color:var(--muted);font-weight:600}