/* Dashboard */
.insight-strip{min-height:55px;margin-bottom:17px;padding:10px 16px;display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,#f1f5ff,#f8faff);border:1px solid #dce5ff;border-radius:12px}.insight-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--blue);background:#fff;border-radius:9px;box-shadow:0 3px 12px rgba(91,124,250,.12)}.insight-strip>div{display:flex;align-items:baseline;gap:9px;flex:1}.insight-strip strong{font-size:10px}.insight-strip span{color:#68758b;font-size:10px}.insight-strip a{display:flex;align-items:center;gap:5px;color:var(--blue);font-size:9px;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-card{min-height:135px;padding:17px;position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;transition:.22s var(--ease)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.kpi-card>small{display:block;color:var(--muted);font-size:10px}.kpi-card>strong{display:block;margin:8px 0 15px;font-size:24px;line-height:1}.kpi-card>p{margin:0;color:#9aa3b2;font-size:8px}.kpi-icon{position:absolute;left:16px;top:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.kpi-icon.blue{color:var(--blue);background:rgba(91,124,250,.1)}.kpi-icon.green{color:var(--green);background:rgba(15,169,134,.1)}.kpi-icon.orange{color:var(--orange);background:rgba(230,123,70,.1)}.kpi-icon.purple{color:var(--purple);background:rgba(139,92,246,.1)}.mini-progress{width:75%;height:5px;overflow:hidden;background:#edf0f4;border-radius:6px}.mini-progress i{height:100%;display:block;background:var(--green);border-radius:inherit}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:15px;align-items:stretch}.project-focus,.activity-panel,.task-panel,.velocity-panel{padding:18px 19px}.focus-content{padding:18px 3px 12px;display:flex;align-items:center;gap:28px}.progress-ring{width:116px;height:116px;position:relative;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--progress)*1%),#edf0f6 0)}.progress-ring:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.progress-ring span{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center}.progress-ring strong{font-size:20px}.progress-ring small{color:#8791a2;font-size:8px}.milestones{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.milestones>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #e4e8ee}.milestones span{color:#8e98a9;font-size:9px}.milestones b{font-size:10px}.milestones b.good{color:var(--green)}.milestone-line{padding-top:15px;display:flex;border-top:1px solid #eef1f4}.milestone-line span{position:relative;flex:1;padding-bottom:15px;color:#9ba4b2;text-align:center;font-size:8px}.milestone-line span:after{content:"";position:absolute;right:50%;bottom:2px;width:100%;height:2px;background:#e7ebf0}.milestone-line span:first-child:after{width:50%}.milestone-line span:before{content:"";position:absolute;z-index:1;right:calc(50% - 5px);bottom:-2px;width:9px;height:9px;background:#fff;border:2px solid #d5dbe5;border-radius:50%}.milestone-line .done:before{background:var(--green);border-color:var(--green)}.milestone-line .done:after{background:#80dac7}.milestone-line .active:before{background:var(--blue);border:3px solid #dfe5ff;box-shadow:0 0 0 2px var(--blue)}.activity-list{padding-top:9px}.activity-item{padding:9px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5}.activity-item:last-child{border:0}.activity-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.activity-icon.blue{color:var(--blue);background:#eef2ff}.activity-icon.green{color:var(--green);background:#eaf8f4}.activity-item>div{display:flex;flex-direction:column;gap:3px}.activity-item strong{font-size:9px}.activity-item small{color:#98a1af;font-size:8px}.task-list{margin-top:8px}.task-row{min-height:55px;display:grid;grid-template-columns:10px 1fr auto 16px;align-items:center;gap:10px;border-bottom:1px solid #eef1f5;transition:background .18s}.task-row:hover{background:#fafbfe}.task-state{width:7px;height:7px;background:#aab3c1;border-radius:50%}.task-state.inprogress{background:var(--blue)}.task-state.review{background:var(--orange)}.task-state.done{background:var(--green)}.task-row>div{display:flex;flex-direction:column}.task-row strong{font-size:10px}.task-row small{color:#99a2b1;font-size:8px}.bar-chart{height:188px;margin:12px 5px 0;padding:20px 0 18px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e8ebf0;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f0f2f5 40px)}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-chart i{width:26px;min-height:12px;position:relative;display:block;background:#dce4ff;border-radius:5px 5px 0 0;transition:height .7s var(--ease)}.bar-chart i.active{background:var(--blue)}.bar-chart b{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:8px}.bar-chart small{position:absolute;bottom:-17px;color:#97a1b1;font-size:7px}
/* Projects and board */
.toolbar,.board-toolbar{min-height:53px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tabs{padding:4px;display:flex;gap:3px;background:#e9edf3;border-radius:10px}.tabs button{padding:8px 13px;color:#788396;background:transparent;border:0;border-radius:7px;font-size:9px}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px rgba(23,32,51,.08);font-weight:700}.tabs b{margin-right:4px;padding:1px 5px;background:#edf0f4;border-radius:8px;font-size:7px}.inline-search{height:38px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#8d97a7;background:#fff;border:1px solid var(--line);border-radius:9px}.inline-search input{width:170px;background:transparent;border:0;outline:0;font-size:9px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:.22s var(--ease)}.project-card:hover{transform:translateY(-3px);border-color:#cad3e2;box-shadow:0 13px 30px rgba(31,44,73,.07)}.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font:700 10px Arial}.status-dot{display:flex;align-items:center;gap:5px;color:var(--green);font-size:8px}.status-dot i{width:6px;height:6px;background:currentColor;border-radius:50%}.project-card h2{margin:14px 0 5px;font-size:15px}.project-card>p{height:35px;margin-bottom:14px;overflow:hidden;color:#8691a2;font-size:9px}.project-progress>span{margin-bottom:7px;display:flex;justify-content:space-between;color:#7e899a;font-size:9px}.project-progress b{color:var(--ink)}.project-meta{margin-top:15px;padding:13px 0;display:flex;gap:22px;color:#7d8798;border-top:1px solid #eff1f4;border-bottom:1px solid #eff1f4}.project-meta span{display:flex;align-items:center;gap:5px;font-size:8px}.project-card>footer{padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:9px;font-weight:700}.project-picker{min-width:230px;display:flex;align-items:center;gap:10px}.project-picker>span{color:#8a95a6;font-size:9px}.project-picker select{min-width:175px;background:#fff;font-weight:700}.board-summary{display:flex;align-items:center;gap:17px;color:#7e899a;font-size:9px}.board-summary span{display:flex;align-items:center;gap:5px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(225px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.kanban-column{min-height:560px;padding:12px;background:#eef1f5;border:1px solid transparent;border-radius:13px;scroll-snap-align:start;transition:.2s}.kanban-column:hover{border-color:#dde3eb}.kanban-column>header{height:38px;display:flex;align-items:flex-start;justify-content:space-between}.kanban-column>header>div{display:flex;align-items:center;gap:7px}.kanban-column>header i{width:7px;height:7px;background:#8994a5;border-radius:50%}.column-inprogress>header i{background:var(--blue)}.column-review>header i{background:var(--orange)}.column-done>header i{background:var(--green)}.kanban-column>header strong{font-size:9px}.kanban-column>header span{min-width:20px;height:18px;display:grid;place-items:center;color:#7b8696;background:rgba(255,255,255,.75);border-radius:10px;font-size:7px}.kanban-column>header button,.kanban-card button{padding:2px;color:#8e98a8;background:transparent;border:0}.kanban-list{display:flex;flex-direction:column;gap:9px}.kanban-card{padding:13px;background:#fff;border:1px solid #e2e7ed;border-radius:10px;box-shadow:0 3px 9px rgba(33,46,72,.025);transition:.2s var(--ease)}.kanban-card:hover{transform:translateY(-2px);border-color:#c9d3e2;box-shadow:0 8px 19px rgba(33,46,72,.07)}.kanban-card.dragging{opacity:.5;transform:rotate(-1deg) scale(.98)}.card-top{display:flex;justify-content:space-between}.type-pill{padding:3px 6px;color:var(--blue);background:#eef2ff;border-radius:5px;font-size:7px}.card-top a{color:#7d8797}.kanban-card h3{margin:10px 0 6px;font-size:10px;line-height:1.75}.kanban-card>small{color:#99a2b0;font:7px Arial}.card-tags{margin:13px 0 11px;display:flex;align-items:center;gap:7px}.card-tags>span:not(.priority){padding:3px 6px;color:#758196;background:#f1f3f7;border-radius:10px;font-size:7px}.kanban-card footer{padding-top:10px;display:flex;align-items:center;gap:8px;color:#8f99a8;border-top:1px solid #eff1f4;font-size:7px}.kanban-card footer>span:nth-child(2){margin-right:auto}.kanban-card footer button{width:26px;height:26px;display:grid;place-items:center;border-radius:7px}.kanban-card footer button:hover{color:var(--blue);background:#eef2ff}
/* My work, sprint, time */
.mobile-mode-strip{min-height:58px;margin-bottom:15px;padding:10px 14px;display:flex;align-items:center;gap:11px;color:#147c67;background:#edf9f6;border:1px solid #d8f0ea;border-radius:12px}.mobile-mode-strip.offline{color:#b86132;background:#fff4ed;border-color:#f5dfd1}.mobile-mode-strip>span{width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:9px}.mobile-mode-strip>div{display:flex;flex-direction:column}.mobile-mode-strip strong{font-size:10px}.mobile-mode-strip small{color:#82918d;font-size:8px}.personal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.personal-kpis article{padding:17px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:13px}.personal-kpis strong{font-size:22px}.personal-kpis span{color:#8490a1;font-size:9px}.personal-kpis .blue{border-right:3px solid var(--blue)}.personal-kpis .orange{border-right:3px solid var(--orange)}.personal-kpis .green{border-right:3px solid var(--green)}.personal-task-panel{padding:19px}.personal-task-list{margin-top:10px}.personal-task-list>article{min-height:78px;padding:11px 4px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid #eef1f4}.state-icon{width:34px;height:34px;display:grid;place-items:center;color:#7e899b;background:#f1f3f7;border-radius:9px}.state-icon.inprogress{color:var(--blue);background:#eef2ff}.state-icon.review{color:var(--orange);background:#fff2eb}.personal-task-list article>div{display:flex;flex-direction:column;gap:3px}.personal-task-list strong{font-size:10px}.personal-task-list small{color:#98a2b1;font-size:8px}.personal-task-list article>div>span{display:flex;align-items:center;gap:7px}.personal-task-list em{color:#8792a4;font-size:8px;font-style:normal}.personal-task-list article>button{padding:8px 10px;display:flex;align-items:center;gap:5px;color:var(--blue);background:#f2f5ff;border:0;border-radius:8px;font-size:8px;font-weight:700}.sprint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.sprint-card{padding:20px}.sprint-card>header{display:flex;justify-content:space-between}.sprint-card header h2{margin:7px 0 0;font-size:16px}.sprint-card header>strong{font-size:22px}.sprint-state{padding:4px 7px;color:#727f93;background:#eef1f5;border-radius:12px;font-size:7px}.sprint-state.active{color:var(--green);background:#eaf8f4}.sprint-state.completed{color:var(--blue);background:#eef2ff}.sprint-card>p{min-height:38px;margin:13px 0;color:#7d899a;font-size:9px}.sprint-stats{margin-top:17px;padding-top:13px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eef1f4}.sprint-stats span{display:flex;flex-direction:column}.sprint-stats small{color:#99a3b2;font-size:7px}.sprint-stats b{margin-top:3px;font-size:9px}.time-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.3fr);gap:15px}.timer-panel,.time-history{padding:22px}.timer-panel{text-align:center;background:radial-gradient(circle at 50% 0,#f2f5ff,transparent 55%),#fff}.timer-panel>h2{margin:15px 0 4px;font:700 38px "Segoe UI",Arial;direction:ltr;letter-spacing:2px}.timer-panel>p{color:#8792a3;font-size:9px}.timer-panel>select{margin:14px 0}.timer-actions{margin:18px 0;display:flex;justify-content:center;gap:10px}.timer-button{min-width:110px;height:45px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--blue);border:0;border-radius:23px;font-size:10px;font-weight:700;box-shadow:0 9px 23px rgba(91,124,250,.25)}.timer-button.stop{background:var(--red);box-shadow:0 9px 23px rgba(213,87,103,.2)}.timer-panel>.btn-primary{margin-top:13px}.time-history .panel-head>strong{font-size:18px}.time-list{margin-top:13px}.time-list>article{min-height:63px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #eef1f4}.time-day{width:33px;height:36px;display:grid;place-items:center;color:var(--blue);background:#eef2ff;border-radius:8px;font-weight:700}.time-list article>div{display:flex;flex-direction:column}.time-list strong{font-size:9px}.time-list small{color:#98a2b1;font-size:8px}.time-list article>b{direction:ltr;font-size:10px}

/* Role-aware dashboard */
.dashboard-role-badge{padding:4px 9px!important;flex:0 0 auto;color:#44506a!important;background:#fff;border:1px solid #dfe5f3;border-radius:14px;font-size:8px!important;font-weight:700}
.focus-description{margin:4px 3px 0;padding-top:13px;color:#758196;border-top:1px solid #eef1f4;font-size:9px;line-height:1.9}
.milestones b.danger{color:var(--red)}.milestones b.warning{color:var(--orange)}.milestones b.info{color:var(--blue)}.activity-icon.purple{color:var(--purple);background:#f3efff}
.dashboard-empty{min-height:120px;display:grid;place-items:center;padding:20px;color:#8c97a8;text-align:center;font-size:9px}
.dashboard-empty.compact{min-height:105px}
.personal-dashboard .project-focus,.management-dashboard .project-focus{grid-column:1}
.client-dashboard{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.client-project-panel{padding:18px 19px}
.client-project-list{margin-top:10px;display:flex;flex-direction:column}
.client-project-row{min-height:67px;padding:10px 2px;display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #eef1f4}
.client-project-row:last-child{border-bottom:0}
.client-project-row:hover strong{color:var(--blue)}
.client-project-row>div:first-of-type{display:flex;flex-direction:column;gap:3px}
.client-project-row strong{font-size:10px;transition:color .18s}
.client-project-row small{color:#929dad;font-size:8px}
.project-dot{width:8px;height:8px;border-radius:50%}
.project-percent{direction:ltr;color:#4c5a70;font-size:10px;font-weight:800}
.project-progress{height:4px;grid-column:2/-1;overflow:hidden;background:#edf0f5;border-radius:6px}
.project-progress i{height:100%;display:block;background:var(--blue);border-radius:inherit}
.velocity-panel .bar-chart small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}