:root{
  --magenta:#9E1F63;
  --magenta-deep:#6F1747;
  --naranja:#F15A29;
  --magenta-soft:#F4DDE9;
  --ink:#241B22;
  --ink-soft:#6B5F66;
  --paper:#FFFFFF;
  --mist:#F8F3F5;
  --line:#E7DEE3;
  --success:#2F9E6B;
  --success-soft:#E3F5EC;
  --danger:#C23B3B;
  --danger-soft:#FBEAEA;
  --radius:10px;
  --shadow:0 1px 2px rgba(36,27,34,.07), 0 8px 24px rgba(36,27,34,.05);
  --grad:linear-gradient(135deg, var(--magenta), var(--naranja));
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Segoe UI', 'Work Sans', Arial, sans-serif;
  color:var(--ink);
  background:var(--mist);
  line-height:1.5;
}
h1,h2,h3,h4{margin:0;letter-spacing:-0.01em;}
a{color:var(--magenta-deep);}
.brandbar{height:6px;background:var(--grad);}
.topbar{display:flex;align-items:center;gap:14px;padding:14px 28px;background:var(--paper);border-bottom:1px solid var(--line);}
.monogram{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none;}
.brandtext h1{font-size:15px;color:var(--magenta-deep);}
.brandtext span{font-size:12.5px;color:var(--ink-soft);}
.contenido-publico{max-width:520px;margin:0 auto;padding:40px 20px;}

.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 28px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
.field input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;font-size:14px;}
.field input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px var(--magenta-soft);}
.btn{border-radius:8px;padding:12px 22px;font-size:14.5px;font-weight:600;border:1px solid transparent;cursor:pointer;}
.btn-primary{background:var(--grad);color:#fff;width:100%;}
.alerta{padding:12px 16px;border-radius:8px;font-size:13.5px;margin-bottom:18px;}
.alerta-exito{background:var(--success-soft);color:var(--success);}
.alerta-error{background:var(--danger-soft);color:var(--danger);}

/* Panel administrativo */
.panel-shell{display:flex;min-height:100vh;}
.panel-sidebar{width:230px;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 16px;}
.brandtext--sidebar{display:flex;align-items:center;gap:10px;margin-bottom:24px;}
.panel-nav{display:flex;flex-direction:column;gap:4px;flex:1;}
.panel-nav a{display:block;padding:9px 10px;border-radius:7px;color:var(--ink);text-decoration:none;font-size:13.8px;}
.panel-nav a:hover{background:var(--magenta-soft);color:var(--magenta-deep);}
.panel-logout button{width:100%;padding:9px;border:1px solid var(--line);background:none;border-radius:7px;cursor:pointer;}
.panel-main{flex:1;display:flex;flex-direction:column;}
.panel-topbar{padding:14px 28px;border-bottom:1px solid var(--line);background:var(--paper);text-align:right;font-size:13.5px;color:var(--ink-soft);}
.panel-contenido{padding:28px;}