.db-section{gap:var(--cf-space-3);flex-direction:column;display:flex}.db-stats{gap:var(--cf-space-3);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.db-stats{grid-template-columns:repeat(4,1fr)}}.db-stat{gap:var(--cf-space-1);padding:var(--cf-space-4);flex-direction:column;display:flex}.db-stat-value{color:var(--cf-ink);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1.1}.db-stat-label{color:var(--cf-ink-muted);font-size:.8125rem;font-weight:600}.db-stat-danger{border-color:var(--cf-danger);background:var(--cf-danger-soft)}.db-stat-danger .db-stat-value{color:var(--cf-danger-strong)}.db-empty-link{align-self:flex-start}.db-list{gap:var(--cf-space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.db-item{justify-content:space-between;align-items:flex-start;gap:var(--cf-space-3);min-height:4.5rem;color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.db-item:hover{border-color:var(--cf-primary-border);box-shadow:var(--cf-shadow-sm)}.db-item:active{transform:translateY(1px)}.db-item:focus-visible{outline:2px solid var(--cf-focus);outline-offset:2px}.db-item-overdue{border-color:var(--cf-danger);background:var(--cf-danger-soft)}.db-item-done{border-color:var(--cf-success);background:var(--cf-success-soft)}.db-item-done .db-item-when{color:var(--cf-success)}.db-item-main{flex-direction:column;gap:.125rem;min-width:0;display:flex}.db-item-title{color:var(--cf-ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:700}.db-item-sub{color:var(--cf-ink-muted);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.8125rem}.db-item-side{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.125rem;display:flex}.db-item-when{color:var(--cf-ink-body);font-size:.875rem;font-weight:700}.db-item-overdue .db-item-when{color:var(--cf-danger-strong)}.db-item-date{color:var(--cf-ink-muted);font-size:.8125rem}.db-warning{gap:var(--cf-space-2);padding:var(--cf-space-3) var(--cf-space-4);border:1px solid var(--cf-primary-border);border-radius:var(--cf-radius-m);background:var(--cf-primary-soft);flex-direction:column;display:flex}.db-warning-title{color:var(--cf-primary-strong);margin:0;font-weight:700}.db-warning-body{color:var(--cf-ink-body);margin:0;font-size:.9375rem}.db-warning-list{gap:var(--cf-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.db-warning-link{min-height:var(--cf-touch);border-radius:var(--cf-radius-s);color:var(--cf-primary-strong);text-underline-offset:.2em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.db-warning-link:hover{color:var(--cf-primary-hover)}.db-warning-link:focus-visible{outline:2px solid var(--cf-focus);outline-offset:2px}.db-warning-more{color:var(--cf-ink-muted);font-size:.8125rem}.db-skeleton{border-radius:var(--cf-radius-l);background:var(--cf-muted-soft);height:4.5rem;animation:1.6s ease-in-out infinite db-pulse}@keyframes db-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.db-skeleton{animation:none}}