.workspace-main{display:grid;gap:20px;min-width:0;align-content:start}
.daily-queue{min-height:0}
.daily-queue .task-list{padding-top:4px}
.side-nav .nav-item>i{font-size:19px;line-height:1}
.focus-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:18px 23px;border:1px solid var(--accent);border-radius:16px;background:var(--accent-soft);color:var(--ink)}
.focus-panel[hidden]{display:none}
.focus-panel>div:first-child{display:grid;gap:3px;min-width:0}
.focus-panel-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}
.focus-panel strong{font-size:17px;overflow-wrap:anywhere}
.focus-panel #focus-estimate{font-size:12px;color:var(--muted)}
.focus-panel-actions{display:flex;align-items:center;gap:16px;flex:none}
#focus-clock{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.task-row .row-actions button[data-action="timer"]{color:var(--accent-strong)}
.estimate-input{display:flex;align-items:center;gap:9px}
.estimate-input input{width:130px;max-width:100%}
.estimate-input span{font-size:12px;color:var(--muted)}
.progress-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.progress-chart-head h3{font-size:14px;margin:0;color:var(--accent-strong)}
.progress-chart-head>span{font-size:11px;color:var(--muted)}
.progress-chart-body{display:flex;align-items:center;gap:20px;margin-top:18px}
.progress-donut{flex:none;width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--progress),var(--line) 0)}
.progress-donut>span{width:78px;height:78px;border-radius:50%;background:var(--wash);display:grid;align-content:center;text-align:center}
.progress-donut strong{font-size:21px;line-height:1.2;color:var(--ink)}
.progress-donut small{font-size:10px;color:var(--muted)}
.progress-chart-detail{min-width:0;flex:1;display:grid;gap:3px}
.progress-chart-detail>strong{font-size:13px}
.progress-chart-detail>span,.focus-progress small{font-size:11px;color:var(--muted)}
.focus-progress{margin-top:9px}
.focus-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px}
.focus-progress>div:first-child strong{font-size:12px}
.focus-progress-track{height:7px;overflow:hidden;border-radius:8px;background:var(--line);margin:6px 0}
.focus-progress-track span{display:block;height:100%;border-radius:8px;background:var(--accent)}
.reports-view{padding:38px 0 65px}
.reports-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.reports-intro h1{margin:0;font-size:clamp(32px,3.5vw,50px);line-height:1.12;letter-spacing:-.04em}
.reports-range-label{display:grid;gap:6px;font-size:12px;font-weight:650;flex:none}
.reports-range-label select{padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.report-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.report-stat-grid>div,.report-panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.report-stat-grid>div{display:grid;gap:8px;padding:17px 19px}
.report-stat-grid span{font-size:12px;color:var(--muted)}
.report-stat-grid strong{font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}
.report-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.report-panel{padding:23px;min-width:0}
.report-panel h2{margin:0;font-size:19px}
.report-panel p{margin:5px 0 24px;color:var(--muted);font-size:12px}
.report-chart{display:flex;align-items:flex-end;gap:4px;min-height:190px;overflow-x:auto;border-bottom:1px solid var(--line)}
.report-bar-column{height:185px;flex:1 0 28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:28px}
.report-bar{display:block;width:min(100%,25px);min-height:2px;border-radius:5px 5px 0 0;background:var(--accent)}
.focus-chart .report-bar{background:var(--focus)}
.report-bar-column small{height:20px;font-size:9px;white-space:nowrap;color:var(--muted)}
.report-empty{font-size:13px;color:var(--muted);padding:18px 0}
.report-chart-empty{display:flex;align-items:center;min-height:108px;padding:20px;border:1px dashed var(--line);border-radius:10px;background:var(--wash);color:var(--muted);font-size:13px;line-height:1.5}
@media(min-width:740px) and (max-width:830px){
  .sidebar{width:168px;flex-basis:168px;padding-inline:14px}
  .sidebar .brand{justify-content:flex-start;padding:0 4px}
  .sidebar .brand>span:last-child{display:inline;font-size:18px}
  .sidebar .side-nav{margin-top:48px}
  .sidebar .side-nav .nav-item,.sidebar .side-nav .nav-item:not(.active),.sidebar .side-nav .nav-item.active{justify-content:flex-start;gap:10px;padding:11px 10px;font-size:13px}
  .sidebar .nav-item svg{flex:none}
}
@media(max-width:1000px){.report-panels{grid-template-columns:1fr}}
@media(max-width:680px){.workspace-main{gap:15px}.focus-panel{align-items:flex-start;flex-direction:column;padding:16px}.focus-panel-actions{width:100%;justify-content:space-between}.reports-view{padding-top:25px}.reports-intro{align-items:start;flex-direction:column}.report-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-stat-grid>div{padding:14px}.report-stat-grid strong{font-size:21px}.report-panel{padding:18px}.progress-chart-body{gap:14px}.progress-donut{width:90px;height:90px}.progress-donut>span{width:68px;height:68px}}
@media(max-width:600px){
  .sidebar .side-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
  .sidebar .side-nav>a[href="#links"],.sidebar .side-nav>a[href="#settings"]{display:none}
  .sidebar .nav-more{display:flex;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}
  .sidebar .nav-more.active,.sidebar .nav-more[aria-expanded="true"]{background:var(--accent);color:#fff}
  .sidebar .nav-item,.sidebar .nav-item:not(.active),.sidebar .nav-item.active{font-size:11px}
  .sidebar .nav-item>i{font-size:21px}
  .more-sections:not([hidden]){position:fixed;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:21;display:grid;gap:4px;width:min(260px,calc(100vw - 24px));padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 18px 50px -22px rgba(20,30,45,.45)}
  .more-sections a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:9px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}
  .more-sections a:hover,.more-sections a.active{background:var(--accent-soft);color:var(--accent-strong)}
  .more-sections i{font-size:19px}
  :root[data-theme="black"] .sidebar .nav-more.active,:root[data-theme="black"] .sidebar .nav-more[aria-expanded="true"]{color:#111214}
}