
:root{
  --bg:#09090d;--bg2:#101018;--card:#14141d;--card2:#1a1a26;--line:#262636;--tx:#f3f2f8;--mut:#9a98ad;--dim:#6d6b80;
  --m:#ff2e93;--p:#7b3cff;--grad:linear-gradient(120deg,#ff2e93 0%,#b13cff 55%,#7b3cff 100%);
  --ok:#35d49a;--warn:#ffb020;--bad:#ff5a5f;--r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:radial-gradient(1200px 600px at 85% -10%,rgba(123,60,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 0%,rgba(255,46,147,.12),transparent 55%),var(--bg);
  color:var(--tx);font-family:'Space Grotesk',system-ui,sans-serif;font-size:14px;line-height:1.45;min-height:100vh}
body.int::before{content:"";position:fixed;inset:0 0 auto 0;height:4px;background:repeating-linear-gradient(90deg,var(--warn) 0 18px,#1b1405 18px 36px);z-index:50}
.wrap{width:100%;max-width:none;margin:0;padding:20px clamp(14px,1.5vw,28px) 80px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--mut)}
.disp{font-family:'Cormorant Garamond',Georgia,serif}
.grad-t{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:14px}
.logo{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:34px;letter-spacing:-.5px}
.logo b{font-weight:600}
.sub{color:var(--mut);font-size:13px;letter-spacing:.3px}
.sub strong{color:var(--tx);font-weight:500}
.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid var(--warn);color:var(--warn);background:#1c1608}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 10px var(--warn)}
.nav{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;margin-bottom:24px;position:sticky;top:8px;z-index:20;backdrop-filter:blur(10px)}
.nav button{background:none;border:0;color:var(--mut);font:inherit;font-weight:500;padding:8px 14px;font-size:14px;border-radius:10px;cursor:pointer;transition:.15s}
.nav button:hover{color:var(--tx);background:var(--card)}
.nav button.on{background:var(--grad);color:#fff;box-shadow:0 6px 22px -8px rgba(177,60,255,.7)}
.nav .sep{width:1px;background:var(--line);margin:4px 6px}
.nav .int-tab.on{background:linear-gradient(120deg,#ffb020,#ff7a45);color:#1a1205}
h1.disp{font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.02;letter-spacing:-1px}
h2{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:var(--mut);font-weight:600;margin-bottom:14px}
.lead{color:var(--mut);max-width:680px;margin:12px 0 24px;font-size:15px}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1.15fr 1fr}.g2e{grid-template-columns:1fr 1fr}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,1fr)}.g3,.g2,.g2e{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,var(--card),#10101a);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.card.glow{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--grad) border-box;border:1px solid transparent}
.kpi .n{font-size:34px;font-weight:600;letter-spacing:-1.5px;line-height:1}
.kpi .l{color:var(--mut);font-size:13px;margin-top:8px}
.kpi small{display:block;color:var(--dim);font-size:11.5px;margin-top:4px}
.bar{height:8px;border-radius:9px;background:#22222f;overflow:hidden;margin:10px 0 6px}
.bar>i{display:block;height:100%;background:var(--grad);border-radius:9px;transition:width .5s}
.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrapf{flex-wrap:wrap}
.tag{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:#232334;color:#c9c7de;letter-spacing:.3px;white-space:nowrap}
.tag.c{background:rgba(53,212,154,.14);color:var(--ok)}.tag.m{background:rgba(255,176,32,.14);color:var(--warn)}
.fmt{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--f) 20%,#14141d);color:var(--f);white-space:nowrap}
.btn{font:inherit;font-weight:600;font-size:13px;border:0;border-radius:10px;padding:9px 15px;cursor:pointer;color:#fff;background:var(--grad);transition:.15s}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn.ghost{background:#222233;color:var(--tx)}.btn.ok{background:#1e8f69}.btn.warn{background:#2a2113;color:var(--warn);border:1px solid #4a3a16}.btn.sm{padding:6px 11px;font-size:12px}
.list>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.list>div:first-child{border-top:0}
.list .dt{min-width:64px;font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:var(--c,#888);flex:none}
.av{width:22px;height:22px;border-radius:50%;background:#2a2a3d;display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:#d8d6ee;flex:none}
.empty{color:var(--dim);padding:14px 0}
.late{color:var(--bad);font-weight:600}
/* filtros */
.fbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.fbar select{width:auto;min-width:150px}
/* kanban */
.kb{display:flex;gap:12px;overflow-x:auto;padding-bottom:14px;align-items:flex-start}
.col{min-width:240px;flex:1 1 240px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px;transition:.15s}
.col.over{border-color:var(--m);background:#16101a}
.col h3{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--tx)}
.col h3 em{font-style:normal;margin-left:auto;color:var(--mut);background:#1f1f2e;border-radius:99px;padding:1px 8px;font-size:11px}
.col .meta{color:var(--mut);font-size:11px;margin-bottom:10px;line-height:1.35}
.col .meta b{color:var(--tx);font-weight:500}
.kc{background:var(--card2);border:1px solid var(--line);border-left:3px solid var(--c);border-radius:10px;padding:10px 11px;margin-bottom:8px;cursor:grab;transition:.15s}
.kc:hover{transform:translateY(-2px);border-color:var(--c)}
.kc.drag{opacity:.4}
.kc-top{display:flex;justify-content:space-between;margin-bottom:6px}
.kc-t{font-weight:500;margin-bottom:6px;font-size:13.5px}
.kc-b{display:flex;align-items:center;gap:7px;color:var(--mut);font-size:11.5px}
.prev{font-style:normal;margin-left:auto;font-size:10px;color:var(--mut);border:1px dashed #3a3a50;border-radius:99px;padding:0 6px}
.more{width:100%;background:none;border:1px dashed var(--line);color:var(--mut);border-radius:9px;padding:7px;cursor:pointer;font:inherit;font-size:12px}
/* calendar */
.calh{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.calh h3{font-size:26px;font-weight:500;min-width:230px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal .dw{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:1.2px;padding:4px 6px}
.cd{min-height:104px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:7px;display:flex;flex-direction:column;gap:4px}
.cd.out{opacity:.35}.cd.we{background:#0c0c12}.cd.today{border-color:var(--m);box-shadow:0 0 0 1px var(--m) inset}
.cd .n{font-size:12px;color:var(--mut);font-weight:600}.cd.hol .n::after{content:" · feriado";color:var(--dim);font-weight:400}
.chip{font-size:11px;border-radius:7px;padding:4px 7px;cursor:pointer;background:color-mix(in srgb,var(--c) 22%,#14141d);border-left:3px solid var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;color:var(--mut);font-size:12px}
.legend span{display:flex;align-items:center;gap:6px}
/* timeline */
.tl{position:relative;padding-left:26px}
.tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--m),var(--p))}
.tl .it{position:relative;padding:0 0 22px}
.tl .it::before{content:"";position:absolute;left:-26px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--m)}
.tl .it.past::before{background:var(--ok);border-color:var(--ok)}
.tl .d{font-weight:700;margin-right:10px}
.notice{background:rgba(255,176,32,.08);border:1px solid rgba(255,176,32,.3);color:#ffd68a;border-radius:12px;padding:11px 14px;font-size:13px;margin-bottom:18px}
.notice.int{background:#1c1608}
/* tabelas / forms */
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;color:var(--mut);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:8px 6px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}
td{padding:6px;border-bottom:1px solid #1d1d2b;vertical-align:middle}
tr[data-open]{cursor:pointer}tr[data-open]:hover td{background:#191926}
input,select,textarea{font:inherit;color:var(--tx);background:#0d0d14;border:1px solid var(--line);border-radius:8px;padding:7px 9px;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--p)}
td input,td select{padding:5px 7px;font-size:12.5px}
input[type=checkbox]{width:auto;accent-color:var(--m)}
textarea{min-height:120px;resize:vertical;line-height:1.5}
label.f{display:block;color:var(--mut);font-size:11.5px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.8px}
.fg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.scroll{max-height:600px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.heat td.c{text-align:center;font-weight:600;border-radius:6px}
.big{font-size:24px;font-weight:600;letter-spacing:-1px}
.neg{color:var(--bad)}
/* resultados */
.fn .r{margin:14px 0}
.fn .t{display:flex;justify-content:space-between;font-size:13px}
.fn .t b{font-size:18px}
.fn .bar{height:11px;margin:7px 0 4px}
.fn .bar>i{background:linear-gradient(90deg,#7b3cff,#ff2e93)}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.mini div{text-align:center}.mini .v{font-size:22px;font-weight:600}
/* modal */
.ov{position:fixed;inset:0;background:rgba(5,5,9,.7);backdrop-filter:blur(6px);display:none;place-items:center;z-index:100;padding:20px}
.ov.on{display:grid}
.md{background:var(--card);border:1px solid var(--line);border-radius:20px;width:min(1120px,100%);max-height:92vh;overflow:auto;padding:26px}
.md h3{font-size:24px;font-weight:500;margin:6px 0 10px}
.steps{display:flex;gap:4px;margin:12px 0 14px}
.steps i{flex:1;height:6px;border-radius:5px;background:#26263a}
.steps i.on{background:var(--grad)}
.hist{font-size:12px;color:var(--mut);margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.lock{position:fixed;left:14px;bottom:14px;opacity:.15;background:none;border:0;color:var(--tx);cursor:pointer;font-size:16px;z-index:60}
.lock:hover{opacity:.8}

.logo-img{height:52px;width:auto;display:block}
.brand{align-items:center}
.cli{position:relative;display:inline-flex;align-items:center;gap:8px;margin-left:10px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:default;outline:none}
.cli b{font-weight:600;font-size:13.5px}.cli .chev{color:var(--mut);font-size:11px}
.cli::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad)}
.clim{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:260px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;z-index:40;box-shadow:0 20px 50px -10px rgba(0,0,0,.7)}
.cli.open .clim{display:block}
.clim .ci{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#1b1b29;font-size:13px}
.clim .ci i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.clim .ci span{margin-left:auto;color:var(--mut);font-size:11px}
.clim .cmeta{color:var(--dim);font-size:11.5px;padding:8px 8px 2px}
.mgrid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:28px;margin-top:12px}
@media(max-width:900px){.mgrid{grid-template-columns:1fr}}
.ig{background:#000;border:1px solid #2a2a35;border-radius:14px;overflow:hidden;color:#f5f5f5;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.ig-h{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px}
.ig-h b{font-weight:600}.ig-dots{margin-left:auto;letter-spacing:1px;color:#aaa}
.ig-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf);display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff}
.ig-m{position:relative;background:#111;width:100%;overflow:hidden;display:grid;place-items:center}
.ig-m img,.ig-m video{width:100%;height:100%;object-fit:cover;display:block}
.ig-cnt{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.62);border-radius:99px;padding:2px 9px;font-size:12px}
.ig-ar{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font-size:18px;line-height:1;cursor:pointer}
.ig-ar.l{left:8px}.ig-ar.r{right:8px}
.ig-dt{display:flex;justify-content:center;gap:4px;padding:8px 0 0}.ig-dt i{width:6px;height:6px;border-radius:50%;background:#555}.ig-dt i.on{background:#3897f0}
.ig-ic{display:flex;gap:14px;padding:10px 12px 4px}.ig-ic svg{width:24px;height:24px;stroke:#f5f5f5;fill:none;stroke-width:1.8}.ig-ic .bm{margin-left:auto}
.ig-cp{padding:4px 12px 14px;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.ig-cp i{color:#777}
.pvbar{display:flex;gap:6px;align-items:center;margin-top:12px;flex-wrap:wrap}
.pvbar .btn.on{background:var(--grad)}
.ths{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.th{position:relative;width:62px;height:78px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#111;cursor:pointer;display:grid;place-items:center;color:#ccc}
.th.on{border-color:var(--m)}.th img{width:100%;height:100%;object-fit:cover}
.th .thx{position:absolute;inset:auto 0 0 0;display:none;justify-content:space-between;background:rgba(0,0,0,.75)}
.th:hover .thx{display:flex}.th .thx button{background:none;border:0;color:#fff;font-size:12px;padding:2px 5px;cursor:pointer}
.dzt{display:grid;place-items:center;text-align:center;gap:6px;padding:20px;color:#999;font-size:12.5px;border:2px dashed #3a3a48;border-radius:10px;margin:14px;height:calc(100% - 28px);width:calc(100% - 28px)}
@media print{.nav,.lock{display:none}}
.hdr .sub strong{font-size:17px;font-weight:600}
.kc-p{color:var(--mut);font-size:11px;margin-bottom:8px}
.kc-p em{font-style:normal;color:var(--warn)}
.kc-f{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--tx)}
.kc-d{font-size:11px;color:var(--mut);margin-top:6px;white-space:nowrap}
.col.empty{min-width:170px;flex:0 0 170px}
.cli{cursor:default}
html{background:var(--bg)}
main{width:100%;min-height:calc(100vh - 190px)}
.lead{max-width:none}
.col{min-width:200px;flex:1 1 200px}
.col.empty{min-width:130px;flex:0 0 130px}
html,body{width:100%;max-width:none;margin:0;min-height:100vh}body{overflow-x:hidden}.wrap,main,header,nav{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}
a.btn{text-decoration:none;display:inline-flex;align-items:center}
.conf{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;background:var(--card2);border:1px solid var(--warn);border-radius:14px;padding:14px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.conf b{color:var(--warn)}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px}
.auth .box{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 30px}
.auth .box img{height:64px;display:block;margin:0 auto 18px}
.auth h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:30px;text-align:center;margin-bottom:6px}
.auth p.s{text-align:center;color:var(--mut);margin-bottom:22px}
.auth input,.pa-in{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--tx);font:inherit;padding:11px 12px;margin-bottom:12px}
.auth .btn{width:100%;justify-content:center;padding:12px}
.err{color:var(--bad);font-size:13px;min-height:18px;margin-bottom:8px;text-align:center}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.ccard{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;transition:.15s}
.ccard:hover{border-color:var(--m);transform:translateY(-2px)}
.ccard h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:26px;margin-bottom:2px}
.cst{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.cst div{background:var(--bg2);border-radius:10px;padding:10px;text-align:center}
.cst b{display:block;font-size:22px}
.cst span{font-size:11px;color:var(--mut)}
.pa-mod{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;z-index:80;padding:20px}
.pa-mod>div{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.ro .thx{display:none!important}
