:root{--color-green-institucional:#00968c;--color-green-medio:#00af9b;--color-green-claro:#2ac4aa;--color-laranja:#ef8833;--color-amarelo:#ffc511;--color-roxo:#844ec3;--color-pink:#ff0069;--color-verde-neon:#12f7d1;--color-branco:#fff;--color-green-escuro:#086b6b;--color-azul-escuro:#33466c;--color-azul-claro:#bdc6e3;--color-azul-medio:#8ea0c5;--color-bg-cinza-azulado:#f6f9fe;--color-bg-branco:#fff;--color-cinza-900:#3b3d3d;--color-cinza-600:#77736e;--color-cinza-400:#9c9c9c;--color-cinza-300:#d4d4d4;--color-cinza-100:#f2f2f2;--color-green-50:#00968c80;--color-azul-escuro-50:#33466c80;--color-branco-50:#ffffff80;--gradient-verde-senior:linear-gradient(167deg, #00af9c 0%, #12f7d1 100%);--font-family-base:"Public Sans", sans-serif;--font-display-large:65px;--lh-display-large:76px;--ls-display-large:-.25px;--font-display-medium:45px;--lh-display-medium:52px;--ls-display-medium:0;--font-display-small:36px;--lh-display-small:42px;--ls-display-small:0;--font-headline-large:32px;--lh-headline-large:40px;--font-headline-medium:28px;--lh-headline-medium:36px;--font-headline-small:24px;--lh-headline-small:28px;--font-title-large:22px;--lh-title-large:28px;--font-title-medium:16px;--lh-title-medium:25px;--ls-title-medium:.15px;--font-title-small:14px;--lh-title-small:20px;--ls-title-small:.1px;--font-label-large:14px;--lh-label-large:20px;--ls-label-large:.1px;--font-label-medium:12px;--lh-label-medium:16px;--ls-label-medium:.5px;--font-label-small:11px;--lh-label-small:16px;--ls-label-small:.5px;--font-body-large:16px;--lh-body-large:24px;--ls-body-large:.5px;--font-body-medium:14px;--lh-body-medium:20px;--ls-body-medium:.25px;--font-body-small:12px;--lh-body-small:16px;--ls-body-small:.4px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--shadow-100:0px 1px 2px #0000004d;--shadow-200:0px 2px 6px 2px #00000026;--shadow-400:0px 4px 8px 3px #00000026;--shadow-600:0px 6px 10px 4px #00000026;--shadow-800:0px 8px 12px 6px #00000026;--shadow-1000:10px 10px 60px 6px #00000040;--shadow-elevation-8:10px 10px 20px 0px #33466c40;--grid-max-width:1140px;--grid-columns-desktop:8;--grid-column-width-desktop:121px;--grid-gutter-desktop:25px;--grid-columns-mobile:4;--grid-column-width-mobile:70px;--grid-gutter-mobile:16px;--container-padding-mobile:26px;--spacing-widget:100px;--spacing-block:50px;--spacing-inline:25px;--radius-sm:5px;--radius-md:10px;--hero-banner-width:100%;--hero-banner-height:750px;--hero-banner-base-width:1875px;--hero-headline-size:42px;--hero-subtitle-size:20px;--hero-card-text-size:12px;--hero-card-width:175px;--hero-card-height:55px;--hero-card-border-radius:10px;--hero-card-border:1px solid #75fabd;--hero-card-text-color:#fff;--hero-card-hover-bg:#144939;--hero-card-padding-horizontal:20px;--hero-card-font-size:12px;--hero-card-font-weight:400;--hero-modal-width:325px;--hero-modal-height:435.255px;--hero-modal-border-radius:10px;--hero-modal-bg:#fff;--hero-modal-shadow:30px 30px 60px #00000040;--hero-modal-padding:40px;--hero-modal-title-size:28px;--hero-modal-title-color:#00af9b;--hero-modal-description-size:16px;--hero-modal-description-color:#33466c;--hero-modal-cta-secondary-size:16px;--hero-modal-cta-secondary-color:#33466c;--carousel-title-font-size:28px;--carousel-title-font-weight:800;--carousel-title-line-height:120%;--carousel-title-color:#00af9b;--carousel-description-font-size:16px;--carousel-description-font-weight:400;--carousel-description-line-height:150%;--carousel-description-color:#33466c;--carousel-subtitle-font-size:20px;--carousel-subtitle-font-weight:800;--carousel-subtitle-line-height:150%;--carousel-subtitle-color:#00af9b;--carousel-arrow-width:28px;--carousel-arrow-height:28px;--carousel-arrow-asset:url(/src/assets/carousel-arrow.svg);--carousel-item-width:100%;--carousel-item-height:115px;--carousel-item-border-radius:10px;--carousel-item-border:1px solid #d3d3d3;--carousel-item-background:#fff;--carousel-item-padding:20px;--carousel-dot-inactive-size:8px;--carousel-dot-inactive-color:#c4ccd8;--carousel-dot-active-width:24px;--carousel-dot-active-height:8px;--carousel-dot-active-background:#bdc6e3;--carousel-dot-progress-color:#33466c;--carousel-dot-progress-duration:3s;--carousel-cta-background:#ef8833;--btn-filled-bg:#ef8833;--btn-filled-bg-hover:#b95e00;--btn-filled-text:#fff;--btn-filled-disabled-bg:#bdc6e3;--btn-filled-disabled-text:#8ea0c5;--btn-outline-border:#12f7d1;--btn-outline-hover-bg:#12f7d140;--btn-outline-text:#fff;--btn-outline-disabled-border:#bdc6e3;--btn-outline-disabled-text:#8ea0c5;--btn-teal-bg:#12f7d1;--btn-teal-bg-hover:#00af9c;--btn-teal-text:#33466c;--btn-teal-disabled-border:#8ea0c5;--btn-teal-disabled-text:#8ea0c5;--btn-text-color:#fff;--btn-text-hover:#12f7d1;--btn-text-disabled:#8ea0c5;--btn-cta-bg:#ef8833;--btn-cta-bg-hover:#ae6229;--btn-cta-text:#fff;--btn-cta-font-size:16px;--btn-cta-font-weight:700;--btn-cta-gap:8px;--btn-cta-border-radius:10px;--btn-cta-shadow:none;--btn-cta-width:270px;--btn-cta-height:50px;--btn-cta-icon-size:16px;--btn-blog-bg:#ef8833;--btn-blog-bg-hover:#ae6229;--btn-blog-text:#fff;--btn-blog-font-size:16px;--btn-blog-font-weight:800;--btn-blog-border-radius:10px;--btn-blog-shadow:none;--btn-blog-width:218px;--btn-blog-height:40px}.btn-giant{border-radius:10px;width:345px;height:60px;font-size:18px}.btn-large{border-radius:8px;width:276px;height:48px;font-size:16px}.btn-medium{border-radius:5px;width:230px;height:40px;font-size:14px}.btn-small{border-radius:5px;width:184px;height:32px;font-size:13px}.btn-tiny{border-radius:3px;width:138px;height:24px;font-size:11px}
:root{--bg:var(--color-bg-cinza-azulado);--surface:var(--color-bg-branco);--border:var(--color-cinza-300);--text:var(--color-azul-escuro);--muted:var(--color-cinza-600);--primary:var(--color-green-institucional);--primary-hover:var(--color-green-escuro);--on-primary:var(--color-branco);--radius:var(--radius-md);--sev-critical:var(--color-pink);--sev-high:var(--color-laranja);--sev-medium:var(--color-amarelo);--sev-low:var(--color-azul-medio);--ok:var(--color-green-medio);--fail:var(--color-pink)}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);font-family:var(--font-family-base,"Public Sans", sans-serif);font-size:var(--font-body-medium);line-height:var(--lh-body-medium);-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--font-headline-small);line-height:var(--lh-headline-small);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-title-large);line-height:var(--lh-title-large);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-title-medium);line-height:var(--lh-title-medium);font-weight:var(--font-weight-bold)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.app{grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--spacing-inline);flex-direction:column;gap:4px;display:flex}.brand{margin-bottom:var(--spacing-inline);align-items:center;gap:10px;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);width:28px;height:28px}.brand strong{font-size:var(--font-title-medium);color:var(--text)}.navlink{border-radius:var(--radius-sm);color:var(--text);font-weight:var(--font-weight-medium);align-items:center;gap:10px;padding:10px 12px;display:flex}.navlink:hover{background:var(--color-cinza-100);text-decoration:none}.navlink[aria-current=page]{background:var(--color-green-50);color:var(--color-green-escuro)}.content{padding:var(--spacing-inline);max-width:var(--grid-max-width);width:100%}.pagehead{margin-bottom:var(--spacing-inline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pagehead p{color:var(--muted);font-size:var(--font-body-small)}.grid{gap:16px;display:grid}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-100);padding:20px}.kpi .value{font-size:var(--font-display-small);line-height:1.1;font-weight:var(--font-weight-bold);color:var(--text)}.kpi .label{color:var(--muted);font-size:var(--font-label-medium);text-transform:uppercase;letter-spacing:var(--ls-label-medium);margin-top:6px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);font-size:var(--font-body-small);padding:10px 14px}table.data th{background:var(--color-cinza-100);color:var(--muted);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--ls-label-small);font-size:var(--font-label-small)}table.data tr:last-child td{border-bottom:none}.pill{font-size:var(--font-label-medium);font-weight:var(--font-weight-bold);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.critical{color:var(--sev-critical);background:color-mix(in srgb, var(--sev-critical) 14%, white)}.pill.high{color:var(--btn-filled-bg-hover);background:color-mix(in srgb, var(--sev-high) 16%, white)}.pill.medium{color:var(--color-cinza-900);background:color-mix(in srgb, var(--sev-medium) 24%, white)}.pill.low{color:var(--color-azul-escuro);background:color-mix(in srgb, var(--sev-low) 24%, white)}.pill.sent{color:var(--color-green-escuro);background:var(--color-green-50)}.pill.pending{color:var(--color-azul-escuro);background:color-mix(in srgb, var(--color-azul-medio) 24%, white)}.pill.failed{color:var(--fail);background:color-mix(in srgb, var(--fail) 14%, white)}.btn{border-radius:var(--radius-sm);height:40px;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-body-medium);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background-color .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-cta{background:var(--btn-cta-bg);color:var(--btn-cta-text)}.btn-cta:hover{background:var(--btn-cta-bg-hover)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--color-cinza-100)}.btn:disabled{background:var(--btn-filled-disabled-bg);color:var(--btn-filled-disabled-text);cursor:not-allowed}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:var(--font-label-large);font-weight:var(--font-weight-bold);color:var(--text)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:40px;color:var(--text);font-family:var(--font-family-base);font-size:var(--font-body-medium);padding:0 12px}.field textarea{height:auto;padding:10px 12px}.row{flex-wrap:wrap;gap:12px;display:flex}.shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.center-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-200);width:100%;max-width:420px;padding:32px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 20px}@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.brand{margin-bottom:0}}