.backup-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:20px}.backup-summary>section{display:flex;flex-direction:column;gap:10px;min-width:0}.backup-summary>section>span{font-size:.88rem;color:var(--muted)}.backup-summary>section>strong{font-size:2rem}.backup-summary small{color:var(--muted);line-height:1.5}.backup-create{justify-content:space-between}.backup-create h2{font-size:1.05rem;margin:0 0 8px}.backup-create button{align-self:flex-start}.backup-disk{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:25px 0 12px}.backup-disk>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.backup-disk strong{font-size:2rem}.backup-disk span{color:var(--muted)}.backup-progress{width:100%;height:12px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--primary,#4f46d7)}.backup-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 16px}.backup-areas>div{padding:16px;background:var(--bg,#f7f6fc);border-radius:12px;display:grid;gap:10px}.backup-areas span{font-size:.85rem;color:var(--muted)}.backup-areas strong{font-size:1.25rem;overflow-wrap:anywhere}.backup-file-bars{display:grid;gap:16px;margin:20px 0}.backup-file-bars>div{display:grid;grid-template-columns:190px minmax(30px,1fr) 90px;gap:16px;align-items:center}.backup-file-bars small{display:block;color:var(--muted);font-size:.75rem}.backup-file-bars>div>div{height:10px;border-radius:10px;background:var(--bg,#f7f6fc);overflow:hidden}.backup-file-bars i{height:100%;display:block;background:var(--backup-color,#6251d9);border-radius:10px}.backup-file-bars strong{text-align:right;font-size:.85rem}.backups-table td{white-space:normal;overflow-wrap:anywhere}.backup-row-actions{display:grid;gap:12px;min-width:120px}.backup-row-actions details{font-size:.8rem}.backup-row-actions ul{margin:12px 0;padding-left:18px;max-width:280px}.backup-row-actions li{margin:7px 0;overflow-wrap:anywhere}.backup-row-actions li span{color:var(--muted);display:block}.backup-job{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border:1px solid var(--border,#e5e7ef);border-left:4px solid var(--primary,#6251d9);background:var(--surface,#fff);padding:20px;border-radius:14px;margin:20px 0}.backup-job p{margin:8px 0;font-size:.9rem}.backup-job small{color:var(--muted);font-size:.8rem}.backup-job.local_only,.backup-job.failed{border-left-color:#d59326}.backup-job.completed{border-left-color:#329d88}.backup-job-history>summary{cursor:pointer;font-weight:650}.backup-spinner{width:22px;height:22px;border:3px solid #ddd8f9;border-top-color:#6251d9;border-radius:50%;animation:backup-spin 1s linear infinite}.backup-setup{max-width:800px}.backup-setup p{line-height:1.6}#backup-connection-status:not(:empty){padding:15px;background:#fff3d5;border-radius:10px;margin-bottom:20px;color:#79550e}.dark .backup-job{background:var(--panel,#22233a)}@keyframes backup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.backup-spinner{animation:none}}@media(max-width:1100px){.backup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-create{grid-column:1/-1}.backup-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.backup-summary{grid-template-columns:minmax(0,1fr)}.backup-areas{grid-template-columns:minmax(0,1fr)}.backup-file-bars>div{grid-template-columns:100px minmax(20px,1fr) 70px;gap:10px}.backup-file-bars strong{font-size:.75rem}.backup-disk strong{font-size:1.5rem}.backup-row-actions{min-width:0}.backup-summary>section>strong{font-size:1.7rem}}