:root{
  --blue:#0A4CFF;--dark:#071B49;--red:#E5243B;--yellow:#FFD43B;--white:#FFFFFF;--bg:#F4F7FF;
  --text:#13213C;--muted:#6F7D99;--line:rgba(10,76,255,.16);--card:rgba(255,255,255,.90);
  --shadow:0 24px 80px rgba(7,27,73,.14);--radius:26px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}
.app-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 0% 0%,rgba(255,212,59,.45),transparent 28%),radial-gradient(circle at 100% 0%,rgba(10,76,255,.28),transparent 34%),radial-gradient(circle at 70% 95%,rgba(229,36,59,.16),transparent 35%),#f4f7ff}
a{text-decoration:none;color:inherit}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:80;min-height:76px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;font-weight:950;box-shadow:0 16px 34px rgba(10,76,255,.25)}
.brand strong{display:block;font-size:17px}.brand span{display:block;font-size:12px;color:var(--muted);font-weight:800}
nav{display:flex;gap:18px;color:var(--muted);font-size:14px;font-weight:900}
.btn{border:0;border-radius:999px;padding:13px 18px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;box-shadow:0 14px 30px rgba(10,76,255,.25)}.red{background:var(--red);color:white;box-shadow:0 14px 30px rgba(229,36,59,.22)}.ghost{background:#fff;color:var(--blue);border:1px solid var(--line)}.whats{background:#25D366;color:#fff}
.auth-shell{max-width:1180px;margin:0 auto;padding:58px 22px;display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:stretch}
.auth-card,.avatar-card,.panel,.hero-panel,.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-card{padding:34px}.badge{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;color:var(--blue)}
h1{font-size:clamp(38px,6vw,72px);line-height:.94;letter-spacing:-2px;margin:18px 0;color:var(--dark)}
h2{font-size:30px;line-height:1;letter-spacing:-.8px;margin:0 0 10px;color:var(--dark)}
p{color:var(--muted);line-height:1.62;font-weight:700}.tabs{display:flex;background:#eef4ff;border-radius:999px;padding:5px;margin:24px 0 18px}
.tab{flex:1;border:0;border-radius:999px;padding:12px;font-weight:950;background:transparent;color:var(--muted);cursor:pointer}.tab.active{background:#fff;color:var(--blue);box-shadow:0 10px 20px rgba(7,27,73,.08)}
.form{display:none}.form.active{display:block}label{display:block;margin-top:12px;font-weight:950;color:var(--dark);font-size:13px}
input,select{width:100%;padding:14px 15px;border-radius:16px;border:1px solid var(--line);background:#f8faff;margin-top:7px;font-size:15px;outline:none}.form .btn{width:100%;margin-top:18px}.mini-text{font-size:12px}
.avatar-card{padding:26px;overflow:hidden;position:relative}.avatar-card:before{content:"";position:absolute;right:-80px;bottom:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--yellow),transparent 70%);opacity:.9}
.avatar{height:330px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 50% 27%,#ffd8be 0 13%,transparent 13.5%),radial-gradient(circle at 44% 24%,#201714 0 2%,transparent 2.2%),radial-gradient(circle at 56% 24%,#201714 0 2%,transparent 2.2%),linear-gradient(180deg,transparent 0 42%,var(--blue) 42% 100%);background-color:#dce9ff;position:relative;overflow:hidden}
.avatar:before{content:"";position:absolute;left:50%;top:34px;transform:translateX(-50%);width:126px;height:150px;background:#2b1f1c;border-radius:58% 58% 48% 48%}.avatar:after{content:"IA";position:absolute;top:18px;right:18px;background:var(--red);color:#fff;padding:8px 10px;border-radius:999px;font-weight:950}
.chat{position:relative;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.chat strong{color:var(--dark)}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick button{border:1px solid var(--line);background:#f8faff;color:var(--blue);font-weight:950;border-radius:999px;padding:9px 11px;cursor:pointer}
.dashboard{max-width:1180px;margin:0 auto;padding:34px 22px 70px}.hero-panel{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.hero-panel h2{font-size:42px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{padding:20px}.kpi strong{display:block;color:var(--dark);font-size:30px}.kpi span{color:var(--muted);font-weight:850;font-size:13px}
.panel{padding:24px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.progress{width:230px;height:14px;border-radius:999px;background:#e8efff;overflow:hidden}.progress div{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--red),var(--yellow));transition:.35s}
.ebooks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ebook{position:relative;min-height:230px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;overflow:hidden;box-shadow:0 16px 44px rgba(7,27,73,.08)}.ebook:before{content:"";position:absolute;right:-50px;top:-50px;width:120px;height:120px;border-radius:50%;background:rgba(255,212,59,.45)}.ebook small{color:var(--blue);font-weight:950}.ebook h3{color:var(--dark);margin:10px 0;font-size:19px}.ebook p{font-size:14px;margin-bottom:50px}.ebook-actions{position:absolute;left:18px;right:18px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.ebook-actions button{padding:10px 12px;font-size:12px}.done{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:0;background:#eef4ff;color:var(--muted);font-weight:950;cursor:pointer}.done.active{background:var(--blue);color:#fff}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.docs-list{display:grid;gap:10px;margin-top:16px}.doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:16px;background:#f8faff;border:1px solid var(--line);font-weight:900;color:#34435f}.upload-box .btn{margin-top:14px}.status,.result{margin-top:14px;padding:14px;border-radius:16px;background:#fff7d4;border:1px solid rgba(255,212,59,.9);color:#3b2f00;font-weight:850}
.sim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.align-end{display:flex;align-items:end}.align-end .btn{width:100%}.admin-data{background:#f8faff;border:1px solid var(--line);border-radius:18px;padding:16px}.user-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;border-bottom:1px solid var(--line)}
.modal{position:fixed;inset:0;background:rgba(7,27,73,.58);z-index:200;display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(760px,100%);max-height:82vh;overflow:auto;background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.close{float:right;background:var(--red);color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:950;cursor:pointer}#modalContent{color:#3f4b66;line-height:1.7;font-weight:700}
@media(max-width:900px){.auth-shell,.grid-two{grid-template-columns:1fr}.kpis,.ebooks-grid,.sim-grid{grid-template-columns:1fr 1fr}nav{display:none}.hero-panel,.panel-head{display:block}.progress{width:100%;margin-top:12px}}
@media(max-width:620px){.kpis,.ebooks-grid,.sim-grid{grid-template-columns:1fr}.topbar{padding:12px 14px}h1{letter-spacing:-1px}}