/* Liquid Glass: vidro translúcido com desfoque, brilho nas bordas e fundo em gradiente */
:root{
 --ink:#14203a;--mut:#56627e;--accent:#0a6cff;--ok:#128a52;--bad:#d1372a;--warn:#b57600;
 --glass:rgba(255,255,255,.52);--glass2:rgba(255,255,255,.34);--edge:rgba(255,255,255,.75);--edge2:rgba(255,255,255,.25);
 --line:rgba(20,32,58,.10);--shadow:0 10px 34px rgba(30,50,110,.16);--inset:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.2);
 --bg1:#cfe3ff;--bg2:#f6e3ff;--bg3:#ffe6d2;--field:rgba(255,255,255,.62)}
:root[data-theme=dark]{--ink:#eaf0ff;--mut:#a3b0cf;--accent:#5aa2ff;--ok:#4fd39a;--bad:#ff7d6e;--warn:#f4bb4a;
 --glass:rgba(34,44,78,.50);--glass2:rgba(34,44,78,.34);--edge:rgba(255,255,255,.22);--edge2:rgba(255,255,255,.06);
 --line:rgba(255,255,255,.10);--shadow:0 12px 38px rgba(0,0,0,.45);--inset:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.04);
 --bg1:#0d1530;--bg2:#241447;--bg3:#0e2a3d;--field:rgba(255,255,255,.08)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eaf0ff;--mut:#a3b0cf;--accent:#5aa2ff;--ok:#4fd39a;--bad:#ff7d6e;--warn:#f4bb4a;
 --glass:rgba(34,44,78,.50);--glass2:rgba(34,44,78,.34);--edge:rgba(255,255,255,.22);--edge2:rgba(255,255,255,.06);
 --line:rgba(255,255,255,.10);--shadow:0 12px 38px rgba(0,0,0,.45);--inset:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.04);
 --bg1:#0d1530;--bg2:#241447;--bg3:#0e2a3d;--field:rgba(255,255,255,.08)}}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg1)}
body{margin:0;min-height:100vh;font:15px/1.45 -apple-system,"SF Pro Text","Segoe UI",Arial,sans-serif;color:var(--ink);
 background:radial-gradient(60vmax 50vmax at 8% 0%,var(--bg1) 0,transparent 60%),radial-gradient(55vmax 45vmax at 100% 10%,var(--bg2) 0,transparent 60%),radial-gradient(60vmax 50vmax at 50% 100%,var(--bg3) 0,transparent 60%),var(--bg1);
 background-attachment:fixed;-webkit-font-smoothing:antialiased}
.glass,.card,.kpi,header{background:linear-gradient(135deg,var(--glass),var(--glass2));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);
 border:1px solid var(--edge);border-top-color:var(--edge);border-left-color:var(--edge);border-bottom-color:var(--edge2);border-right-color:var(--edge2);box-shadow:var(--shadow),var(--inset)}
header{position:sticky;top:10px;z-index:5;margin:10px auto 0;max-width:1100px;width:calc(100% - 24px);padding:8px 14px;border-radius:22px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
header b{color:var(--ink);margin-right:8px;letter-spacing:.2px}
header a{color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:14px;transition:background .15s}
header a:hover{background:var(--glass)}header a.on{background:var(--glass);box-shadow:var(--inset);font-weight:600}
header form{margin-left:auto;display:flex;gap:8px;align-items:center}
main{max-width:1100px;margin:0 auto;padding:18px 12px 40px}
.card{border-radius:24px;padding:18px;margin-bottom:16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{border-radius:22px;padding:14px 16px}.kpi small{color:var(--mut)}.kpi div{font-size:23px;font-weight:700;margin-top:2px;letter-spacing:-.3px}
.pos{color:var(--ok)}.neg{color:var(--bad)}.mut{color:var(--mut)}.warn{color:var(--warn)}
h1{font-size:24px;margin:4px 0 12px;letter-spacing:-.4px}h2{font-size:16px;margin:0 0 10px}
table{width:100%;border-collapse:collapse}th,td{padding:8px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
tr:last-child td{border-bottom:0}th{font-size:12px;color:var(--mut);font-weight:600}td.n,th.n{text-align:right;white-space:nowrap}.scroll{overflow-x:auto}
a{color:var(--accent)}
.bar{background:var(--line);border-radius:8px;height:10px;overflow:hidden}.bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent),#7ad0ff)}
.pair{display:flex;gap:4px;align-items:flex-end;height:90px}.pair i{display:block;width:18px;border-radius:7px 7px 3px 3px}
.rec{background:linear-gradient(180deg,#7be3b3,var(--ok))}.dsp{background:linear-gradient(180deg,#ffa095,var(--bad))}
.cols{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap}.col{text-align:center;font-size:12px;color:var(--mut)}
input,select,textarea,button{font:inherit;color:var(--ink);padding:9px 12px;border:1px solid var(--edge);border-radius:14px;background:var(--field);
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--inset);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}
button,.btn{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));color:#fff;border:1px solid rgba(255,255,255,.35);cursor:pointer;text-decoration:none;display:inline-block;padding:9px 16px;border-radius:14px;
 box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .1s}
button:active,.btn:active{transform:scale(.97)}
button.sec,.btn.sec{background:var(--glass);color:var(--ink);box-shadow:var(--inset);border-color:var(--edge)}
button.del{background:linear-gradient(180deg,#ff8f84,var(--bad))}
#tema-btn{padding:6px 10px;border-radius:50%;font-size:15px;line-height:1}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}label{display:block;font-size:12px;color:var(--mut);margin:10px 0 3px}
.form input,.form select,.form textarea{width:100%}.login{max-width:380px;margin:14vh auto}.err{color:var(--bad)}
.flash{padding:10px 14px;border-radius:16px;margin-bottom:12px}.flash{background:var(--glass);border:1px solid var(--edge);box-shadow:var(--inset)}
.tag{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--glass);border:1px solid var(--edge)}
@media(max-width:640px){main{padding:12px 8px}.hide-m{display:none}header{top:6px;border-radius:18px}}
@media(prefers-reduced-transparency:reduce){.glass,.card,.kpi,header{backdrop-filter:none;-webkit-backdrop-filter:none}}