:root{color-scheme:dark;--bg:#0f1117;--card:#181b24;--bd:#262a36;--tx:#e8eaf0;--mut:#8b91a3;--red:#e5484d;--grn:#30c46b;--gold:#f5b942;--amb:#f0a43a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;min-height:100vh}
a{color:inherit}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-bottom:1px solid var(--bd)}
.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px}
.gem{width:30px;height:30px;background:linear-gradient(135deg,#ff6b6f,#b3202a);transform:rotate(45deg) scale(.8);border-radius:7px;box-shadow:0 0 16px #e5484d66;flex:none}
.user{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:14px}
.user button,.btn{font:inherit;color:var(--tx);background:#232736;border:1px solid var(--bd);border-radius:10px;padding:9px 16px;font-weight:600;cursor:pointer}
.user button:hover,.btn:hover{border-color:#3a4053}
.btn:disabled{opacity:.5;cursor:default}
select{font:inherit;color:var(--tx);background:#12151d;border:1px solid var(--bd);border-radius:8px;padding:7px 10px}
.wrap{max-width:1100px;margin:0 auto;padding:24px 20px 48px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;min-width:0}
.card.full{grid-column:1/3}
h2{margin:0 0 12px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);font-weight:600}
.nm{font-size:28px;font-weight:700;overflow-wrap:anywhere}
.st{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;color:var(--mut)}
.st.on{color:var(--grn)}
.dot{width:10px;height:10px;border-radius:50%;background:#555b6e;flex:none}
.on .dot{background:var(--grn);box-shadow:0 0 10px var(--grn)}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.k{background:#12151d;border:1px solid var(--bd);border-radius:12px;padding:12px 14px;min-width:0}
.k small{display:block;color:var(--mut);font-size:12px}
.k b{display:block;font-size:22px;margin-top:4px;overflow-wrap:anywhere}
.row{display:flex;justify-content:space-between;gap:10px;color:var(--mut);font-size:13px;margin-top:12px}
.bar{height:10px;background:#232736;border-radius:6px;overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f5b942,#ffd77a);transition:width .4s}
.bar.ok i{background:linear-gradient(90deg,#30c46b,#7ee7a3)}
.bar.warn i{background:linear-gradient(90deg,#f0a43a,#ffcf8a)}
.big{font-size:40px;font-weight:700;color:var(--gold);line-height:1.1}
.note{margin-top:10px;font-size:13px;color:var(--amb)}
.aviso{grid-column:1/3;background:#2a2113;border:1px solid #5c4519;color:#ffd493;border-radius:12px;padding:12px 16px;font-size:14px}
.aviso.red{background:#2b1518;border-color:#6b252b;color:#ffb3b7}
.pr{margin-top:12px;min-height:200px;border-radius:12px;background:repeating-linear-gradient(45deg,#14171f,#14171f 14px,#171b25 14px,#171b25 28px);border:1px dashed #333a4b;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:14px;overflow:hidden;text-align:center;padding:8px}
.pr img{max-width:100%;max-height:420px;border-radius:8px;display:block}
.sub{color:var(--mut);font-size:13px;margin-top:8px}
.cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tg{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;flex:none;border:1px solid var(--bd);background:#232736;border-radius:999px;padding:5px 14px 5px 5px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--mut);cursor:pointer}
.tg .kn{width:26px;height:26px;border-radius:50%;background:#8b91a3}
.tg.on{flex-direction:row;padding:5px 5px 5px 14px;background:#17462c;border-color:#30c46b;color:#a7e9c0}
.tg.on .kn{background:#fff}
.tg:disabled{opacity:.6;cursor:default}
.amsg{color:var(--mut);font-size:13px;margin-top:10px;min-height:0}
.amsg:empty{display:none}
.inst{grid-column:1/3;display:flex;align-items:center;gap:12px;background:#1c2233;border:1px solid #33406a;border-radius:14px;padding:12px 14px}
.inst[hidden]{display:none}
.inst .ic{width:40px;height:40px;border-radius:10px;background:#0f1117;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex:none}
.inst .ic .gem{width:22px;height:22px}
.inst .tx{flex:1;min-width:0}.inst b{display:block;font-size:14px}.inst small{color:var(--mut);font-size:12px}
.inst .btn{background:#5865f2;border-color:#5865f2;color:#fff}
.inst .x{background:none;border:0;color:var(--mut);font-size:16px;cursor:pointer;padding:6px}
.dd{position:relative}
.ddb{font:inherit;color:var(--tx);background:#12151d;border:1px solid var(--bd);border-radius:8px;padding:8px 12px;display:flex;gap:8px;align-items:center;cursor:pointer;max-width:210px}
.ddb span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ddl{position:absolute;right:0;top:calc(100% + 6px);z-index:20;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--bd);border-radius:12px;max-height:60vh;overflow:auto;min-width:230px;box-shadow:0 12px 30px #000a}
.ddl[hidden]{display:none}
.ddl li{padding:12px;border-radius:8px;cursor:pointer;font-size:14px}
.ddl li:hover{background:#1f2433}
.ddl li.sel{background:#2a3150;color:#fff}
.rod{text-align:center;padding-bottom:24px}
.login{max-width:420px;margin:12vh auto;padding:0 20px;text-align:center}
.login .gem{width:54px;height:54px;margin:0 auto 26px;transform:rotate(45deg) scale(.8)}
.login h1{margin:0 0 6px;font-size:26px}
.login p{color:var(--mut);margin:6px 0 22px;line-height:1.5}
.login a.btn{display:inline-block;text-decoration:none;background:#5865f2;border-color:#5865f2;color:#fff;padding:13px 22px;font-size:16px}
.login a.btn.sec{background:#232736;border-color:var(--bd);margin-top:12px;font-size:14px;padding:10px 18px}
.msg{background:#2b1518;border:1px solid #6b252b;color:#ffb3b7;border-radius:12px;padding:12px 14px;margin:0 0 20px;font-size:14px}
.msg.ok{background:#14261b;border-color:#25563a;color:#a7e9c0}
@media (max-width:720px){.wrap{grid-template-columns:1fr}.card.full,.aviso,.inst{grid-column:1}.user #quem{display:none}.kp{grid-template-columns:1fr 1fr}.top{padding:14px 16px}.big{font-size:34px}}