:root{--brand:#DB5C12;--brand-light:#F59E42;--brand-deep:#A63E08;--ink:#141414;--body:#5A5A5A;--muted:#8C8C8C;--bg:#FFFFFF;--bg-soft:#FDF6F0;--line:#EDE4DC;--card:#FFFFFF;--ok:#1d7a46;--err:#b3261e;--r:14px}
@media(prefers-color-scheme:dark){:root:not([data-tema=claro]){--ink:#F3EBE3;--body:#C4B5A4;--muted:#948574;--bg:#0E0B08;--bg-soft:#16110C;--line:#31220F;--card:#1A140E}}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-soft);color:var(--body);line-height:1.55}
h1,h2,h3{font-family:Sora,Inter,sans-serif;color:var(--ink);line-height:1.2;margin:0 0 .5em}
a{color:var(--brand)}
header.top{background:var(--card);border-bottom:1px solid var(--line)}
header.top .in{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
header.top img{height:30px}
header.top nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}
header.top nav a{text-decoration:none;color:var(--body);font-weight:500}
header.top nav a:hover{color:var(--brand)}
main{max-width:1100px;margin:0 auto;padding:28px 16px 60px}
.narrow{max-width:460px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:18px}
label{display:block;font-weight:600;color:var(--ink);margin:14px 0 4px;font-size:.92rem}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--bg);color:var(--ink)}
input:focus,select:focus{outline:2px solid var(--brand-light);border-color:var(--brand)}
input[type=checkbox]{width:auto}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 18px;font:600 .95rem Inter,sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--brand-deep)}
.btn.o{background:transparent;color:var(--brand);border:1px solid var(--brand)}
.btn.s{padding:6px 12px;font-size:.85rem}
.msg{padding:12px 14px;border-radius:10px;margin-bottom:16px;border:1px solid}
.msg.ok{background:rgba(29,122,70,.1);border-color:var(--ok);color:var(--ok)}
.msg.erro{background:rgba(179,38,30,.1);border-color:var(--err);color:var(--err)}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink);font-weight:600}
.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.plano{border:2px solid var(--line);border-radius:var(--r);padding:16px;cursor:pointer;display:block;margin:0;font-weight:400}
.plano:has(input:checked){border-color:var(--brand);background:rgba(219,92,18,.06)}
.plano input{width:auto;margin-right:6px}
.plano .n{font-family:Sora,sans-serif;font-weight:700;color:var(--ink)}
.plano .p{color:var(--brand);font-weight:700;margin:4px 0}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--line);color:var(--ink)}
.tag.ativa,.tag.ok,.tag.ativo{background:rgba(29,122,70,.15);color:var(--ok)}
.tag.suspensa,.tag.erro,.tag.cancelada{background:rgba(179,38,30,.15);color:var(--err)}
.tag.pendente,.tag.solicitado,.tag.recebendo,.tag.pronto,.tag.parcial{background:rgba(219,92,18,.15);color:var(--brand-deep)}
code,pre{font-family:"IBM Plex Mono",monospace;background:var(--bg);border:1px solid var(--line);border-radius:8px}
code{padding:1px 6px}pre{padding:12px;overflow:auto}
.codigo{font:700 1.7rem "IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--brand);text-align:center;padding:14px;border:2px dashed var(--brand);border-radius:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}table{display:block;overflow-x:auto}}
.hp{position:absolute;left:-9999px}
small,.muted{color:var(--muted)}