*{box-sizing:border-box}body{margin:0;background:#f4f6f7;color:#1b2b3b;font:14px Arial,sans-serif}.top{height:68px;background:#fff;border-bottom:1px solid #e3e7ea;display:flex;align-items:center;gap:24px;padding:0 30px}.brand{font-size:23px;font-weight:bold;letter-spacing:-1px;color:#20a951;text-decoration:none}.brand span{color:#1b2b3b}.menu,.calendar,.filter{border:1px solid #dbe1e6;background:#fff;border-radius:6px;padding:10px 13px;color:#506070;font-size:13px}.menu{font-size:14px}.search{margin:auto;width:430px;color:#8996a3;border:1px solid #e0e5e9;border-radius:6px;padding:11px 15px}.profile{color:#536274}.layout{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:230px;background:#fff;border-right:1px solid #e3e7ea;padding:25px 15px;display:flex;flex-direction:column}.workspace{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:25px}.workspace small{display:block;color:#94a0ab;font-size:11px;margin-top:4px}.workspace>span:last-child{margin-left:auto;color:#99a4ae}.avatar{border-radius:7px;background:#dff1e5;color:#269550;font-weight:bold;padding:10px 13px}nav a,.side-bottom a{display:block;color:#657384;text-decoration:none;padding:12px 15px;border-radius:6px;margin:3px 0}nav a.active{color:#1e9b50;background:#e8f6ec;font-weight:bold}.side-bottom{margin-top:auto;border-top:1px solid #edf0f2;padding-top:15px}main{flex:1;padding:35px 42px;overflow:auto}.page-head{display:flex;justify-content:space-between;align-items:end}.crumb{font-size:10px;letter-spacing:1.6px;color:#94a0ab}.page-head h1{font-size:28px;margin:12px 0 7px}.page-head h1 span{color:#f0b052}.page-head p{color:#7d8995;margin:0}.primary{background:#32ae62;color:#fff;border:0;border-radius:6px;padding:13px 18px;font-size:14px;cursor:pointer;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:32px 0}.stats>div{background:#fff;border:1px solid #e3e8eb;border-radius:8px;padding:18px 20px}.stats small{display:block;color:#7b8996}.stats strong{display:block;font-size:28px;margin:12px 0}.stats em{font-style:normal;font-size:11px}.stats i{font-style:normal;color:#9aa4ac;margin-left:4px}.up{color:#2ca85b}.neutral{color:#748291}.orange{color:#e58943}.section-head{display:flex;align-items:center;justify-content:space-between;margin:32px 0 15px}.section-head h2{display:inline;margin-right:12px;font-size:20px}.section-head span{color:#9aa4ac;font-size:12px}.filters{display:flex;gap:7px}.filter{cursor:pointer}.filter.active{background:#1e9b50;color:#fff;border-color:#1e9b50}.calendar{margin-left:12px}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:15px;align-items:start}.column{background:#e9edef;border-radius:8px;padding:12px;min-height:440px}.column-head{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 14px}.column-head b{font-size:13px}.column-head span{background:#d9dfe2;color:#687783;border-radius:12px;padding:3px 8px;font-size:11px}.task{background:#fff;border:1px solid #e0e5e8;border-radius:7px;padding:15px;margin-bottom:10px;cursor:grab;box-shadow:0 1px 2px #dfe3e5}.task:active{cursor:grabbing}.task.dragging{opacity:.4}.task h3{font-size:14px;line-height:1.35;margin:0 0 14px}.tag{display:inline-block;border-radius:3px;padding:4px 6px;font-size:10px;margin-right:4px}.tag.wb{background:#f0e9f7;color:#8d4db2}.tag.ozon{background:#e5eefb;color:#2363b8}.tag.both{background:#e9f4e9;color:#28844a}.priority{font-size:11px;margin-top:12px;display:flex;justify-content:space-between;color:#83909b}.priority b{font-weight:normal}.priority.high b{color:#e45c4e}.priority.medium b{color:#d49139}.priority.low b{color:#55a37a}.modal{position:fixed;inset:0;background:#15233688;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-card{background:#fff;width:430px;padding:28px;border-radius:10px;position:relative}.modal-card h2{margin-top:0}.modal-card label{display:block;margin:15px 0 8px;color:#546273}.modal-card input,.modal-card select{width:100%;padding:12px;border:1px solid #d5dde4;border-radius:5px;font:inherit}.modal-card .primary{margin-top:20px;width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:25px;color:#8d99a4}@media(max-width:1050px){.board{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.search{width:250px}}@media(max-width:700px){.sidebar{display:none}main{padding:22px 15px}.top{padding:0 15px}.profile{display:none}.board{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.page-head{align-items:start;gap:15px;flex-direction:column}.filters{overflow:auto}.section-head{display:block}.filters{margin-top:16px}}
 .move-task{width:100%;border:1px solid #e0e5e8;border-radius:5px;background:#fff;color:#687783;padding:7px;margin-top:12px}.add-column{width:100%;border:1px dashed #c4cdd3;color:#6f7e8b;padding:10px;border-radius:5px;background:transparent;cursor:pointer}.modal-card textarea{width:100%;border:1px solid #d5dde4;border-radius:5px;padding:10px;font:inherit}.delete{background:#fff0f0;border:0;color:#bd4040;padding:10px;border-radius:5px;cursor:pointer}.modal-card{max-height:90vh;overflow:auto}@media(max-width:700px){.sidebar.expanded{display:flex;position:fixed;left:0;top:68px;bottom:0;z-index:5;box-shadow:4px 0 20px #0002}}
.store-label{display:block;color:#72808d;font-size:11px;margin:0 10px 8px}.store-label select{display:block;width:100%;margin-top:6px;border:1px solid #dbe2e7;border-radius:5px;background:#fff;padding:9px;color:#344555}.side-link{border:0;background:none;color:#687686;font:inherit;padding:12px 15px;cursor:pointer;width:100%;text-align:left}.sidebar .add-column{margin:0 10px 20px;width:calc(100% - 20px);font-size:12px}