@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--ink:#202522;--muted:#89908b;--line:#e8ebe7;--paper:#f8f9f6;--white:#fff;--orange:#e3774c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:DM Sans,Arial,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:274px;background:#f1f3ef;border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 35px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#202522;color:white;display:grid;place-items:center;font-family:Manrope;font-size:20px}.brand strong{font-family:Manrope;letter-spacing:2px;display:block;font-size:15px}.brand small,.sidebar-bottom small{color:var(--muted);font-size:11px;display:block;margin-top:2px}.eyebrow,.side-label{font-size:10px;letter-spacing:1.4px;color:#9ca39d;font-weight:700}.side-label{padding:0 12px 10px}.nav,.project{border:0;background:none;text-align:left;width:100%;padding:10px 12px;border-radius:10px;color:#626963;font:inherit;cursor:pointer}.nav.active,.project.active{background:white;color:var(--ink);box-shadow:0 2px 10px #24302108}.project-label{margin-top:35px}.project{display:flex;align-items:center;gap:9px;font-size:13px}.project em{margin-left:auto;color:#a2a9a3;font-style:normal;font-size:11px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.black{background:#202522}.sidebar-bottom{margin-top:auto;border-top:1px solid #dde1dc;padding:17px 12px 0;display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:28px;height:28px;display:grid;place-items:center;background:#dd825e;color:#fff;font-weight:700}.avatar,.online{border-radius:50%}.online{margin-left:auto;width:7px;height:7px;background:#6ca879}.content{flex:1 1;min-width:0}.topbar{height:106px;padding:27px 52px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.6);display:flex;justify-content:space-between;align-items:center}.topbar h1{font:800 25px Manrope;margin:7px 0 0}.top-actions{display:flex;gap:12px;align-items:center}.search{background:white;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:#abb1ac}.search input{border:0;outline:0;margin-left:8px;font:inherit;width:145px}.sync{border:0;background:#edf5ee;color:#63816a;border-radius:9px;padding:10px 12px;font:600 12px DM Sans}.workspace{max-width:1060px;margin:0 auto;padding:38px 52px 70px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center}.hero h2{font:700 25px/1.28 Manrope;max-width:730px;margin:10px 0}.hero p{font-size:12px;color:var(--muted)}.signal{width:90px;height:90px;border:1px solid #d7dfd7;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.signal-ring{position:absolute;inset:-7px;border-radius:50%;border:2px solid #85a489;border-left-color:transparent;transform:rotate(25deg)}.signal b{font:800 24px Manrope}.signal small{font-size:10px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0 45px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 17px;display:flex;gap:11px;align-items:center}.stat b{font:800 21px Manrope;display:block}.stat small{font-size:11px;color:var(--muted)}.stat-dot{width:8px;height:8px;border-radius:50%;align-self:flex-start;margin-top:6px}.green{background:#72a478}.orange{background:#df845b}.red{background:#c97575}.gray{background:#aab2ad}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-head h3{font:800 20px Manrope;margin:7px 0 0}.primary{background:#202522;color:#fff;border:0;padding:11px 15px;border-radius:9px;font-weight:600}.task-list{display:flex;flex-direction:column;gap:8px}.task{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:flex;align-items:flex-start;gap:13px;transition:.15s}.task:hover{box-shadow:0 5px 20px #2430210b}.check{width:20px;height:20px;border:1px solid #cdd4ce;border-radius:6px;display:grid;place-items:center;color:#fff;background:#fff;cursor:pointer;font-size:13px}.task-main{flex:1 1;min-width:0}.task-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.task-title h4{font:600 14px Manrope;margin:0}.completed{text-decoration:line-through;color:#9aa29c}.task-main p{font-size:12px;color:#767f78;margin:7px 0 12px;line-height:1.45}.project-pill,.status{font-size:10px;padding:4px 7px;border-radius:5px}.status.orange{background:#fff1e9;color:#c26e4b}.status.gray{background:#f0f2f0;color:#7c857d}.status.red{background:#fceded;color:#b46262}.status.green{background:#eaf5eb;color:#5c9164}.task-meta{display:flex;gap:14px;align-items:center;color:#a0a7a1;font-size:10px;flex-wrap:wrap}.task-meta b{color:#657069;font-weight:500}.project-pill{border:1px solid;padding:4px 7px;color:#66716a}.priority{font-size:10px;color:#8b948d;display:flex;align-items:center;gap:5px;padding-top:3px;white-space:nowrap}.priority-dot{width:6px;height:6px;border-radius:50%}.priority-dot.high{background:#d97856}.priority-dot.medium{background:#d8a33b}.priority-dot.low{background:#9fa9a1}.more{border:0;background:none;color:#a6ada7;letter-spacing:2px}.more:hover{color:var(--ink)}@media(max-width:850px){.sidebar{width:220px}.topbar{padding:22px 25px}.workspace{padding:28px 25px}.top-actions{display:none}}@media(max-width:620px){.sidebar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.workspace{padding:25px 16px}.topbar{padding:20px 16px}.hero h2{font-size:20px}.signal{width:68px;height:68px;flex:none}.task{padding:14px}.priority{display:none}}.status-groups{gap:24px}.status-group,.status-groups{display:flex;flex-direction:column}.status-group{gap:9px}.group-title{display:flex;align-items:center;gap:8px;padding-left:2px}.group-title b{font-size:11px;color:#9aa29c;font-weight:500}.auth-page{min-height:100vh;display:grid;place-items:center;background:#f1f3ef;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:0 20px 50px #24302112}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{font:800 25px Manrope;margin:12px 0 8px}.auth-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 25px}.auth-card label{font-size:12px;font-weight:600;display:block;margin-top:15px}.auth-card input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:12px;font:inherit;outline-color:#da8060}.login-button{width:100%;margin-top:24px;cursor:pointer}.login-button:disabled{opacity:.6;cursor:wait}.error-banner,.login-error{background:#fceded;color:#a95e5e;border-radius:9px;padding:10px 12px;font-size:12px;margin-top:14px}.error-banner{margin-bottom:14px}.side-add{border:0;background:none;color:#8c9690;text-align:left;padding:8px 12px;font-size:11px;cursor:pointer}.avatar-mini{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e4a181;color:#fff;font-size:9px;font-weight:700}.logout{margin-left:auto;border:0;background:none;color:#a0a8a1;font-size:10px;cursor:pointer}.task-actions{display:flex;gap:7px;order:3}.comment-link,.task-actions button{border:0;background:none;color:#9aa39c;font-size:10px;cursor:pointer}.danger-text{color:#b76767!important}.comments{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.comment-list{display:flex;flex-direction:column;gap:7px}.comment{display:flex;gap:8px;font-size:11px}.comment b{color:#69746d}.comment span{color:#7f8981}.comment-form{display:flex;gap:7px;margin-top:10px}.comment-form input{flex:1 1;border:1px solid var(--line);border-radius:7px;padding:8px;font:inherit;font-size:11px}.comment-form button{border:0;border-radius:7px;background:#edf3ed;color:#617a66;font-size:10px;padding:0 10px}.modal-backdrop{position:fixed;inset:0;background:#20252255;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:25px;box-shadow:0 20px 60px #20252233}.modal h2{font:800 21px Manrope;margin:0}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head>button{border:0;background:none;font-size:24px;color:#9aa39c;cursor:pointer}.modal label{display:block;font-size:11px;font-weight:600;margin:13px 0}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:13px}.modal textarea{min-height:80px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.modal-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.modal-actions span{flex:1 1}.modal-actions button{border:0;background:#f0f3f0;padding:10px 13px;border-radius:8px;cursor:pointer}.modal-actions .primary{color:#fff;background:#202522}.executor-mode .sidebar>.nav,.executor-mode .sidebar>.side-label:not(.project-label){display:none}.checkline{display:flex!important;align-items:center;gap:8px;cursor:pointer}.modal .checkline input{width:16px;margin:0;display:inline-block}.checkline{font-size:12px!important;font-weight:500!important}.edit-comments{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.comments-head{display:flex;gap:8px;align-items:center;font-size:12px}.comments-head span{background:#eef2ee;border-radius:10px;padding:3px 7px;color:#78837b;font-size:10px}.modal-comment-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:120px;overflow:auto}.modal-comment{display:flex;gap:8px;font-size:11px}.modal-comment b{color:#68736c}.modal-comment span{color:#7d877f}.edit-comments .comment-form{margin-top:12px}.edit-comments small{color:#9aa39c;font-size:11px}.sync-description{font-size:13px;line-height:1.5;color:var(--muted)}.sync-actions{display:flex;gap:10px;margin:20px 0}.sync-actions button{border:0;border-radius:8px;background:#f0f3f0;padding:10px 13px;cursor:pointer}.sync-actions .primary{background:#202522;color:#fff}.sync-actions button:disabled{opacity:.6}.sync-message{background:#edf5ee;color:#5f8067;border-radius:8px;padding:10px;font-size:12px}.sync-preview{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;max-height:300px;overflow:auto}.sync-preview>small{color:#a0a8a1;font-size:10px}.sync-item{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2ef}.sync-check{color:#c09b4d;font-size:16px}.sync-check.done{color:#6da077}.sync-item b,.sync-item small{display:block}.sync-item b{font-size:12px}.sync-item small{font-size:10px;color:#9aa39c;margin-top:3px}.sync-conflict{background:#fff1e9;color:#a86443;border-radius:8px;padding:10px;font-size:12px}.conflict-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.conflict-actions button{border:0;border-radius:7px;background:#f0f3f0;padding:8px 10px;color:#657168;cursor:pointer}.sync-status{cursor:pointer}.sync-status.needs-sync{background:#fceded;color:#a95e5e}.status.teal{background:#e7f6f3;color:#258f86}.stat-dot.teal{background:#42b7aa}.comment-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 5px;border-radius:9px;background:#f5c94d;color:#705914;font-weight:700}.comment-dot{width:7px;height:7px;flex:none;margin-top:4px;border-radius:50%;background:#f5c94d}.comment-link{display:inline-flex;align-items:center}.comment-form textarea{flex:1 1;min-height:36px;max-height:120px;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:8px;font:inherit;font-size:11px}.project-label-with-action{display:flex;align-items:center;justify-content:space-between}.side-pencil{border:0;background:none;color:#8c9690;cursor:pointer;font-size:15px;transform:rotate(-35deg);transform-origin:center}.project-manager-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.project-manager-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px}.project-manager-row b{flex:1 1;font-size:12px}.project-manager-row small{color:var(--muted);font-size:10px}.project-manager-row button{border:0;background:#f0f3f0;border-radius:6px;padding:6px 8px;font-size:10px;cursor:pointer}.project-manager-row button:disabled{opacity:.5}.executor-filter,.executor-select-all{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px;color:#626963;cursor:pointer}.executor-filter input,.executor-select-all input{accent-color:#202522}.executor-filter span{flex:1 1}.executor-filter em{font-style:normal;color:#a2a9a3;font-size:11px}.modal-error{margin:0 0 12px}.comment-actions{display:inline-flex;gap:7px;margin-left:auto}.comment-actions button{border:0;background:none;color:#9aa39c;font-size:10px;cursor:pointer}.comment textarea{max-width:300px;font:inherit;font-size:11px}.comment textarea,.project-manager-row select{border:1px solid var(--line);border-radius:6px;padding:6px}.project-manager-row select{max-width:140px;font-size:10px}.executor-select-all{border-bottom:1px solid #dde2dc;margin-bottom:4px;padding-top:4px;padding-bottom:10px;color:#9aa39c;font-size:11px}.ru-date-picker{position:relative}.date-display{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:13px;text-align:left;cursor:pointer;color:var(--ink)}.date-display:not(:has(+.calendar-popover)){color:#9aa39c}.calendar-popover{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:270px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 18px 40px #20252225}.calendar-grid,.calendar-head,.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;text-align:center}.calendar-head{grid-template-columns:32px 1fr 32px;margin-bottom:10px}.calendar-head b{font:700 13px Manrope}.calendar-grid button,.calendar-head button{border:0;background:none;cursor:pointer}.calendar-head button{font-size:22px;color:#68746c}.calendar-week{font-size:10px;color:#a0a9a1;margin-bottom:5px}.calendar-grid{gap:3px}.calendar-grid button,.calendar-grid span{height:29px;border-radius:7px;display:grid;place-items:center;font-size:12px}.calendar-grid button:hover{background:#edf5ee}.calendar-grid button.selected{background:#202522;color:#fff}.calendar-clear{border:0;background:none;color:#b56c4f;font-size:11px;padding:9px 0 0;cursor:pointer}.comment>textarea{flex:1 1;min-width:0;min-height:38px}.comment>button{border:0;background:#edf3ed;color:#617a66;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer}.comment-edit{display:flex;align-items:stretch;gap:8px;width:100%}.comment-edit textarea{flex:1 1;width:100%;min-height:54px}.comment-edit button{background:#f2c84b;color:#5d4c13;font-weight:700}.comment-link{margin-left:auto}.task-meta{align-items:flex-end}.modal{overflow:visible;max-height:calc(100vh - 28px)}.modal-backdrop{overflow:auto}.calendar-grid button.today{box-shadow:inset 0 0 0 2px #f0b83f}.executor-edit{border:0;background:none;color:#a0aaa2;cursor:pointer;font-size:12px;padding:0 2px}.executor-edit:hover{color:var(--ink)}.employee-delete{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.employee-delete h3{font:700 15px Manrope;margin:0 0 5px}.employee-delete p{font-size:11px;color:var(--muted)}.danger-button{border:0;background:#fceded;color:#a95e5e;padding:10px 13px;border-radius:8px;cursor:pointer}.danger-button:disabled{opacity:.5}