:root{color-scheme:light;--ink:#311848;--muted:#71667d;--copper:#311848;--dark:#311848;--bg:#f7f5fa;--line:#e4dfea;--blue:#eaf5f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--dark);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1180px;margin:auto;padding:0 22px}header{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;color:var(--ink);white-space:nowrap}.logo{background:var(--copper);color:white;padding:5px 12px;border-radius:12px;margin-right:10px}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}nav a{font-weight:600;font-size:13px}h1{font-size:30px;letter-spacing:-.6px}h2{margin-top:0;font-size:18px}.heading{margin:25px 0 16px}.card,.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 5px 22px #3118480c;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{font-size:13px;color:var(--muted)}.stat strong{display:block;color:var(--ink);font-size:25px;margin-top:12px}.grid2,.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.login-grid{max-width:900px;margin:auto}label{display:block;font-weight:650;margin:13px 0;color:#493858}input{display:block;width:100%;margin-top:6px;border-radius:10px;border:1px solid #d4cbdc;padding:12px 13px;background:white;color:var(--ink);font:inherit}input:focus{outline:2px solid #a0cfdc;border-color:#6a4483}button,.btn{display:inline-block;border:0;border-radius:10px;background:linear-gradient(135deg,#573373,#311848);color:white;padding:11px 19px;font:inherit;font-weight:700;cursor:pointer}.btn:hover{color:white;text-decoration:none}.secondary{background:#493858}.small{padding:6px 10px;font-size:12px}.ghost{background:#eaf5f8;color:#311848}.inline{display:flex;gap:10px;align-items:end}.inline input{margin-top:0}.tablewrap{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:13px 12px;border-bottom:1px solid #eee8f2;font-size:13px}th{color:#71667d;font-weight:650}td a{font-weight:700}pre{max-height:480px;overflow:auto;background:#242424;color:#e8e8e8;padding:18px;border-radius:12px;font-size:11px}.wallet{padding:24px;background:linear-gradient(135deg,#573373,#311848);border-radius:21px;color:white;margin-bottom:18px}.wallet strong{display:block;font-size:45px;letter-spacing:-1px;margin:5px 0}.wallet small{display:block;opacity:.9}.mobile{max-width:490px;margin:auto}.creditline{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:15px;border-radius:12px;margin:10px 0}.creditline span{font-size:13px;color:var(--muted)}.notice,.error{padding:15px 20px;border-radius:12px;margin-top:16px;background:#e5f5e8;color:#12652c}.error{background:#ffebeb;color:#a32424}.hint,small{color:var(--muted)}.narrow{max-width:530px}.green{color:#15753a}.red{color:#aa2727}footer{padding:35px 0;text-align:center;font-size:12px;color:#71667d}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}nav{gap:10px}.stats{grid-template-columns:1fr 1fr}.grid2,.login-grid{grid-template-columns:1fr}}@media(max-width:480px){.shell{padding:0 13px}.card{padding:18px}.stats{gap:7px}.stat{padding:15px}.stat strong{font-size:21px}.wallet strong{font-size:37px}h1{font-size:25px}nav a{font-size:12px}}

/* Identidade Casa du Ogan: roxo, azul-claro e branco. */
:root{--brand:#311848;--accent:#a0cfdc}
.logo{background:var(--accent);color:var(--brand)}
.wallet{border:1px solid #a0cfdc66;box-shadow:0 8px 24px #31184814}
.wallet small{color:#e1f1f5}
button:hover,.btn:hover{filter:brightness(1.08)}
button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ghost:hover{color:var(--brand)}
::selection{background:var(--accent);color:var(--brand)}

.brand-logo{display:block;width:290px;max-width:100%;height:auto;background:white;border-radius:10px;padding:8px}.brand{min-width:180px;max-width:100%}select{display:block;width:100%;padding:12px;border:1px solid #d4cbdc;border-radius:10px;background:white;color:var(--ink);font:inherit}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}@media(max-width:480px){.brand-logo{width:260px}}