:root{--ink:#17223b;--muted:#718096;--primary:#5b5bd6;--primary-dark:#4646b8;--surface:#fff;--line:#e7eaf1;--bg:#f5f7fb;--green:#1f9d72;--red:#dc5364;--amber:#d69127}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.app-body{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#6969e6,#4747b7);font-size:1.35rem;box-shadow:0 7px 18px #5b5bd633}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{color:var(--muted);font-size:.72rem}.environment{font-size:.78rem;color:var(--muted);padding:.5rem .75rem;border:1px solid var(--line);border-radius:20px}.user-name{font-size:.8rem;color:#59657a}.hero{padding:3rem;border-radius:20px;color:#fff;background:radial-gradient(circle at 80% 10%,#7474e4 0,transparent 35%),linear-gradient(135deg,#202a4c,#383b79);box-shadow:0 16px 38px #24315820}.eyebrow{display:block;color:#7779dd;font-size:.7rem;font-weight:800;letter-spacing:.13em;margin-bottom:.6rem}.hero .eyebrow{color:#b9baff}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.hero h1 span{color:#aaaaff}.hero p{max-width:620px;color:#d5d8eb;font-size:1rem;margin:1.25rem 0 2.2rem}.hero-flow{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.hero-flow span{padding:.65rem .8rem;border-radius:10px;background:#ffffff12;border:1px solid #ffffff20;font-size:.8rem}.panel{padding:2rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px #27325b0b}.panel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eeeeff;color:var(--primary);font-size:1.3rem}.panel h2{font-size:1.3rem;margin:.3rem 0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form-control{padding:.75rem .9rem;border-color:#dce0e9}.form-control:focus{border-color:#8585e8;box-shadow:0 0 0 .2rem #5b5bd61a}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.action-grid .btn{padding:.7rem;font-size:.8rem}.metric{display:flex;align-items:center;gap:1rem;height:100%;padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:15px}.metric>i{font-size:1.5rem;color:var(--primary);background:#eeeefe;border-radius:10px;padding:.65rem}.metric small,.metric strong{display:block}.metric small{font-size:.65rem;color:var(--muted);letter-spacing:.1em}.metric strong{font-size:1.15rem;margin-top:.2rem}.panel-heading{padding:1.5rem 1.75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0}.counter{font-size:.75rem;color:var(--muted);background:var(--bg);padding:.45rem .7rem;border-radius:15px}.auto-refresh{display:flex;align-items:center;gap:.4rem;color:var(--green);font-size:.7rem;font-weight:700}.auto-refresh i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}.table>:not(caption)>*>*{padding:1rem 1.3rem;border-color:var(--line)}.table thead th{font-size:.68rem;letter-spacing:.08em;color:var(--muted);background:#fafbfe}.status{display:inline-flex;align-items:center;gap:.45rem;border-radius:20px;padding:.4rem .7rem;font-size:.7rem;font-weight:700;background:#eef0f5;color:#687386}.status i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-publicada{color:var(--green);background:#eaf8f3}.status-falha{color:var(--red);background:#ffedf0}.status-importando,.status-baixada,.status-importada,.status-criada{color:var(--amber);background:#fff7e8}.diagnostic{max-width:240px;color:var(--red);font-size:.75rem}.empty-state{text-align:center;padding:3rem;color:var(--muted)}.empty-state i{font-size:2.5rem}.empty-state h3{color:var(--ink);font-size:1rem;margin-top:.8rem}.app-footer{margin-top:auto;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.75rem}@keyframes pulse{50%{opacity:.25}}@media(max-width:767px){.hero{padding:2rem}.environment,.user-name,.footer-description{display:none}.panel-heading{align-items:flex-start;gap:1rem;flex-direction:column}.action-grid{grid-template-columns:1fr}.table>:not(caption)>*>*{padding:.8rem}}