@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#07141f;--surface:#0d2130;--surface2:#112a3c;--surface3:#17374b;--line:#234459;--text:#f2f7fa;--muted:#91a8b8;--brand:#21b8e6;--brand2:#5a72ff;--green:#23d18b;--amber:#f6b84a;--red:#f36b78;--violet:#9a83ff;--shadow:0 18px 50px rgba(0,0,0,.22)}
[data-theme=light]{--bg:#f2f6fa;--surface:#fff;--surface2:#edf4f8;--surface3:#e1edf4;--line:#d2e0e9;--text:#122b40;--muted:#60778a;--shadow:0 16px 42px rgba(29,68,95,.12)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}html[data-theme=light]{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;transition:.2s;background-image:radial-gradient(circle at 65% -10%,rgba(90,114,255,.13),transparent 33%)}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#0a314c,#0c4668);color:#fff;padding:24px 18px 18px;display:flex;flex-direction:column;z-index:50;border-right:1px solid rgba(255,255,255,.08)}.brand-row{display:flex;align-items:center;justify-content:space-between;height:43px}.brand-row img{width:176px;max-height:38px;object-fit:contain;object-position:left}.close-menu{display:none!important}.product-label{display:flex;flex-direction:column;padding:24px 10px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:15px}.product-label strong{font-family:Manrope;font-size:20px}.product-label span{font-size:12px;color:#bcd5e4}.side-nav{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#d7e6ef;border-radius:13px;padding:12px 13px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;text-align:left;font-weight:600;cursor:pointer;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.09);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#168dc1,#36b9dc);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.15)}.nav-icon{font-size:20px;text-align:center}.nav-item b{font-size:11px;min-width:23px;padding:4px 6px;text-align:center;background:rgba(255,255,255,.13);border-radius:99px}.nav-item b.warn{background:#744b10;color:#ffd98a}.sidebar-footer{margin-top:auto}.condominium{padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:13px;display:flex;flex-direction:column;background:rgba(255,255,255,.05)}.condominium span,.user-row small{font-size:11px;color:#bcd5e4}.condominium strong{font-size:13px;margin-top:2px}.user-row{display:flex;align-items:center;gap:10px;padding:16px 8px 2px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2ab5de;font-size:12px;font-weight:800}.user-row>span:last-child{display:flex;flex-direction:column}.user-row strong{font-size:13px}.main{margin-left:264px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 28px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);z-index:30}.icon-button,.unit-button,.search-button{border:1px solid var(--line);background:var(--surface);color:var(--text);height:42px;border-radius:12px;cursor:pointer}.icon-button{width:42px;display:grid;place-items:center;font-size:18px;position:relative}.icon-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:7px;top:7px}.search-button{width:min(340px,32vw);display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--muted);margin-right:auto}.search-button kbd{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--muted)}.top-actions{display:flex;gap:9px}.unit-button{padding:0 14px;display:flex;align-items:center;gap:22px;min-width:210px;justify-content:space-between}.menu-button,.mobile-brand{display:none}.environment-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;padding:14px 32px 0;max-width:1600px;margin:auto}.environment-note span{width:7px;height:7px;border-radius:50%;background:var(--amber)}.view{display:none;max-width:1600px;margin:0 auto;padding:30px 32px 56px}.view.active{display:block;animation:fade .24s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:5px 0 26px}.page-heading.compact{align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6fd1ed}.page-heading h1{font:800 clamp(30px,4vw,50px)/1.05 Manrope;margin:8px 0 8px;letter-spacing:-.04em}.page-heading.compact h1{font-size:38px}.page-heading p{color:var(--muted);margin:0;max-width:680px;font-size:15px}.primary-button,.secondary-button{border:0;border-radius:12px;padding:12px 17px;font-weight:700;cursor:pointer}.primary-button{background:linear-gradient(135deg,#168ec7,#23b8e6);color:#fff;box-shadow:0 10px 26px rgba(25,167,215,.24)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.health-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px;margin-bottom:16px}.health-card,.metric-card,.panel,.execution-card{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 82%,var(--surface2)));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.health-card{padding:20px;display:flex;align-items:center;gap:18px}.score-ring{width:88px;height:88px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,var(--surface) 56%,transparent 58%),conic-gradient(var(--green) 0 84%,var(--surface3) 84%);flex:0 0 88px}.score-ring span{font:800 28px Manrope}.score-ring small{font-size:10px;color:var(--muted)}.status-chip{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.status-chip.good{color:#69e9b1;background:rgba(35,209,139,.12)}.health-card h2{font:700 18px Manrope;margin:7px 0 2px}.health-card p{font-size:12px;color:var(--muted);margin:0}.metric-card{padding:19px;display:flex;align-items:center;gap:14px}.metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-weight:800;flex:0 0 40px}.cyan{color:#59d5f2;background:rgba(33,184,230,.13)}.amber{color:#f8c66c;background:rgba(246,184,74,.13)}.violet{color:#b2a2ff;background:rgba(154,131,255,.13)}.metric-card div{display:flex;flex-direction:column}.metric-card small{color:var(--muted);font-size:11px}.metric-card strong{font:800 27px Manrope;margin:2px 0}.metric-card span:last-child{color:var(--muted);font-size:10px}.metric-card .positive{color:var(--green)!important}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h2{font:700 18px Manrope;margin:4px 0 0}.text-button{border:0;background:none;color:#64cfee;font-size:12px;cursor:pointer}.attention-list{display:grid}.attention-row{display:grid;grid-template-columns:8px 1fr auto 15px;gap:12px;align-items:center;padding:13px 4px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.attention-row:first-child{border-top:0}.attention-row:hover{background:var(--surface2);padding-inline:10px;border-radius:10px}.attention-row span:nth-child(2){display:flex;flex-direction:column}.attention-row strong{font-size:13px}.attention-row small{color:var(--muted);font-size:11px;margin-top:3px}.attention-row em{font-style:normal;font-size:10px;color:var(--muted)}.severity{width:7px;height:35px;border-radius:99px}.severity.high{background:var(--red)}.severity.medium{background:var(--amber)}.severity.low{background:var(--green)}.live{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(35,209,139,.1)}.progress-main{display:flex;align-items:flex-end;justify-content:space-between}.progress-main div{display:flex;align-items:baseline;gap:7px}.progress-main strong{font:800 35px Manrope}.progress-main span{color:var(--muted);font-size:12px}.progress-main>span{font:700 16px Manrope;color:var(--green)}.progress-track{height:8px;background:var(--surface3);border-radius:99px;overflow:hidden;margin:14px 0}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand2),var(--brand));border-radius:inherit}.progress-legend{display:flex;gap:16px;flex-wrap:wrap}.progress-legend span{font-size:10px;color:var(--muted)}.progress-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.done{background:var(--green)}.running{background:var(--brand)}.late{background:var(--red)}.timeline{display:grid;gap:14px}.timeline>div{display:flex;gap:11px}.timeline-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font-weight:800;flex:0 0 31px}.timeline-icon.success{color:var(--green);background:rgba(35,209,139,.12)}.timeline-icon.info{color:var(--brand);background:rgba(33,184,230,.12)}.timeline-icon.warning{color:var(--amber);background:rgba(246,184,74,.12)}.timeline p{display:flex;flex-direction:column;margin:0}.timeline strong{font-size:12px}.timeline small{color:var(--muted);font-size:10px;margin-top:3px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid button{border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:12px;display:grid;grid-template-columns:30px 1fr;text-align:left;cursor:pointer}.quick-grid button:hover{border-color:var(--brand)}.quick-grid button span{grid-row:1/3;font-size:20px;color:var(--brand)}.quick-grid strong{font-size:12px}.quick-grid small{color:var(--muted);font-size:9px}.filters{padding:9px;display:flex;gap:7px;margin-bottom:14px;box-shadow:none}.filter,.filter-icon{border:0;border-radius:10px;padding:10px 13px;background:transparent;color:var(--muted);cursor:pointer}.filter.active{background:var(--surface3);color:var(--text)}.filter b{margin-left:5px;background:rgba(255,255,255,.08);padding:2px 6px;border-radius:99px}.filter-icon{margin-left:auto}.execution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.execution-card{padding:20px}.card-top{display:flex;justify-content:space-between}.type-chip{font-size:9px;letter-spacing:.1em;font-weight:800;color:var(--brand);background:rgba(33,184,230,.1);padding:5px 8px;border-radius:6px}.type-chip.os{color:#b8aaff;background:rgba(154,131,255,.12)}.type-chip.checklist{color:#64e1aa;background:rgba(35,209,139,.12)}.status-chip.progress{color:var(--brand);background:rgba(33,184,230,.12)}.status-chip.danger{color:#ff9aa3;background:rgba(243,107,120,.12)}.status-chip.warning{color:#ffd27d;background:rgba(246,184,74,.12)}.execution-card h3{font:700 18px Manrope;margin:20px 0 5px}.execution-card p{color:var(--muted);font-size:12px;margin:0 0 18px}.execution-card footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px}.execution-card footer span{color:var(--muted);font-size:10px}.execution-card footer button,.queue-row button,.report-card button{margin-left:auto;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:9px;padding:7px 10px;cursor:pointer}.monitor-grid{display:grid;grid-template-columns:320px 1fr;gap:14px}.monitor-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.monitor-summary>div:nth-child(2){display:flex;flex-direction:column}.monitor-summary strong{font:800 34px Manrope}.monitor-summary small{color:var(--muted)}.mini-stat{border-top:1px solid var(--line);padding-top:14px;display:flex!important;flex-direction:column}.mini-stat b{font-size:18px}.mini-stat span{font-size:11px;color:var(--muted)}.queue{padding:6px 18px}.queue-row{display:grid;grid-template-columns:7px 1fr auto auto;gap:13px;align-items:center;padding:15px 2px;border-top:1px solid var(--line)}.queue-row:first-child{border-top:0}.queue-row>div{display:flex;flex-direction:column}.queue-row strong{font-size:13px}.queue-row small,.time{font-size:10px;color:var(--muted)}.team-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.team-card{display:flex;flex-direction:column}.team-avatar{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:rgba(35,209,139,.15);color:var(--green);font-weight:800}.cyan-bg{background:rgba(33,184,230,.15);color:var(--brand)}.violet-bg{background:rgba(154,131,255,.15);color:var(--violet)}.team-card h3{margin:16px 0 4px}.team-card p{margin:0 0 16px;color:var(--muted);font-size:12px}.team-card>strong{font:800 30px Manrope}.team-card>span{font-size:10px;color:var(--muted)}.report-grid{grid-template-columns:1fr 1fr}.report-card{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center}.report-card>span{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:rgba(33,184,230,.12);color:var(--brand);font-size:21px}.report-card h3{font-size:15px;margin:0 0 4px}.report-card p{color:var(--muted);font-size:11px;margin:0}.evolution-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.evolution-summary article{background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:baseline;gap:10px}.evolution-summary strong{font:800 32px Manrope;color:var(--brand)}.evolution-summary span{color:var(--muted);font-size:12px}.comparison-table{padding:0;overflow:hidden}.comparison-head,.comparison-table>div:not(.comparison-head){display:grid;grid-template-columns:1.1fr .6fr 1.7fr;gap:20px;align-items:center;padding:14px 18px}.comparison-head{background:var(--surface2);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.comparison-table>div:not(.comparison-head){border-top:1px solid var(--line)}.comparison-table strong{font-size:12px}.comparison-table p{font-size:11px;color:var(--muted);margin:0}.have,.partial,.new{font-size:10px;font-weight:700}.have{color:var(--green)}.partial{color:var(--amber)}.new{color:var(--violet)}.bottom-nav{display:none}.overlay{display:none}.detail-dialog,.search-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:20px;box-shadow:0 0 0 100vmax rgba(0,0,0,.65),var(--shadow);padding:25px;width:min(480px,calc(100vw - 28px))}.detail-dialog::backdrop,.search-dialog::backdrop{background:transparent}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.detail-dialog h2{font:750 26px Manrope;margin:10px 0}.detail-dialog p{color:var(--muted)}.dialog-meta{display:flex;justify-content:space-between;border:1px solid var(--line);background:var(--surface2);padding:13px;border-radius:11px;margin:22px 0}.dialog-meta span{color:var(--muted)}.dialog-meta strong{color:var(--red)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.search-dialog form{display:grid;gap:13px}.search-dialog label{font:700 18px Manrope}.search-dialog input{height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);padding:0 13px;outline:none}.search-dialog input:focus{border-color:var(--brand)}.search-results{display:grid;gap:7px}.search-results button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:10px}.search-results button div{display:flex;flex-direction:column}.search-results small{color:var(--muted)}.search-results kbd{color:var(--muted)}
@media(max-width:1100px){.health-grid{grid-template-columns:1fr 1fr}.health-card{grid-column:1/-1}.execution-list,.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:76px;background-image:radial-gradient(circle at 90% -5%,rgba(90,114,255,.14),transparent 28%)}.sidebar{transform:translateX(-102%);width:min(330px,86vw);transition:.22s;padding-top:max(20px,env(safe-area-inset-top))}.sidebar.open{transform:none}.close-menu{display:grid!important}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:45}.main{margin:0}.topbar{height:64px;padding:0 14px;gap:8px}.menu-button,.mobile-brand{display:grid}.mobile-brand{font:800 16px Manrope;margin-right:auto}.mobile-brand span{color:var(--brand)}.search-button{width:42px;padding:0;display:grid;place-items:center;margin:0}.search-label,.search-button kbd,.unit-button{display:none}.top-actions{gap:7px}.icon-button{width:42px;height:42px}.environment-note{padding:10px 15px 0;font-size:9px}.view{padding:22px 14px 28px}.page-heading,.page-heading.compact{display:block;margin-bottom:20px}.page-heading h1,.page-heading.compact h1{font-size:31px}.page-heading p{font-size:13px}.page-heading .primary-button{width:100%;margin-top:17px}.health-grid{grid-template-columns:1fr 1fr;gap:10px}.health-card{padding:16px}.score-ring{width:72px;height:72px;flex-basis:72px}.score-ring span{font-size:23px}.metric-card{padding:14px;display:block}.metric-icon{width:34px;height:34px;margin-bottom:10px}.metric-card strong{font-size:23px}.dashboard-grid,.monitor-grid{grid-template-columns:1fr}.panel{padding:16px}.attention-row{grid-template-columns:7px 1fr 12px}.attention-row em{display:none}.quick-grid{grid-template-columns:1fr 1fr}.execution-list,.team-grid,.report-grid{grid-template-columns:1fr}.filters{overflow-x:auto}.filter{white-space:nowrap}.execution-card{padding:17px}.execution-card footer{flex-wrap:wrap}.queue{padding:4px 14px}.queue-row{grid-template-columns:7px 1fr auto}.queue-row .time{display:none}.queue-row button{grid-column:2/-1;margin:0;width:max-content}.evolution-summary{grid-template-columns:1fr}.comparison-head{display:none}.comparison-table>div:not(.comparison-head){grid-template-columns:1fr auto;gap:6px 12px}.comparison-table p{grid-column:1/-1}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset:auto 0 0;height:68px;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:40}.bottom-nav button{position:relative;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.bottom-nav button span{font-size:19px}.bottom-nav button.active{color:var(--brand)}.bottom-nav i{position:absolute;top:6px;right:28%;font-style:normal;background:var(--red);color:white;width:16px;height:16px;border-radius:50%;font-size:8px;display:grid;place-items:center}.detail-dialog,.search-dialog{padding:22px}.progress-legend{gap:9px}}
@media(max-width:390px){.health-grid{grid-template-columns:1fr}.health-card{grid-column:auto}.quick-grid{grid-template-columns:1fr}.top-actions .icon-button:first-child{display:none}.comparison-table>div:not(.comparison-head){padding:13px}.report-card{grid-template-columns:40px 1fr}.report-card button{grid-column:2;margin:0;width:max-content}}
/* Sistema de ícones vetoriais: traço único, sem símbolos tipográficos genéricos. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{width:1.15em;height:1.15em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-icon .ui-icon{width:20px;height:20px;margin:auto}.search-button>.ui-icon{width:17px;height:17px;flex:0 0 auto}
.metric-icon .ui-icon,.timeline-icon .ui-icon{width:19px;height:19px}.quick-grid button span .ui-icon{width:22px;height:22px}
.report-card>span .ui-icon{width:22px;height:22px}.theme-sun{display:none}[data-theme=light] .theme-moon{display:none}[data-theme=light] .theme-sun{display:block}
.bottom-nav button span .ui-icon{width:20px;height:20px}.bottom-nav button span{display:grid;place-items:center}