.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
.co-card{padding:16px;cursor:pointer;transition:border-color .12s;}
.co-card:hover{border-color:var(--border-strong);}
.co-card.active{border-color:var(--accent);}
.co-card-top{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.co-card-name{font-weight:600;font-size:14.5px;}
.co-card-ind{font-size:11.5px;color:var(--text-3);}
.co-stat-row{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;color:var(--text-2);}
.co-stat-row b{color:var(--text-1);font-family:var(--font-m);font-weight:600;}
.add-co-card{border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:150px;color:var(--text-3);}
.add-co-card:hover{color:var(--accent);border-color:var(--accent);}

.progress-bar{height:6px;background:var(--bg-3);border-radius:4px;overflow:hidden;}
.progress-fill{height:100%;border-radius:4px;}

.legend-row{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:6px 0;}
.dot{width:9px;height:9px;border-radius:3px;flex:0 0 9px;}

.reminder-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border);}
.reminder-item:last-child{border-bottom:none;}
.ri-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 32px;}
.ri-icon svg{width:15px;height:15px;}
.ri-text{font-size:12.5px;font-weight:600;}
.ri-sub{font-size:11px;color:var(--text-3);margin-top:2px;}

.actv-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border);}
.actv-item:last-child{border-bottom:none;}

.quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.quickbtn{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:11px 12px;display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;text-align:left;}
.quickbtn:hover{border-color:var(--accent);color:var(--accent);}
.quickbtn svg{width:16px;height:16px;color:var(--accent);}

.sortof{width:100%;}

.linebox{border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;margin-bottom:10px;}
.linebox .lrow{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end;}

.acct-pill{font-family:var(--font-m);font-size:11.5px;color:var(--text-3);}

.jline-total{display:flex;justify-content:flex-end;gap:22px;padding-top:10px;font-size:13px;}
.jline-total b{font-family:var(--font-m);}

.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;}
.kv:last-child{border-bottom:none;}
.kv b{font-family:var(--font-m);font-weight:600;}

.banner{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:var(--r-sm);font-size:12.5px;margin-bottom:18px;}
.banner-warn{background:var(--warn-dim);color:var(--warn);border:1px solid rgba(245,184,79,0.25);}
.banner svg{width:16px;height:16px;flex:0 0 16px;}

@media(max-width:900px){
  #sidebar{position:fixed;left:-260px;z-index:60;transition:left .2s;box-shadow:0 0 0 100vmax rgba(0,0,0,0);}
  #sidebar.open{left:0;box-shadow:0 0 0 100vmax rgba(0,0,0,0.5);}
  .menu-toggle{display:flex;}
  .g-main{grid-template-columns:1fr;}
}

/* =====================================================