:root{--paper: #f7f5fb;--paper-2: #ece8f4;--card: #fff;--ink: #1d1830;--ink-2: #4a4460;--ink-3: #7e7894;--line: #ddd7ea;--brand: #7c5cbf;--brand-2: #5b3fa0;--brand-soft: #ede6fa;--side: #2a1f4e;--ok: #2e8b57;--ok-soft: #dff2e6;--warn: #c97c12;--warn-soft: #fbebd0;--bad: #b4322a;--bad-soft: #f8dedb;--info: #2c6bc2;--info-soft: #dce8f8;--mute-soft: #e9e5f1;--r-s: 6px;--r-m: 10px;--r-l: 14px;--font: "Instrument Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--ink);font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.key{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:var(--side);color:#d9d2ea;display:flex;flex-direction:column;padding:18px 14px}.side .logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;padding:6px 8px 22px}.side .logo i{width:28px;height:28px;border-radius:7px;background:var(--brand);display:grid;place-items:center;font-style:normal;font-size:.75rem}.side .mode{margin:0 8px 20px;padding:5px 10px;border-radius:6px;background:#ffffff14;font-size:.78rem;font-weight:600;color:#b39fe0;display:inline-block;width:fit-content}.side nav{display:grid;gap:2px}.side nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;color:#bdb3d6;padding:9px 10px;border-radius:8px;font-weight:500}.side nav button:hover{background:#ffffff0f;color:#fff}.side nav button[aria-current=page]{background:#ffffff1f;color:#fff}.side nav button .badge{margin-left:auto;background:var(--warn);color:#fff;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:99px}.side nav button .badge.bad{background:var(--bad)}.side nav svg{width:18px;height:18px;flex:none}.side .group{color:#8a7fa8;font-size:.78rem;font-weight:600;padding:18px 10px 6px}.side .foot{margin-top:auto;padding:14px 10px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#9f96b8}.side .foot b{display:block;color:#fff}.main{display:flex;flex-direction:column;min-width:0}.top{height:60px;display:flex;align-items:center;gap:16px;padding:0 28px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.top input{height:36px;border:1px solid var(--line);border-radius:var(--r-m);padding:0 12px;font:inherit;width:360px;background:var(--paper)}.top .right{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:.85rem;color:var(--ink-2)}.select{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--r-m);padding:7px 12px;background:#fff;font-weight:600}.select small{color:var(--ink-3);font-weight:500}.env{margin-left:4px;display:inline-flex;gap:2px;background:var(--paper-2);border-radius:99px;padding:3px}.env span,.env button{padding:4px 12px;border-radius:99px;font-size:.82rem;font-weight:600;color:var(--ink-3);background:none;border:0}.env span.on,.env button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #00000014}.sefaz{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--ink-2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand-2);display:grid;place-items:center;font-weight:700;font-size:.8rem}.avatar.dark{background:var(--ink);color:#fff}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:.8rem;font-weight:600;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{background:var(--ok-soft);color:#1f6a41}.pill.warn{background:var(--warn-soft);color:#8a5406}.pill.bad{background:var(--bad-soft);color:#8e271f}.pill.info{background:var(--info-soft);color:#1e4e92}.pill.mute{background:var(--mute-soft);color:var(--ink-2)}.content{padding:26px 28px 40px;display:grid;gap:22px}.view{display:grid;gap:22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h1{font-size:1.5rem;letter-spacing:-.02em;line-height:1.2}.page-head p{color:var(--ink-3);margin-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--r-m);font-weight:600;border:1px solid transparent;background:var(--card);transition:background .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-2)}.btn-ghost{border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--paper-2)}.btn-danger{border-color:var(--bad);color:var(--bad)}.btn-danger:hover:not(:disabled){background:var(--bad-soft)}.btn-sm{height:32px;padding:0 11px;font-size:.85rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l)}.card .hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.card .hd h2{font-size:1rem;font-weight:600}.card .bd{padding:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3-1{display:grid;grid-template-columns:2fr 1fr;gap:22px}.stat{padding:18px 20px}.stat span{color:var(--ink-3);font-size:.88rem}.stat b{display:block;font-size:1.7rem;letter-spacing:-.02em;margin-top:6px;line-height:1.1}.stat small{display:block;margin-top:8px;font-size:.82rem;color:var(--ink-2)}.stat small.up{color:var(--ok)}.stat small.down{color:var(--bad)}.bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:6px}.bars i{flex:1;background:var(--brand-soft);border-radius:3px 3px 0 0;position:relative}.bars i b{position:absolute;left:0;right:0;bottom:0;background:var(--brand);border-radius:3px 3px 0 0}.bars i.today b{background:var(--brand-2)}.bar-labels{display:flex;justify-content:space-between;color:var(--ink-3);font-size:.78rem;margin-top:8px}.spark{display:flex;align-items:flex-end;gap:3px;height:34px}.spark i{flex:1;background:var(--brand-soft);border-radius:2px 2px 0 0}.spark i.hi{background:var(--brand)}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;color:var(--ink-3);font-size:.82rem;padding:10px 20px;border-bottom:1px solid var(--line);background:#fbfafd}td{padding:12px 20px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover td{background:#f9f7fc}td .sub{display:block;color:var(--ink-3);font-size:.82rem}td.r,th.r{text-align:right}.filters{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}.input{height:36px;border:1px solid var(--line);border-radius:var(--r-m);padding:0 12px;background:#fff;font:inherit;min-width:220px}.chip{height:32px;border:1px solid var(--line);border-radius:99px;padding:0 12px;background:#fff;font-weight:500;font-size:.85rem;color:var(--ink-2)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:var(--ink-3);font-size:.85rem}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:#fff;border-left:1px solid var(--line);box-shadow:-24px 0 48px -32px #00000059;transform:translate(100%);transition:transform .25s ease;z-index:30;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer .dh{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer .dh h2{font-size:1.2rem;letter-spacing:-.01em}.drawer .dh p{color:var(--ink-3);margin-top:2px}.drawer .db{padding:20px 24px;overflow:auto;display:grid;gap:22px}.drawer .df{padding:14px 24px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.x{border:0;background:none;font-size:1.4rem;line-height:1;color:var(--ink-3);padding:2px 6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d183040;opacity:0;pointer-events:none;transition:opacity .2s;z-index:25}.overlay.on{opacity:1;pointer-events:auto}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;font-size:.92rem}.kv dt{color:var(--ink-3)}.kv dd{font-weight:500;word-break:break-all}.alert{border-radius:var(--r-m);padding:14px 16px;border:1px solid}.alert.bad{background:var(--bad-soft);border-color:#ebb8b3;color:#5e1a15}.alert.warn{background:var(--warn-soft);border-color:#edd1a0;color:#5c3803}.alert.info{background:var(--info-soft);border-color:#b7cdef;color:#173c70}.alert b{display:block;margin-bottom:4px}.alert .fix{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem}.timeline{list-style:none;display:grid;gap:0}.timeline li{display:grid;grid-template-columns:18px 1fr auto;gap:12px;padding:8px 0;font-size:.9rem;position:relative}.timeline li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ok);margin:5px 0 0 3px}.timeline li.bad:before{background:var(--bad)}.timeline li.mute:before{background:var(--ink-3)}.timeline li:not(:last-child):after{content:"";position:absolute;left:7px;top:22px;bottom:-8px;width:2px;background:var(--line)}.timeline time{color:var(--ink-3);font-size:.82rem}.emit{display:grid;grid-template-columns:1fr 1fr;gap:16px}.emit .card .bd{display:grid;gap:14px}.emit h3{font-size:1.05rem}.emit .cnpj{color:var(--ink-3);font-size:.85rem}.cert{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-m);background:var(--paper)}.cert .prog{flex:1;height:6px;background:var(--line);border-radius:99px;overflow:hidden}.cert .prog i{display:block;height:100%;background:var(--ok)}.cert .prog i.warn{background:var(--warn)}.cert .prog i.bad{background:var(--bad)}.cert small{color:var(--ink-2);white-space:nowrap}.series{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.series div{border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px;font-size:.85rem}.series div b{display:block;font-size:1rem}.series div span{color:var(--ink-3)}.code-inline{background:var(--paper-2);border-radius:5px;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.toggle{width:38px;height:22px;border-radius:99px;background:var(--brand);position:relative;display:inline-block;flex:none;border:0;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:19px;width:16px;height:16px;border-radius:50%;background:#fff}.toggle.off{background:var(--line)}.toggle.off:after{left:3px}.empty{padding:48px 20px;text-align:center;color:var(--ink-3)}.empty b{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:6px}.cont-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.deadline{font-weight:600}.deadline.warn{color:var(--warn)}.uf-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.uf{border:1px solid var(--line);border-radius:var(--r-s);padding:10px 8px;text-align:center;background:#fff}.uf b{display:block;font-size:.95rem}.uf small{display:block;color:var(--ink-3);font-size:.75rem;margin-top:2px}.uf:before{content:"";display:block;width:100%;height:4px;border-radius:2px;background:var(--ok);margin-bottom:8px}.uf.warn:before{background:var(--warn)}.uf.bad:before{background:var(--bad)}.uf.off:before{background:var(--line)}.uf.off{color:var(--ink-3)}.legend{display:flex;gap:16px;font-size:.82rem;color:var(--ink-2);margin-top:12px}.legend span:before{content:"";display:inline-block;width:10px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle;background:var(--ok)}.legend .w:before{background:var(--warn)}.legend .b:before{background:var(--bad)}.legend .o:before{background:var(--line)}.queue{display:grid;gap:10px}.queue>div{display:grid;grid-template-columns:200px 1fr 90px;gap:12px;align-items:center;font-size:.9rem}.queue .bar{height:8px;background:var(--paper-2);border-radius:99px;overflow:hidden}.queue .bar i{display:block;height:100%;background:var(--brand)}.queue .bar i.warn{background:var(--warn)}.queue .bar i.bad{background:var(--bad)}.queue .n{text-align:right;color:var(--ink-2)}.tag{display:inline-block;padding:2px 8px;border-radius:5px;background:var(--paper-2);font-size:.8rem;font-weight:600;color:var(--ink-2)}.vig{font-size:.82rem;color:var(--ink-3)}.skeleton{background:linear-gradient(90deg,var(--paper-2) 25%,#f4f1f9 50%,var(--paper-2) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--r-s);color:transparent}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.drawer{transition:none}}@media(max-width:1100px){.uf-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1000px){.app{grid-template-columns:1fr}.side{display:none}.grid-4,.grid-3{grid-template-columns:1fr 1fr}.grid-2,.grid-3-1,.emit,.cont-head{grid-template-columns:1fr}.sefaz{display:none}.top input{width:100%}.uf-grid{grid-template-columns:repeat(4,1fr)}}