.overview-list-tools{display:flex;gap:8px;align-items:center}.project-index{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.project-status{min-width:108px;display:grid;grid-template-columns:1fr 1fr;gap:3px 5px}.mini-item label{display:block;font-size:9px;color:var(--muted);line-height:11px;margin:0}.progress-mini{height:14px;position:relative;border-radius:7px;overflow:hidden;background:#edf1ef;color:#25383b;font-size:9px;line-height:14px;text-align:center;font-variant-numeric:tabular-nums}.progress-mini i{position:absolute;inset:0 auto 0 0;background:#58a878;opacity:.8}.progress-mini span{position:relative;z-index:1;font-weight:700}.progress-mini.mid i{background:#d9aa43}.progress-mini.finish i{background:#d96d54}.progress-mini.done i{background:#92999a}.table-head,.project-row{grid-template-columns:38px minmax(140px,1.35fr) minmax(130px,1.2fr) 105px 100px 100px 112px minmax(160px,auto);column-gap:8px}.project-row{padding:10px 12px}.project-row,.sheet-card,.file-group,.settings-card,.stat,.summary-strip,.template-section{transition:transform .16s ease,box-shadow .16s ease}.project-row:hover,.sheet-card:hover,.file-group:hover,.settings-card:hover,.stat:hover,.summary-strip:hover,.template-section:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,38,44,.12)}
.overview-buttons{display:flex;gap:4px;flex-wrap:nowrap;white-space:nowrap}.project-row>div:last-child{min-width:220px}.balance-summary{display:none}
.table-head,.project-row{grid-template-columns:32px minmax(150px,1.6fr) minmax(150px,1.35fr) 105px 95px 95px 124px 220px;column-gap:8px;min-width:0}.table-head>*,.project-row>*{min-width:0}.project-row{overflow:hidden}.project-row>div:last-child{min-width:0}.overview-buttons{display:flex;gap:3px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap}.overview-buttons button{padding:5px 6px;font-size:11px;white-space:nowrap}
.table-head,.project-row{grid-template-columns:32px minmax(180px,1.8fr) minmax(150px,1.45fr) 112px 100px 100px 138px 205px;column-gap:8px;min-width:0}.table-head>*,.project-row>*{min-width:0}
.table-head,.project-row{grid-template-columns:34px 250px 220px 125px 110px 110px 145px 250px;column-gap:10px}.project-row{padding:10px 14px}.project-row>div:last-child{overflow:visible}.overview-buttons{gap:5px}.overview-buttons button{padding:5px 7px}
.project-table{width:100%;overflow-x:auto}.table-head,.project-row{grid-template-columns:3% 18% 16% 11% 10% 10% 14% 18%;column-gap:8px;min-width:1080px}.table-head{font-size:12px}.project-row{font-size:13px;line-height:1.45;min-height:72px}.project-row small{font-size:12px}.overview-buttons{gap:4px}.overview-buttons button{font-size:12px;padding:6px 7px}
.table-head,.project-row{grid-template-columns:32px minmax(170px,1.5fr) minmax(140px,1.2fr) 115px 105px 105px 138px 160px}
@media(max-width:650px){.project-row>div:nth-child(2),.project-row>strong{display:block}.table-head{display:grid}.project-row .overview-buttons{flex-wrap:wrap}}
.project-status .mini-item label{margin:0;line-height:12px}.project-status{row-gap:6px}
@media(max-width:650px){
  .app-shell main{min-width:0;flex:1;width:calc(100% - 64px);padding:24px 12px}
  #overview .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #overview .stat{min-width:0;padding:14px 10px}
  #overview .stat strong{font-size:18px;overflow-wrap:anywhere}
  #overview>.section-head{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  #overview .section-head h2{font-size:24px}
  .overview-list-tools{width:100%;min-width:0}
  .overview-list-tools .search{min-width:0;flex:1}
  .overview-list-tools input{min-width:0;width:100%}
  #projectOrderBtn{white-space:nowrap;flex-shrink:0}
  .header-actions #newProject{display:block;white-space:nowrap;padding:8px;font-size:12px}
}