.admin-body{background:#f4f7fa}.admin-top{background:#fff;border-bottom:1px solid #dde5ec;position:sticky;top:0;z-index:20}.admin-top-in{height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-top img{width:260px;max-height:60px;object-fit:contain}.admin-top-in>div{display:flex;gap:8px}.admin-main{padding:46px 0 80px}.admin-card{background:#fff;border:1px solid #e1e7ed;border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(13,59,102,.08)}.login-card{max-width:520px;margin:45px auto}.login-card h1,.admin-heading h1{color:var(--navy);font-size:40px;margin:0 0 8px}.admin-form{display:grid;gap:15px}.admin-form label,.product-form label{display:grid;gap:6px;font-weight:800;color:var(--navy);font-size:13px}.admin-form input,.product-form input,.product-form select,.product-form textarea{padding:12px;border:1px solid #ced8e2;border-radius:9px;background:#fff}.hint{font-size:12px;color:#6f7e8c}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-heading p{margin:0;color:#68798a}.force-box{margin-bottom:20px;border-left:5px solid var(--orange)}.force-box h2{margin-top:0;color:var(--navy)}.inline-form{grid-template-columns:1fr 1fr auto;align-items:end}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:800px}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid #edf1f4;vertical-align:middle}.admin-table th{font-size:12px;color:#68798a;text-transform:uppercase;letter-spacing:.05em}.thumb{width:58px;height:58px;border-radius:10px;border:1px solid #dfe6ec;object-fit:contain;background:#fff}.state{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#e9f8ef;color:#247a45}.state.off{background:#f0f2f4;color:#68727d}.row-actions{display:flex;gap:6px}.mini-btn{border:0;border-radius:8px;padding:8px 10px;cursor:pointer;font-weight:800}.mini-btn.edit{background:#eaf2f8;color:var(--navy)}.mini-btn.del{background:#fff0f0;color:#a22}.admin-empty{text-align:center;padding:32px;color:#718090}.modal-back{position:fixed;inset:0;background:rgba(4,24,42,.6);z-index:100;display:grid;place-items:center;padding:20px}.admin-modal{background:#fff;border-radius:20px;width:min(820px,100%);max-height:92vh;overflow:auto;padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e8edf1;margin-bottom:20px;padding-bottom:12px}.modal-head h2{margin:0;color:var(--navy);font-size:30px}.modal-head button{border:0;background:none;font-size:32px;cursor:pointer}.product-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.photo-field small{font-weight:400;color:#718090}.image-preview{height:180px;border:1px dashed #cbd6e0;border-radius:12px;display:grid;place-items:center;color:#7b8997;overflow:hidden;background:#f8fafc}.image-preview img{width:100%;height:100%;object-fit:contain}.check{grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.form-actions{display:flex;justify-content:flex-end;gap:8px}.money-admin{font-weight:900;color:var(--navy)}
@media(max-width:700px){.admin-top img{width:190px}.admin-heading{align-items:stretch;flex-direction:column}.inline-form,.form-grid{grid-template-columns:1fr}.admin-modal{padding:18px}.login-card h1,.admin-heading h1{font-size:32px}}

/* V1.2.2: el atributo hidden siempre debe ocultar vistas y modales. */
[hidden]{display:none!important}