@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#1e2938;background:#f5f6f8;margin:0;font-family:Manrope,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #9eb4ff}main{flex-direction:column;max-width:1680px;height:100dvh;margin:auto;padding:0 40px;display:flex}header{border-bottom:1px solid #e2e5eb;flex-shrink:0;justify-content:space-between;align-items:center;height:78px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.brand small{letter-spacing:0;color:#89909d;margin-top:4px;font-size:11px;font-weight:500;display:block}.logo{color:#fff;background:#294ee8;border-radius:12px;padding:10px;display:flex}.topright{color:#7d8592;gap:25px;font-size:12px;display:flex}.live{color:#3c6756;align-items:center;gap:7px;display:flex}.live b,.greenDot{background:#48a480;border-radius:50%;width:6px;height:6px;display:inline-block}.heading{justify-content:space-between;align-items:center;padding:29px 0 24px;display:flex}.eyebrow{color:#8a929f;letter-spacing:1.8px;font-size:10px;font-weight:700}h1{letter-spacing:-1.2px;margin:8px 0 6px;font-size:30px;font-weight:800}.heading p{color:#858c97;margin:0}.primary{color:#fff;background:#3156e8;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:700;display:flex;box-shadow:0 3px 6px #3156e81b}.primary:hover{background:#2446d0}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px;display:grid}.stat{background:#fff;border:1px solid #e6e8ed;border-radius:12px;padding:17px 20px;position:relative}.stat strong{align-items:baseline;gap:12px;margin-top:8px;font-size:30px;display:flex}.stat small{color:#9097a2;font-size:10px;font-weight:500}.stat>svg{color:#a5adba;width:16px;position:absolute;top:18px;right:18px}.danger strong,.danger>svg{color:#dc515a}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.tabs{gap:8px;display:flex}.tabs button{color:#828b9a;align-items:center;gap:7px;padding:10px 13px;display:flex}.tabs .selected{color:#3156e8;background:#fff;border-radius:8px;font-weight:700;box-shadow:0 1px 4px #18274813}.tabs b{background:#f0f2f7;border-radius:5px;padding:2px 5px;font-size:10px}.filters{gap:10px;display:flex}.search{color:#929ba8;background:#fff;border:1px solid #e1e5eb;border-radius:8px;align-items:center;gap:8px;padding-left:12px;display:flex}.search input{background:0 0;border:0;outline:0;width:180px}input,select,textarea{color:#263348;background:#fff;border:1px solid #dfe3ea;border-radius:7px;padding:10px}select{max-width:220px}.board{flex:1;grid-template-columns:1fr 1fr;gap:22px;min-height:170px;display:grid;overflow:hidden}.column{background:#edeff3;border:1px solid #e2e6ed;border-radius:13px;flex-direction:column;min-height:0;display:flex}.columnhead{align-items:center;gap:12px;padding:17px 20px;display:flex}.colicon{color:#66768b;display:flex}.columnhead h2{align-items:center;gap:9px;margin:0;font-size:14px;display:flex}.columnhead h2 b{color:#728097;background:#dfe4ec;border-radius:5px;padding:2px 6px;font-size:10px}.columnhead p{color:#929aa6;margin:4px 0 0;font-size:10px}.columnhead>button{color:#7b8796;margin-left:auto}.cards{flex:1;padding:0 12px 12px;overflow:auto}.task{text-align:left;background:#fff;border:1px solid #e1e5eb;border-radius:10px;width:100%;margin-bottom:10px;padding:15px;transition:box-shadow .15s;display:block}.task:hover{box-shadow:0 4px 12px #18324a12}.task.late{background:#fffafb;border-left:3px solid #df5b65}.tasktop{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{color:#7a8595;background:#f0f2f5;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;display:flex}.dot{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.progress{color:#466be4;background:#edf2ff}.badge.done{color:#4c9673;background:#eaf6ef}.due{color:#7d8999;align-items:center;gap:5px;font-size:10px;display:flex}.red{color:#d95763}.task h3{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 9px;font-size:14px;font-weight:700;display:-webkit-box;overflow:hidden}.task.done h3{color:#929a9f;text-decoration:line-through}.comment{color:#8b929d;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px;font-size:11px;overflow:hidden}.taskbottom{color:#96a0ad;align-items:center;gap:10px;font-size:10px;display:flex}.person{color:#758191;align-items:center;gap:7px;display:flex}.person i{color:#7a89ad;background:#eff1f8;border-radius:50%;place-items:center;width:23px;height:23px;font-style:normal;font-weight:700;display:grid}.repeat{align-items:center;gap:4px;margin-left:auto;display:flex}.taskbottom>svg:last-child{margin-left:auto}.completion{color:#719682;border-top:1px solid #edf0f2;margin-top:10px;padding-top:9px;font-size:10px}.empty{text-align:center;color:#8b95a3;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:25px;display:flex}.empty>span{color:#9aa8bd;background:#e3e7ef;border-radius:50%;padding:12px}.empty h3{color:#758399;margin:15px 0 7px;font-size:14px}.empty p{max-width:270px;margin:0;font-size:11px;line-height:1.7}.empty button{color:#4768d7;margin-top:18px;font-size:12px}footer{color:#949eab;justify-content:space-between;gap:10px;padding:15px 0;font-size:10px;display:flex}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#17233875;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:550px;max-height:94dvh;padding:26px;overflow:auto;box-shadow:0 30px 90px #142d4a45}.modalhead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{letter-spacing:-.6px;margin:8px 0 0;font-size:23px}fieldset{border:0;min-width:0;padding:0}.modal label{flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.modal label em{display:none}.modal textarea{resize:vertical}.formrow{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal select{max-width:none}.hint{color:#8793a1;margin-top:0;font-size:11px;line-height:1.6}.modalfoot{border-top:1px solid #eceff4;justify-content:flex-end;gap:20px;padding-top:15px;display:flex}.error{color:#c1414b;background:#fff0f0;border-radius:8px;margin:0 0 12px;padding:12px}.error button{margin-left:10px;text-decoration:underline}button:disabled{opacity:.6;cursor:wait}@media (max-width:900px){main{padding:0 18px}.stat{padding:13px}.stat small,.topright>span:last-child{display:none}h1{font-size:25px}.filters input{width:120px}.stats{gap:8px}.toolbar{flex-wrap:wrap}}@media (max-width:600px){main{height:auto;min-height:100dvh}header{height:65px}.brand{font-size:10px}.heading{flex-direction:column;align-items:flex-start;gap:15px;padding:22px 0}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.board{grid-template-columns:1fr;overflow:visible}.cards{max-height:480px}.filters{width:100%}.filters>*{flex:1;min-width:0}.search input{width:100%}.column{min-height:220px}footer{flex-direction:column}.formrow{grid-template-columns:1fr}.modal{padding:20px}.live{font-size:10px}.stat strong{font-size:26px}.topright{gap:0}}main{max-width:none;padding:0 24px}header{height:51px}.logo{border-radius:9px;padding:7px}.brand{gap:9px;font-size:11px}.brand small{margin-top:2px;font-size:9px}.topright{font-size:11px}.heading{padding:14px 0 12px}.heading h1{letter-spacing:-.7px;margin:0 0 3px;font-size:23px}.heading p{font-size:11px}.primary{padding:10px 14px;font-size:12px}.stats{background:#fff;border:1px solid #e2e6ed;border-radius:9px;gap:0;margin-bottom:12px;overflow:hidden}.stat{border:0;border-right:1px solid #e9edf2;border-radius:0;align-items:center;gap:10px;padding:9px 15px;display:flex}.stat:last-child{border:0}.stat strong{margin:0;font-size:22px;line-height:1.3;display:block}.stat>span{color:#758092;font-size:11px}.success strong{color:#3d906a}.toolbar{gap:10px;margin-bottom:10px}.tabs{gap:4px}.tabs button{gap:6px;padding:8px 10px;font-size:11px}.search input{width:170px;padding:8px;font-size:11px}.filters>select{max-width:245px;padding:8px 10px;font-size:11px}.board{gap:14px;min-height:150px}.column{background:#fff;border-radius:10px}.columnhead{background:#eef1f6;border-bottom:1px solid #e4e8ef;border-radius:10px 10px 0 0;flex-shrink:0;gap:8px;padding:10px 12px}.columnhead h2{margin:0;font-size:12px}.columnhead h2 b{font-size:10px}.cards{padding:0}.taskrow{border-bottom:1px solid #e9edf2;border-left:3px solid #0000;align-items:center;gap:8px;min-height:59px;padding:0 7px 0 11px;display:flex}.taskrow:hover{background:#f8faff}.rowmain{text-align:left;flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:6px;min-width:0;padding:9px 0;display:flex}.rowtitle{align-items:center;gap:6px;min-width:0;display:flex}.rowtitle strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;line-height:1.35;overflow:hidden}.rowtitle>svg{color:#7b94ad;flex-shrink:0}.rowtitle .commenticon{color:#a5afbb}.done .rowtitle strong{color:#94a0ac;text-decoration:line-through}.rowmeta{white-space:nowrap;align-items:center;gap:9px;min-width:0;display:flex}.rowmeta .badge{padding:2px 5px;font-size:9px;line-height:1.2}.rowmeta .person{text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.rowmeta .repeat{color:#8b9bb0;flex-shrink:0;margin:0}.rowmeta .completion{white-space:nowrap;border:0;margin:0;padding:0;font-size:9px}.rowdate{text-align:right;color:#718098;flex-shrink:0;width:68px;font-size:11px;font-weight:600}.rowdate.red{color:#d35060}.rowdate small{margin-top:2px;font-size:8px;font-weight:500;display:block}.rowaction{color:#a6b1bf;border-radius:6px;flex-shrink:0;padding:7px 5px;display:flex}.rowaction:hover{color:#d35060;background:#fce9ec}.empty{min-height:200px}footer{padding:9px 0;font-size:9px}.modal{width:560px}.modal label{margin-bottom:12px}.modalfoot{align-items:center;gap:12px}.modalfoot .delete,.modalfoot .restore{align-items:center;gap:5px;margin-right:auto;display:flex}.delete{color:#d04a59}.restore{color:#3b62ce}.datepicker{background:#fafbfd;border:1px solid #dfe6ef;border-radius:9px;margin-bottom:14px;padding:12px}.calendarhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.calendarhead label{gap:4px;margin:0;font-size:10px}.calendarhead input{padding:6px 9px}.calendarhead>button{color:#6981a3;padding:7px;display:flex}.calendargrid{grid-template-columns:repeat(7,1fr);gap:4px;margin:10px 0;display:grid}.calendargrid button{color:#4b5b73;background:#fff;border:1px solid #e9edf3;border-radius:6px;height:31px;font-size:12px}.calendargrid button:hover{border-color:#758fee}.calendargrid .weekday{color:#929fb0;text-align:center;padding:5px 0;font-size:10px}.calendargrid button.picked{color:#fff;background:#3156e8;border-color:#3156e8;font-weight:700}.calendargrid .today{box-shadow:inset 0 0 0 1px #91a8fa}.selecteddates{flex-wrap:wrap;align-items:center;gap:5px;padding:7px 0;display:flex}.selecteddates strong{color:#7b899c;margin-right:5px;font-size:10px}.selecteddates button{color:#4164d4;background:#e9eeff;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:10px;display:flex}.datepicker .hint{margin:7px 0 0;font-size:10px}.confirmation{z-index:10}.confirmbox{background:#fff;border-radius:14px;width:100%;max-width:420px;padding:25px;box-shadow:0 20px 70px #142d4a45}.confirmbox>svg{color:#d35060}.confirmbox h2{font-size:21px}.confirmbox p{color:#7e8b9d;font-size:12px;line-height:1.6}.confirmbox .confirmtitle{color:#34435a;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.confirmbox>div{justify-content:flex-end;gap:20px;margin-top:22px;display:flex}.dangerbutton{color:#fff;background:#d65260;border-radius:7px;padding:10px 14px;font-weight:600}.toast{color:#fff;z-index:20;background:#213e35;border-radius:9px;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #172d3a35}fieldset:disabled{opacity:.85}@media (min-width:901px) and (max-height:780px){header{height:44px}.heading{padding:9px 0}.heading h1{font-size:21px}.heading p{display:none}.stat{padding:6px 13px}.stats{margin-bottom:9px}.toolbar{margin-bottom:8px}.taskrow{min-height:55px}.rowmain{padding:7px 0}.columnhead{padding:8px 12px}}@media (max-width:900px){main{padding:0 16px}.heading{flex-direction:row;align-items:center}.toolbar{flex-wrap:wrap}.stats{grid-template-columns:repeat(4,1fr)}.stat{gap:6px;padding:8px}.stat>span{font-size:10px}.rowmeta{gap:5px}.rowmeta .person{font-size:9px}.rowmeta .repeat{display:none}}@media (max-width:600px){main{height:auto;min-height:100dvh}.heading h1{font-size:20px}.heading p{display:none}.heading .primary{padding:10px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #edf0f4}.board{grid-template-columns:1fr;gap:12px}.cards{max-height:540px}.column{min-height:180px}.taskrow{min-height:60px}.rowmeta .person{font-size:10px}.filters{width:100%}.filters>select{max-width:55%}.search input{width:100%;min-width:0}.modalfoot{flex-wrap:wrap}.formrow{grid-template-columns:1fr 1fr;gap:10px}.modal{padding:18px}.toast{width:max-content;max-width:90vw}.topright{font-size:10px}.rowtitle strong{font-size:12px}}.bulkbar{background:#edf2fc;border:1px solid #dfe6f1;border-radius:7px;flex-shrink:0;align-items:center;gap:12px;margin-bottom:9px;padding:7px 10px;font-size:11px;display:flex}.bulkbar label{color:#62718b;align-items:center;gap:6px;display:flex}.bulkbar input,.rowcheck,.assigneegrid input{accent-color:#3156e8;cursor:pointer;flex-shrink:0;width:15px;height:15px}.bulkbar button{color:#365ec6;background:#fff;border:1px solid #d0dcf3;border-radius:5px;align-items:center;gap:5px;padding:5px 9px;font-weight:600;display:flex}.bulkbar button:disabled{opacity:.4;cursor:default}.bulkbar small{color:#8391a6;margin-left:auto;font-size:9px}.bulkbar .clearselection{color:#8292a8;background:0 0;border:0;font-weight:400}.rowcheck{margin:0 3px 0 0;padding:0}.taskrow.isselected{background:#edf3ff}.rowtitle strong{flex:0 auto}.commentflag{border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:3px 5px;font-size:9px;font-weight:800;display:inline-flex}.commentflag.chief{color:#a36500;background:#fff0c7}.commentflag.employee{color:#2359bd;background:#dcecff}.legendchief{color:#a36500}.legendemployee{color:#2359bd}.rowaction.purge{color:#ce4c5c}.assigneebox{margin-bottom:15px}.fieldtitle{margin-bottom:8px;font-size:12px;font-weight:600}.fieldtitle small{color:#8995a7;margin-left:6px;font-size:10px;font-weight:400}.assigneegrid{background:#f7f9fc;border:1px solid #e5eaf2;border-radius:8px;grid-template-columns:1fr 1fr;gap:5px 10px;padding:10px;display:grid}.modal .assigneegrid label{flex-direction:row;align-items:center;gap:7px;margin:0;padding:4px 0;font-size:11px;font-weight:500;display:flex}.rowtitle .commentflag svg{color:inherit}@media (max-width:900px){.bulkbar{flex-wrap:wrap;gap:7px}.bulkbar small{display:none}}@media (max-width:600px){.assigneegrid{grid-template-columns:1fr}.rowmeta .person{max-width:180px}.commentflag{padding:3px}.bulkbar,.bulkbar button{font-size:10px}}.filters>select[aria-label="Фильтр по объекту"]{width:133px}.filters>select[aria-label="Фильтр по сотруднику"]{max-width:265px}.filterhint{color:#6e7e96;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin:0 2px 8px;font-size:10px;display:flex}.filterhint button{color:#3156e8;white-space:nowrap;padding:0}.toolbar,.filters{flex-wrap:wrap}.filters>select{min-width:120px}@media (max-width:600px){.filters .search{flex-basis:100%}.filters>select[aria-label="Фильтр по сотруднику"]{flex:55%;max-width:none}.filters>select[aria-label="Фильтр по объекту"]{flex:35%;max-width:none}.filterhint{align-items:flex-start;font-size:9px}}.taskrow.progress:not(.late){background:#fff3c4;border-left-color:#d7a51b}.taskrow.progress:not(.late):hover{background:#ffedaa}.taskrow.progress .badge.progress{color:#866009;background:#f9e39a}.taskrow.done{background:#e0f3e5;border-left-color:#49a36a}.taskrow.done:hover{background:#d3ecd9}.taskrow.done .rowtitle strong{color:#527961}.taskrow.late{background:#ffe1e5;border-left-color:#da4759}.taskrow.late:hover{background:#ffd3d9}.taskrow.isselected{box-shadow:inset 0 0 0 2px #6f8fe4}