:root{color:#18212f;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:36px 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:#5d6d83;font-size:13px;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.1}h2{font-size:20px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.status-grid div,.panel,.notice{border:1px solid #d8e1ec;border-radius:8px;background:#fff}.status-grid div{min-width:0;padding:14px 16px}.status-grid span,.panel-header p,.backup-row small,.database-row small,.empty-state{color:#66758a;font-size:13px}.status-grid strong{display:block;overflow:hidden;margin-top:5px;text-overflow:ellipsis;white-space:nowrap}.notice{padding:14px 16px;margin-bottom:18px}.notice.error{border-color:#f0b7b7;color:#9b1c1c;background:#fff4f4}.notice.success{border-color:#a7d7ba;color:#19673a;background:#f0fbf4}.content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.panel{min-width:0;padding:20px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.database-list,.backup-list{display:grid;gap:10px;max-height:56vh;overflow:auto;padding-right:4px}.database-row,.backup-row{display:grid;align-items:center;min-height:58px;padding:12px;border:1px solid #e0e7f0;border-radius:8px;background:#fbfcfe}.database-row{grid-template-columns:20px minmax(0,1fr) auto;gap:12px}.database-row input{width:18px;height:18px;accent-color:#116466}.database-row span,.backup-row span{min-width:0}.database-row strong,.backup-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-row em{display:inline-block;margin-top:4px;color:#116466;font-size:12px;font-style:normal;font-weight:700}.backup-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;color:inherit;text-decoration:none}.backup-row:hover,.database-row:hover{border-color:#b8c7d8;background:#fff}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary-button,.secondary-button,.ghost-button,.text-button{min-height:40px;border-radius:7px;border:1px solid transparent;padding:0 14px;font-weight:700}.primary-button{color:#fff;background:#116466}.secondary-button{color:#18212f;border-color:#c8d4e2;background:#eef3f8}.ghost-button,.text-button{color:#1c5668;border-color:#c8d4e2;background:#fff}.text-button{border-color:transparent;padding:0;background:transparent}.empty-state{padding:18px 2px}@media(max-width:860px){.app-shell{width:min(100vw - 28px,680px);padding:24px 0}.toolbar,.panel-header{align-items:stretch;flex-direction:column}.status-grid,.content-grid{grid-template-columns:1fr}}