/* EDUBRIDGES.COM — Panel de backups de clientes. Paleta e identidad tomadas
   del sitio principal (edubridges.com): #0093D1 / #7FD0F0 / #003553. */
:root{
  --brand:#0093D1; --brand2:#7FD0F0; --deep:#003553;
  --bg:#050b14; --panel:#0b1626; --panel2:#0f1d31; --border:#1c3049;
  --text:#eaf3fb; --muted:#93a7bd; --muted2:#6c7f95;
  --ok:#2fbf71; --err:#ef5350;
  --font-h:'Sora',sans-serif; --font-b:'Inter',sans-serif; --font-m:'JetBrains Mono',monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--font-b);min-height:100vh;background-image:radial-gradient(circle at 15% 0%,rgba(0,147,209,.16),transparent 55%),radial-gradient(circle at 85% 100%,rgba(127,208,240,.10),transparent 55%)}
a{color:var(--brand2)}
.wrap{max-width:760px;margin:0 auto;padding:0 1.2rem}

.bk-shell{min-height:100vh;display:flex;flex-direction:column}
.bk-head{padding:2rem 0 1rem;text-align:center}
.bk-head img{height:34px;width:auto}

.bk-langs{display:flex;gap:.4rem;justify-content:center;margin:.9rem 0 0}
.bk-langs a{font:600 .72rem var(--font-m);letter-spacing:.06em;color:var(--muted2);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;transition:.15s}
.bk-langs a:hover{color:var(--text);border-color:var(--brand)}
.bk-langs a.on{color:#04121e;background:var(--brand2);border-color:var(--brand2)}

.bk-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 0}
.bk-main.bk-list{align-items:flex-start;padding-top:2rem}

.bk-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.bk-card h1{font:600 1.3rem var(--font-h);margin:0 0 .4rem;color:var(--text)}
.bk-card p.lead{color:var(--muted);margin:0 0 1.4rem;font-size:.95rem}

label{display:block;font:600 .78rem var(--font-m);letter-spacing:.04em;color:var(--muted);margin:0 0 .35rem;text-transform:uppercase}
input[type=text],input[type=password]{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font:500 1rem var(--font-b);margin-bottom:1.1rem}
input:focus{outline:2px solid var(--brand);outline-offset:1px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:10px;padding:.75rem 1.3rem;font:600 .95rem var(--font-b);cursor:pointer;text-decoration:none;transition:.15s;box-shadow:0 6px 18px rgba(0,147,209,.25)}
.btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#04121e;width:100%}
.btn-primary:hover{filter:brightness(1.08);box-shadow:0 8px 22px rgba(0,147,209,.4);transform:translateY(-1px)}
.btn-sm{padding:.45rem .9rem;font-size:.85rem;box-shadow:0 4px 12px rgba(0,147,209,.2)}
.btn-ghost{background:var(--panel2);color:var(--text);border:1px solid var(--border)}
.btn-ghost:hover{border-color:var(--brand)}

.form-alert{background:rgba(239,83,80,.12);border:1px solid rgba(239,83,80,.4);color:#ffb3b0;border-radius:10px;padding:.7rem .9rem;font-size:.9rem;margin-bottom:1.1rem}

.bk-panel{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.8rem;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.bk-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}
.bk-panel-head h1{font:600 1.25rem var(--font-h);margin:0}
.bk-panel-head .muted{color:var(--muted);font-size:.9rem;margin:.15rem 0 0}
.bk-services{font-size:.88rem;color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem;margin:0 0 1.2rem}
.bk-services b{color:var(--text)}

.bk-files{width:100%;border-collapse:collapse}
.bk-files th{text-align:left;font:600 .72rem var(--font-m);letter-spacing:.05em;text-transform:uppercase;color:var(--muted2);border-bottom:1px solid var(--border);padding:.5rem .6rem}
.bk-files td{padding:.75rem .6rem;border-bottom:1px solid var(--border);font-size:.92rem;vertical-align:middle}
.bk-files tr:last-child td{border-bottom:none}
.bk-file-name{font:500 .92rem var(--font-m);color:var(--text);word-break:break-all}
.bk-empty{color:var(--muted);text-align:center;padding:2rem 1rem}

.bk-foot{padding:1.6rem 0 2.2rem;text-align:center;color:var(--muted2);font-size:.82rem}
.bk-foot a{color:var(--muted)}

@media (max-width:560px){
  .bk-files thead{display:none}
  .bk-files tr{display:block;border-bottom:1px solid var(--border);padding:.6rem 0}
  .bk-files td{display:flex;justify-content:space-between;gap:1rem;border:none;padding:.2rem .6rem}
  .bk-files td::before{content:attr(data-label);color:var(--muted2);font:600 .7rem var(--font-m);text-transform:uppercase}
}