:root{--navy:#172334;--red:#e2232a;--bg:#f4f6f8;--muted:#697586;--line:#e3e7ec;--green:#18794e;--amber:#ad6800;--white:#fff}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:#1f2937}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.top{height:68px;background:var(--navy);color:white;display:flex;align-items:center;padding:0 28px;gap:28px;position:sticky;top:0;z-index:5}.brand{font-size:22px;font-weight:900;letter-spacing:.7px}.brand i{font-style:normal;color:#ff3c42}.nav{display:flex;gap:6px;flex:1}.nav button{border:0;background:transparent;color:#cbd3dd;padding:11px 14px;border-radius:9px}.nav button.active,.nav button:hover{background:#2b394b;color:white}.user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e2232a;font-weight:800}.main{max-width:1280px;margin:auto;padding:28px}.headline{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}h1{font-size:28px;margin:0 0 4px}h2{font-size:20px;margin:0}p{margin:0;color:var(--muted)}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:650;background:white;color:#263445;box-shadow:0 0 0 1px var(--line)}.btn.primary{background:var(--red);color:white;box-shadow:none}.btn.dark{background:var(--navy);color:white}.btn.small{padding:7px 11px}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(5,1fr);margin-bottom:18px}.metric,.card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 3px 10px #1522380a}.metric .num{font-size:28px;font-weight:800;margin:5px 0}.metric .delta{font-size:12px;color:var(--green)}.two{grid-template-columns:1.45fr 1fr}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bars{height:220px;display:flex;align-items:end;gap:18px;border-bottom:1px solid var(--line);padding:15px 15px 0}.barset{flex:1;display:flex;align-items:end;justify-content:center;gap:5px;height:100%;position:relative}.bar{width:20px;border-radius:5px 5px 0 0;background:#223249}.bar.red{background:var(--red)}.barlabel{position:absolute;top:100%;margin-top:7px;font-size:11px;color:var(--muted);white-space:nowrap}.donutrow{display:flex;align-items:center;gap:24px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 42%,var(--amber) 42% 64%,var(--red) 64% 79%,#8d99a8 79%);display:grid;place-items:center}.donut:after{content:'20 задач';width:94px;height:94px;border-radius:50%;background:white;display:grid;place-items:center;font-weight:800}.legend{display:grid;gap:9px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted);font-weight:600}.input{border:1px solid #d6dce3;border-radius:9px;padding:10px 11px;background:white;min-width:170px}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #eef0f3}th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px;background:#fafbfc}.status{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700;background:#edf0f3}.status.green{background:#e5f5ed;color:var(--green)}.status.red{background:#fee9e8;color:#b42318}.status.amber{background:#fff2d6;color:var(--amber)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:white}.loginhero{background:linear-gradient(145deg,#101a29,#25384e);color:white;padding:9vw;display:flex;flex-direction:column;justify-content:center}.loginhero h1{font-size:44px;max-width:500px}.loginhero p{font-size:17px;max-width:500px;color:#c6d0dd;margin-top:15px}.loginbox{display:grid;place-items:center;padding:30px}.loginbox form{width:min(390px,100%)}.loginbox h2{font-size:27px;margin-bottom:7px}.loginbox .field{margin-top:18px}.loginbox .btn{width:100%;margin-top:20px}.hint{margin-top:18px;padding:12px;background:#fff5f5;border-radius:9px;color:#7b3335;font-size:12px}.tourhead{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.counter{font-weight:800;color:var(--red)}.store{margin-top:14px;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.store summary{list-style:none;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.store summary::-webkit-details-marker{display:none}.storebody{border-top:1px solid var(--line);padding:18px}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.span2{grid-column:span 2}.sku{margin-top:18px}.skurow{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;align-items:end;padding:9px 0;border-bottom:1px solid #f0f2f4}.share{font-weight:800;padding:10px}.taskbox{background:#f8f9fb;border-radius:10px;padding:14px;margin-top:16px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.taskcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.taskcard{background:white;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:12px;padding:16px}.taskcard.over{border-left-color:var(--red)}.taskcard h3{margin:8px 0 4px}.meta{font-size:12px;color:var(--muted);margin:8px 0}.empty{text-align:center;padding:60px;color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;background:#172334;color:white;padding:12px 17px;border-radius:9px;opacity:0;transform:translateY(15px);transition:.2s;z-index:20}#toast.show{opacity:1;transform:none}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.two,.taskcards{grid-template-columns:1fr}.formgrid{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.loginhero{display:none}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--navy);padding:7px;justify-content:space-around}.nav button{font-size:12px;padding:9px}.main{padding:20px 14px 82px}.top{padding:0 14px}.user .who{display:none}.tourhead{grid-template-columns:1fr}.skurow{grid-template-columns:1fr 1fr 1fr}.skurow strong{grid-column:1/-1}.headline{align-items:flex-start}.headline .btn{flex-shrink:0}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric .num{font-size:23px}.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.taskcards{grid-template-columns:1fr}.skurow{grid-template-columns:1fr 1fr}.skurow strong,.share{grid-column:1/-1}.top{height:58px}.brand{font-size:18px}h1{font-size:23px}}