.backup-simple-page{display:grid;gap:14px}
.backup-simple-list{display:grid;gap:8px}
.backup-simple-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.9fr) auto;gap:14px;align-items:center;border:1px solid #263b55;border-radius:11px;background:#0d192a;padding:12px 14px}
.backup-simple-name{font-weight:850;color:#e8f5ff;font-size:14px}
.backup-simple-meta{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.45}
.backup-simple-type{display:inline-flex;align-items:center;border:1px solid #35506d;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;color:#9dbbd3;margin-right:7px}
.backup-simple-type.full{border-color:rgba(56,189,248,.36);color:#9bdcf7}
.backup-simple-type.system{border-color:rgba(52,211,153,.30);color:#9ee6bc}
.backup-simple-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.backup-simple-actions button{min-height:34px;padding:8px 10px;font-size:12px}
.backup-simple-empty{border:1px dashed #36506d;border-radius:11px;padding:28px 18px;text-align:center;color:var(--muted);background:#0d192a}
.backup-simple-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:#9bc6e2}
.backup-simple-spinner{width:14px;height:14px;border:2px solid #35506d;border-top-color:#38bdf8;border-radius:50%;animation:backupSimpleSpin .8s linear infinite}
@keyframes backupSimpleSpin{to{transform:rotate(360deg)}}

.backup-create-overlay{position:fixed;inset:0;background:rgba(2,8,18,.72);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}
.backup-create-modal{width:min(640px,100%);border:1px solid #31516d;border-radius:14px;background:#0c1727;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden}
.backup-create-head{padding:17px 18px;border-bottom:1px solid #263b55;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.backup-create-title{font-size:18px;font-weight:900;color:#eef8ff}
.backup-create-sub{font-size:11px;color:var(--muted);margin-top:4px}
.backup-create-body{padding:16px 18px;display:grid;gap:12px}
.backup-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.backup-kind{border:1px solid #2a405a;border-radius:11px;background:#0d192a;padding:12px;cursor:pointer;min-height:94px}
.backup-kind:hover{border-color:#3f6688}.backup-kind.selected{border-color:#38bdf8;background:rgba(56,189,248,.055)}
.backup-kind.disabled{opacity:.5;cursor:not-allowed}
.backup-kind-name{font-weight:850;color:#dcecff}
.backup-kind-desc{font-size:10px;color:var(--muted);line-height:1.45;margin-top:5px}
.backup-destination{display:grid;gap:6px}.backup-destination label{font-size:11px;color:#8eabc2}
.backup-destination select{width:100%;background:#0b1727;border:1px solid #29415d;color:#dcecff;border-radius:9px;padding:10px}
.backup-create-note{font-size:10px;color:#7f9bb3;line-height:1.5}
.backup-create-actions{padding:13px 18px;border-top:1px solid #263b55;display:flex;justify-content:flex-end;gap:8px}

@media(max-width:800px){
  .backup-simple-row{grid-template-columns:1fr}
  .backup-simple-actions{justify-content:flex-start}
  .backup-kind-grid{grid-template-columns:1fr}
}