:root{--azul:#14345c;--azul2:#1d4f8f;--verde:#16875a;--laranja:#d97706;--fundo:#f5f7fb;--texto:#182230;--borda:#d9e2ef;--sombra:0 10px 30px rgba(20,52,92,.08)}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.5}
a{color:var(--azul2);text-decoration:none}a:hover{text-decoration:underline}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid var(--borda)}
.brand{font-weight:800;color:var(--azul);font-size:1.15rem}.nav{display:flex;align-items:center;gap:16px}.nav a{color:var(--texto)}
.menu-toggle{display:none;background:#fff;border:1px solid var(--borda);border-radius:6px;padding:8px}
.container{max-width:1180px;margin:0 auto;padding:30px 18px 56px}
.footer{display:flex;justify-content:space-between;gap:16px;padding:24px clamp(16px,4vw,48px);border-top:1px solid var(--borda);background:#fff;color:#617089;font-size:.9rem}.footer nav{display:flex;gap:12px}
h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;color:var(--azul);margin:0 0 18px}h2{color:var(--azul);font-size:1.25rem}
.hero{min-height:58vh;display:grid;align-content:center;gap:16px;background:linear-gradient(115deg,#ffffff 0%,#eef5ff 55%,#eaf8f1 100%);border-radius:8px;padding:clamp(28px,6vw,76px);box-shadow:var(--sombra)}
.hero p{font-size:1.2rem;max-width:720px;color:#4b5d73}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:var(--azul);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;min-height:42px}.btn:hover{text-decoration:none;background:#0d294a}.btn.secondary{background:#e7eef8;color:var(--azul)}.btn.danger{background:#b42318}.btn-small{padding:7px 11px;min-height:34px;font-size:.9rem}
.auth-box{max-width:520px;margin:30px auto}.form-card,.grid-form,.filters{background:#fff;border:1px solid var(--borda);border-radius:8px;box-shadow:var(--sombra);padding:22px}
label{display:grid;gap:6px;font-weight:700;color:#344054}input,textarea,select{width:100%;border:1px solid var(--borda);border-radius:6px;padding:10px 12px;font:inherit;background:#fff}textarea{min-height:92px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}
.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-form .btn{width:max-content}
.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:22px}
.cards-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.op-card,.plans article,.metrics article,.dash-grid section{position:relative;background:#fff;border:1px solid var(--borda);border-radius:8px;box-shadow:var(--sombra);padding:18px}.op-card h2{font-size:1.05rem}.op-head{display:flex;justify-content:space-between;gap:10px;color:#617089;font-size:.9rem}
.badge{display:inline-flex;background:#e8f6ef;color:#116144;border:1px solid #b8e5d0;border-radius:999px;padding:4px 9px;font-size:.85rem;font-weight:700}
.icon-btn{border:1px solid var(--borda);background:#fff;color:var(--laranja);border-radius:50%;width:38px;height:38px;font-size:1.2rem;cursor:pointer}.icon-btn.large{width:48px;height:48px;font-size:1.5rem}.op-card .icon-btn{position:absolute;right:14px;bottom:14px}
.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0}.detail{background:#fff;border:1px solid var(--borda);border-radius:8px;box-shadow:var(--sombra);padding:24px}.detail-top{display:flex;justify-content:space-between;gap:20px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-grid div{background:#f8fafc;border:1px solid var(--borda);border-radius:6px;padding:12px}dt{font-weight:800;color:var(--azul)}dd{margin:4px 0 0}.score,.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:14px;margin:16px 0}.muted{color:#667085}.flash{padding:12px 14px;border-radius:6px;margin-bottom:16px}.flash-sucesso{background:#ecfdf3;color:#067647}.flash-erro{background:#fef3f2;color:#b42318}.flash-info{background:#eff8ff;color:#175cd3}
.plans,.metrics,.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics article strong{display:block;font-size:2rem;color:var(--azul)}.metrics article span{color:#617089}.dash-grid{grid-template-columns:1fr 1fr}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}.inline{display:inline-flex;gap:6px;margin:2px}
@media(max-width:860px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid var(--borda);padding:14px 18px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.grid-form,.filters,.cards-list,.plans,.metrics,.dash-grid,.detail-grid{grid-template-columns:1fr}.footer,.detail-top{flex-direction:column}.container{padding-top:20px}}
