:root{
  --waula-bg:#f3f6fb;
  --waula-bg-2:#e8edf7;
  --waula-card:#ffffff;
  --waula-text:#111827;
  --waula-muted:#64748b;
  --waula-line:#e5e7eb;
  --waula-primary:#0f172a;
  --waula-primary-2:#1e293b;
  --waula-soft:#f8fafc;
  --waula-danger:#b91c1c;
  --waula-ok:#166534;
  --waula-warn:#92400e;
  --waula-radius:20px;
  --waula-shadow:0 24px 70px rgba(15,23,42,.10);
}
*{box-sizing:border-box}
.waula-standalone{margin:0!important;background:var(--waula-bg);color:var(--waula-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow:hidden}
.waula-standalone a{color:inherit}
.waula-shell{display:flex;min-height:760px;background:linear-gradient(135deg,var(--waula-bg),var(--waula-bg-2));color:var(--waula-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:18px;overflow:hidden;margin:20px 0;border:1px solid rgba(226,232,240,.9)}
.waula-standalone .waula-shell{min-height:100vh;border-radius:0;margin:0;border:0}
.waula-sidebar{width:292px;background:radial-gradient(circle at top left,#27364f,#0f172a 54%,#0b1120);color:#fff;padding:24px 18px;flex:0 0 292px;box-shadow:14px 0 50px rgba(15,23,42,.18);position:relative;z-index:3}
.waula-sidebar:after{content:"";position:absolute;inset:auto 18px 18px 18px;height:1px;background:rgba(255,255,255,.08)}
.waula-logo{font-size:20px;font-weight:900;margin:0 0 26px;letter-spacing:-.035em;display:flex;align-items:center;gap:10px}.waula-logo:before{content:"";width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#fff,#93c5fd);box-shadow:0 12px 30px rgba(147,197,253,.25)}
.waula-nav{display:flex;flex-direction:column;gap:7px}.waula-nav a{color:#cbd5e1;text-decoration:none;padding:12px 13px;border-radius:14px;font-weight:760;transition:.18s ease;display:flex;align-items:center;gap:10px}.waula-nav a:hover,.waula-nav a.active{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.waula-nav a.active{box-shadow:inset 3px 0 0 #93c5fd}.waula-nav-icon{width:25px;height:25px;border-radius:9px;background:rgba(255,255,255,.09);display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.waula-main{width:100%;padding:28px;overflow:auto;max-height:100vh}.waula-topbar{display:flex;align-items:center;gap:15px;justify-content:space-between;background:rgba(255,255,255,.90);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.95);border-radius:22px;padding:15px 18px;margin-bottom:22px;box-shadow:0 14px 36px rgba(15,23,42,.07)}.waula-topbar span{display:block;color:var(--waula-muted);font-size:13px;margin-top:2px}.waula-logout{color:#0f172a;text-decoration:none;font-weight:850;background:#eef2ff;border-radius:12px;padding:10px 12px}.waula-menu-toggle{display:none;background:#0f172a;color:#fff;border:0;border-radius:12px;padding:9px 12px;font-size:18px;line-height:1}
.waula-section h1{margin:0 0 6px;font-size:31px;letter-spacing:-.045em}.waula-section h2{margin:0 0 16px;font-size:21px;letter-spacing:-.02em}.waula-section h3{margin:18px 0 10px}.waula-muted{color:var(--waula-muted)}
.waula-grid-2{display:grid;grid-template-columns:minmax(320px,.70fr) minmax(380px,1fr);gap:20px;align-items:start}.waula-card{background:rgba(255,255,255,.96);border:1px solid var(--waula-line);border-radius:var(--waula-radius);padding:22px;box-shadow:var(--waula-shadow);margin-bottom:18px}.waula-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin:20px 0}.waula-stat{background:#fff;border:1px solid var(--waula-line);border-radius:18px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.waula-stat span{display:block;color:var(--waula-muted);font-size:13px;font-weight:760}.waula-stat strong{display:block;font-size:36px;line-height:1;margin-top:10px;letter-spacing:-.055em}
.waula-form label{display:block;font-weight:780;margin:12px 0 7px;font-size:14px}.waula-form input,.waula-form textarea,.waula-form select{width:100%;max-width:100%;border:1px solid #d1d5db;border-radius:13px;padding:12px 13px;background:#fff;color:#111827;font:inherit;box-sizing:border-box;outline:0}.waula-form input:focus,.waula-form textarea:focus,.waula-form select:focus{border-color:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.18)}.waula-form textarea{resize:vertical}.waula-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.waula-checkbox{display:flex!important;align-items:center;gap:8px;font-weight:650!important}.waula-checkbox input{width:auto!important}
.waula-btn,.waula-login-form button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--waula-primary);color:#fff!important;border:0;border-radius:13px;padding:12px 16px;text-decoration:none;font-weight:850;cursor:pointer;margin-top:14px;line-height:1.2;box-shadow:0 12px 28px rgba(15,23,42,.16)}.waula-btn:hover,.waula-login-form button:hover{filter:brightness(1.04)}.waula-btn.small{font-size:12px;padding:8px 10px;margin-top:0;border-radius:10px;box-shadow:none}.waula-btn.secondary{background:#e5e7eb;color:#111827!important}.waula-btn.danger{background:var(--waula-danger)}.waula-inline-form{display:inline-block;margin:0}
.waula-table-wrap{overflow:auto;border:1px solid var(--waula-line);border-radius:16px;background:#fff}.waula-table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}.waula-table th,.waula-table td{padding:13px 12px;border-bottom:1px solid var(--waula-line);text-align:left;vertical-align:middle}.waula-table th{font-size:12px;text-transform:uppercase;letter-spacing:.045em;color:#64748b;background:#f8fafc}.waula-table tr:last-child td{border-bottom:0}.waula-table small{color:var(--waula-muted)}.waula-table code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;color:#0f172a}
.waula-alert{padding:13px 15px;border-radius:15px;margin:0 0 16px;font-weight:760}.waula-alert-ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.waula-alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.waula-progress{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden;min-width:130px}.waula-progress span{display:block;height:100%;background:linear-gradient(90deg,#0f172a,#334155);border-radius:999px}.waula-progress.big{height:13px}.waula-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:850}.waula-badge.ok{background:#dcfce7;color:#166534}.waula-badge.warn{background:#fef3c7;color:#92400e}.waula-badge.neutral{background:#e0f2fe;color:#075985}
.waula-login-wrap{min-height:560px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:22px;padding:26px}.waula-standalone .waula-login-wrap{min-height:100vh;border-radius:0}.waula-login-card{width:100%;max-width:430px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.waula-login-card h2{margin:6px 0 18px}.waula-brand{font-weight:950;color:#0f172a;text-transform:uppercase;letter-spacing:.07em;font-size:13px}.waula-login-form label{display:block;font-weight:780;margin:12px 0 7px}.waula-login-form input{width:100%;border:1px solid #d1d5db;border-radius:13px;padding:12px;font:inherit;box-sizing:border-box}.waula-login-form button{width:100%}
.waula-course-card h2{margin-bottom:8px}.waula-module-block{border:1px solid var(--waula-line);border-radius:18px;padding:16px;margin:15px 0;background:linear-gradient(180deg,#fff,#fbfdff)}.waula-certificate-box{background:linear-gradient(135deg,#fff7ed,#ffffff)}.waula-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--waula-line);padding:13px 0}.waula-lesson-row:first-of-type{border-top:0}.waula-lesson-row p{margin:6px 0;color:var(--waula-muted)}.waula-code-list{display:flex;flex-wrap:wrap;gap:9px}.waula-code-list code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:9px 11px;color:#0f172a}
.waula-public-courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.waula-public-course{background:#fff;border:1px solid var(--waula-line);border-radius:18px;overflow:hidden;box-shadow:0 14px 32px rgba(15,23,42,.07)}.waula-public-course img{width:100%;height:180px;object-fit:cover;display:block}.waula-public-course div{padding:18px}.waula-public-course span,.waula-course-single>span{display:inline-block;color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:850}.waula-public-course h3{margin:11px 0 8px}.waula-course-single{background:#fff;border:1px solid var(--waula-line);border-radius:22px;padding:24px;box-shadow:var(--waula-shadow)}.waula-course-single>img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;margin-bottom:18px}.waula-public-module{border-top:1px solid var(--waula-line);padding:15px 0}
.waula-quiz-box{border:1px solid var(--waula-line);border-radius:15px;padding:14px;margin:12px 0;background:#fff}.waula-quiz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.waula-quiz-head p{margin:5px 0 0;color:var(--waula-muted)}.waula-quiz-details{margin-top:12px}.waula-quiz-details summary{cursor:pointer;font-weight:850;color:#0f172a}.waula-question{border:1px solid var(--waula-line);border-radius:14px;padding:14px;margin:12px 0}.waula-question legend{font-weight:850;padding:0 6px}.waula-question label{display:block!important;font-weight:650!important;margin:9px 0!important}.waula-question input{width:auto!important;margin-right:7px}.waula-quiz-form .waula-btn{margin-top:8px}
.waula-certificate-screen{min-height:100vh;padding:34px;background:#eef2f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}.waula-certificate-actions{max-width:1040px;margin:0 auto 18px;display:flex;gap:10px;justify-content:flex-end}.waula-certificate{max-width:1040px;min-height:650px;margin:0 auto;background:#fff;border:12px solid #0f172a;border-radius:28px;padding:64px;text-align:center;box-shadow:0 34px 90px rgba(15,23,42,.16);position:relative;overflow:hidden}.waula-certificate:before{content:"";position:absolute;inset:24px;border:1px solid #cbd5e1;border-radius:18px;pointer-events:none}.waula-certificate-brand{font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#0f172a}.waula-certificate-kicker{margin:44px 0 8px;text-transform:uppercase;letter-spacing:.22em;font-weight:850;color:#64748b}.waula-certificate h1{font-size:48px;margin:0 0 22px;letter-spacing:-.045em}.waula-certificate h2{font-size:34px;margin:18px 0 34px;letter-spacing:-.035em}.waula-certificate-meta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;color:#475569;font-weight:750}.waula-certificate-signature{margin-top:70px}.waula-certificate-signature span{display:block;width:240px;height:1px;background:#0f172a;margin:0 auto 12px}.waula-certificate-signature strong,.waula-certificate-signature small{display:block}

.waula-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px}.waula-card-head h2{margin-bottom:4px}.waula-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.waula-filter-card{padding-bottom:18px}.waula-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) auto;gap:14px;align-items:end}.waula-filter-form label{margin-top:0}.waula-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.waula-filter-actions .waula-btn{margin-top:0}.waula-actions-row .waula-btn{margin-top:0}
@media print{.waula-certificate-actions{display:none!important}.waula-certificate-screen{background:#fff;padding:0}.waula-certificate{box-shadow:none;border-radius:0;max-width:none;min-height:100vh;border-width:10px}}
@media (max-width:980px){.waula-card-head{display:block}.waula-actions-row{justify-content:flex-start}.waula-filter-form{grid-template-columns:1fr}.waula-filter-actions{align-items:stretch}.waula-filter-actions .waula-btn{width:100%}.waula-shell{display:block}.waula-sidebar{display:none;width:100%;padding:18px;box-sizing:border-box}.waula-shell.waula-menu-open .waula-sidebar{display:block}.waula-menu-toggle{display:inline-flex}.waula-main{box-sizing:border-box;padding:16px;max-height:none}.waula-grid-2{grid-template-columns:1fr}.waula-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}.waula-form-row{grid-template-columns:1fr}.waula-lesson-row{align-items:flex-start;flex-direction:column}.waula-topbar{gap:10px}.waula-section h1{font-size:25px}.waula-certificate{padding:34px}.waula-certificate h1{font-size:34px}.waula-certificate h2{font-size:25px}}
@media (max-width:560px){.waula-shell{margin:8px 0;border-radius:14px}.waula-standalone .waula-shell{margin:0;border-radius:0}.waula-card{padding:16px}.waula-stats{grid-template-columns:1fr}.waula-table th,.waula-table td{padding:10px 9px}.waula-login-wrap{padding:14px}.waula-login-card{padding:22px}.waula-public-courses{grid-template-columns:1fr}.waula-certificate-screen{padding:16px}.waula-certificate-actions{justify-content:stretch;flex-direction:column}.waula-certificate-actions .waula-btn{width:100%}.waula-certificate{padding:24px;border-width:8px}.waula-certificate h1{font-size:28px}.waula-certificate h2{font-size:21px}.waula-certificate-meta{display:block}.waula-certificate-meta span{display:block;margin:6px 0}}

/* v0.5.0 - mejoras de panel */
.waula-section > h1{display:flex;align-items:center;gap:10px}.waula-section > h1:after{content:"v0.5";font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;border-radius:999px;padding:5px 8px}.waula-card h2{display:flex;align-items:center;justify-content:space-between;gap:12px}.waula-topbar strong{font-size:15px}.waula-sidebar{overflow:auto}.waula-table td .waula-btn{white-space:nowrap}.waula-form input[readonly]{background:#f8fafc;color:#64748b;cursor:not-allowed}.waula-grid-2 .waula-card:first-child{position:sticky;top:18px}.waula-alert + .waula-section{animation:waulaFadeIn .18s ease-out}@keyframes waulaFadeIn{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:980px){.waula-grid-2 .waula-card:first-child{position:static}.waula-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.waula-nav a{min-width:0}.waula-nav a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:560px){.waula-nav{grid-template-columns:1fr}.waula-section > h1:after{display:none}}

/* v0.6.0 - importación, filtros, notificaciones y bitácora */
.waula-section > h1:after{content:"v0.6"}
.waula-filterbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.65fr) auto;gap:10px;align-items:center;margin:0 0 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}
.waula-filterbar input,.waula-filterbar select{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:10px 11px;background:#fff;color:#111827;font:inherit;box-sizing:border-box}
.waula-filterbar .waula-btn{margin-top:0;white-space:nowrap}
.waula-code{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:16px;overflow:auto;line-height:1.65;font-size:13px;border:1px solid rgba(148,163,184,.32)}
.waula-badge.warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.waula-badge.neutral{background:#e0f2fe;color:#075985;border:1px solid #bae6fd}.waula-badge.ok{border:1px solid #bbf7d0}
.waula-nav a[href*="notifications"] .waula-nav-icon{background:#fef3c7;color:#92400e}.waula-nav a[href*="logs"] .waula-nav-icon{background:#e0f2fe;color:#075985}.waula-nav a[href*="imports"] .waula-nav-icon{background:#dcfce7;color:#166534}
@media (max-width:980px){.waula-filterbar{grid-template-columns:1fr}.waula-filterbar .waula-btn{width:100%}}
