:root { --bg:#090c12; --panel:#121720; --panel2:#0d121a; --line:#252c37; --text:#edf2f8; --muted:#718097; --blue:#7396c9; --cyan:#29b6e8; --green:#2dd875; --red:#ff4e5b; --amber:#f6aa21; --violet:#8c71ff; color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 80% -15%,#121b2a 0,transparent 31rem),var(--bg); font-family:Inter,"Segoe UI",sans-serif; font-size:14px; }
a { color:inherit; } button,input { font:inherit; } button { cursor:pointer; }
.page-glow { position:fixed; z-index:-1; width:28rem; height:28rem; border-radius:50%; filter:blur(120px); opacity:.08; pointer-events:none; }.page-glow--one{top:15%;left:-12rem;background:var(--amber)}.page-glow--two{right:-10rem;bottom:8%;background:var(--violet)}
.brand { display:inline-flex; align-items:center; gap:11px; color:#e8edf5; font-size:17px; font-weight:800; text-decoration:none; letter-spacing:-.5px; }.brand em{color:var(--amber);font-style:normal}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(246,170,33,.2);border-radius:10px;color:var(--amber);background:rgba(246,170,33,.1);font-weight:900}
.eyebrow { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:1.3px; }
.positive { color:var(--green)!important; }.negative{color:var(--red)!important}.neutral{color:var(--amber)!important}
.notice{margin:0 0 18px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:12px}.notice--success{color:#75e6a6;border-color:rgba(45,216,117,.25);background:rgba(45,216,117,.07)}.notice--error{color:#ff8991;border-color:rgba(255,78,91,.25);background:rgba(255,78,91,.07)}

.auth-page { display:grid; place-items:center; padding:30px; }
.auth-shell { display:grid; grid-template-columns:1.1fr .9fr; width:min(960px,100%); min-height:560px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:rgba(14,18,26,.92); box-shadow:0 35px 100px rgba(0,0,0,.4); }
.auth-intro { display:flex; flex-direction:column; justify-content:space-between; padding:42px; border-right:1px solid var(--line); background:radial-gradient(circle at 20% 75%,rgba(246,170,33,.09),transparent 18rem); }.auth-intro h1{margin:16px 0 13px;font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-3px}.auth-intro h1 em{color:transparent;background:linear-gradient(90deg,var(--amber),#f5d66d);background-clip:text;-webkit-background-clip:text;font-style:normal}.auth-intro p{max-width:480px;color:var(--muted);line-height:1.7}.auth-intro>small{color:#4d596a}
.login-panel { display:flex; flex-direction:column; justify-content:center; padding:50px; background:var(--panel2); }.login-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:12px;color:var(--violet);background:rgba(140,113,255,.12);font-size:20px}.login-panel h2{margin:8px 0 6px;font-size:25px}.login-panel>p{margin:0 0 24px;color:var(--muted);line-height:1.6}.login-panel form{display:grid;gap:15px}.login-panel label{display:grid;gap:7px;color:#adb8c8;font-size:11px;font-weight:700}.login-panel input{height:46px;padding:0 13px;outline:0;border:1px solid var(--line);border-radius:9px;color:white;background:#090e15}.login-panel input:focus{border-color:rgba(246,170,33,.55);box-shadow:0 0 0 3px rgba(246,170,33,.08)}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border:0;border-radius:9px;color:#161109;background:linear-gradient(135deg,#f7b12c,#e08a0c);font-weight:850}.primary-button:hover{filter:brightness(1.07)}.login-panel>small{margin-top:17px;color:#59677a;text-align:center;font-size:10px}.setup-card{width:min(550px,100%);padding:35px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.setup-card .brand-mark{margin-bottom:18px}.setup-card p,.setup-card li{color:var(--muted);line-height:1.6}.setup-card code{color:#f3c467}

.topbar { height:70px; border-bottom:1px solid var(--line); background:rgba(9,12,18,.92); backdrop-filter:blur(14px); }.topbar-inner{display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 36px));height:100%;margin:auto}.topbar-actions{display:flex;align-items:center;gap:9px}.api-badge,.user-badge{padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:#76869b;background:#0c1118;font-size:10px}.api-badge i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.topbar-actions form{margin:0}.topbar-actions button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:#9eabbc;background:transparent;font-size:10px}.topbar-actions button:hover{color:white}
.topbar-nav{display:flex;align-items:center;gap:4px}.topbar-nav a{padding:8px 9px;border-radius:7px;color:#66758a;font-size:10px;text-decoration:none}.topbar-nav a:hover,.topbar-nav a.is-active{color:#e7edf6;background:#121923}
.dashboard-shell,footer { width:min(1160px,calc(100% - 36px)); margin-inline:auto; }.dashboard-shell{padding:34px 0 55px}.dashboard-title{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.dashboard-title h1{margin:7px 0 4px;font-size:30px;letter-spacing:-1.4px}.dashboard-title p{margin:0;color:var(--muted);font-size:12px}.last-update{display:grid;gap:3px;text-align:right}.last-update span,.last-update small{color:#59677a;font-size:9px}.last-update strong{font-size:12px}
.execution-status{display:grid;grid-template-columns:1fr 1fr;gap:9px}.execution-status>div{min-width:150px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0d1219}.execution-status span,.execution-status small{display:block;color:#59677a;font-size:8px}.execution-status strong{display:block;margin:4px 0;font-size:11px}.status-success{color:var(--green)!important}.status-failed{color:var(--red)!important}.status-skipped{color:var(--amber)!important}
.metric-grid{display:grid;gap:14px}.metric-grid--primary{grid-template-columns:repeat(4,1fr)}.metric-card,.mini-card,.panel,.empty-dashboard{border:1px solid var(--line);border-radius:12px;background:var(--panel)}.metric-card{min-width:0;padding:19px}.metric-card--accent{border-color:rgba(246,170,33,.28);background:linear-gradient(135deg,rgba(246,170,33,.08),var(--panel) 55%)}.metric-label{display:flex;gap:7px;align-items:center;margin-bottom:13px;color:var(--blue);font-size:10px;font-weight:700}.metric-label span{color:#65758a}.metric-card>strong{display:block;overflow:hidden;margin-bottom:7px;font-size:21px;letter-spacing:-.7px;text-overflow:ellipsis;white-space:nowrap}.metric-card>small{font-size:9px;font-weight:700}
.overview-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:14px;margin-top:14px}.panel{min-width:0;padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-heading>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.7px}.panel-heading>small{color:#59677a;font-size:9px}.state-content{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;padding:25px 0}.state-ring{display:grid;place-items:center;width:124px;height:124px;border:10px solid #242c38;border-top-color:currentColor;border-radius:50%;transform:rotate(-30deg)}.state-ring span{max-width:90px;transform:rotate(30deg);color:var(--text);font-size:12px;font-weight:800;text-align:center}.state-content h2{margin:0 0 7px;font-size:22px}.state-content p{margin:0 0 10px;color:#8b99ab;font-size:11px;line-height:1.6}.state-content small{color:#505d70;font-size:9px}.state-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.state-comparison div{padding:13px;border:1px solid var(--line);border-radius:9px;background:#0e141c}.state-comparison span{display:block;margin-bottom:5px;color:#5e6d81;font-size:8px;text-transform:uppercase}.state-comparison strong{font-size:16px}
.chart-tabs{display:flex;gap:4px}.chart-tabs button{padding:5px 7px;border:1px solid transparent;border-radius:6px;color:#647389;background:transparent;font-size:8px}.chart-tabs button.is-active{color:#e8edf5;border-color:var(--line);background:#0d131c}.chart-panel canvas{display:block;width:100%;height:250px;margin-top:16px}.chart-footer{display:flex;justify-content:space-between;color:#536176;font-size:8px}
.metric-grid--secondary{grid-template-columns:repeat(6,1fr);margin-top:14px}.mini-card{padding:15px}.mini-card span{display:block;margin-bottom:8px;color:#65758a;font-size:8px;text-transform:uppercase}.mini-card strong{font-size:15px}.ecosystem-panel,.history-panel{margin-top:14px}.ecosystem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding-top:16px}.ecosystem-grid div{padding:13px;border:1px solid rgba(37,44,55,.7);border-radius:8px;background:#0e141c}.ecosystem-grid span{display:block;margin-bottom:7px;color:#65758a;font-size:8px}.ecosystem-grid strong{font-size:13px}
.table-wrap{overflow-x:auto;margin-top:8px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 10px;border-bottom:1px solid rgba(37,44,55,.7);font-size:10px;text-align:right}th{color:#607086;font-size:8px;text-transform:uppercase}th:first-child,td:first-child{text-align:left}tbody tr:hover{background:rgba(255,255,255,.015)}
.empty-dashboard{display:grid;place-items:center;padding:70px 25px;text-align:center}.empty-dashboard .brand-mark{margin-bottom:14px}.empty-dashboard h2{margin:0 0 8px}.empty-dashboard p{max-width:560px;margin:0;color:var(--muted);line-height:1.7}.empty-dashboard code{color:#f3c467}
.analysis-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.analysis-links>a{min-width:0;display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none;transition:.2s}.analysis-links>a:hover{transform:translateY(-2px);border-color:#3a4657}.analysis-links>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--amber);background:rgba(246,170,33,.09);font-weight:800}.analysis-links small{color:var(--blue);font-size:8px;font-weight:800}.analysis-links h2{margin:3px 0 5px;font-size:15px}.analysis-links p{margin:0;color:#68778b;font-size:9px;line-height:1.5}.analysis-links b{color:#5f6e82}
.analysis-warning{margin-bottom:14px;padding:11px 13px;border:1px solid rgba(246,170,33,.18);border-radius:9px;color:#a99063;background:rgba(246,170,33,.05);font-size:10px;line-height:1.5}.detail-chart{margin-top:14px}.dominance-summary{grid-template-columns:repeat(3,1fr);margin-bottom:14px}
.decision-context{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.decision-context article{padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.decision-context span{display:block;margin-bottom:8px;color:var(--blue);font-size:8px;font-weight:800}.decision-context strong{display:block;margin-bottom:6px;font-size:13px}.decision-context small{display:block;color:#65758a;font-size:9px;line-height:1.5}
footer{display:flex;justify-content:space-between;padding:22px 0 30px;border-top:1px solid var(--line);color:#4d596a;font-size:9px}

/* Refinamento de largura e legibilidade */
body{font-size:15px}
.brand{font-size:18px}.brand-mark{width:36px;height:36px}.eyebrow{font-size:11px}
.login-panel label{font-size:12px}.login-panel>small{color:#647287;font-size:11px}
.topbar{height:72px}.topbar-inner,.dashboard-shell,footer{width:min(1400px,calc(100% - 48px))}
.api-badge,.user-badge,.topbar-actions button,.topbar-nav a{font-size:11px}.topbar-nav a{padding:8px 10px;color:#738197}
.dashboard-shell{padding:38px 0 58px}.dashboard-title{margin-bottom:29px}.dashboard-title h1{font-size:34px}.dashboard-title p{font-size:13px}
.last-update span,.last-update small{color:#66758a;font-size:10px}.last-update strong{font-size:13px}
.execution-status{gap:10px}.execution-status>div{min-width:165px;padding:11px 13px}.execution-status span,.execution-status small{color:#66758a;font-size:9px}.execution-status strong{font-size:12px}
.metric-card{padding:21px}.metric-label{font-size:11px}.metric-card>strong{font-size:23px}.metric-card>small{font-size:10px}
.panel{padding:22px}.panel-heading>span{font-size:11px}.panel-heading>small{color:#66758a;font-size:10px}
.state-content{grid-template-columns:140px 1fr;gap:22px;padding:27px 0}.state-ring{width:132px;height:132px}.state-ring span{font-size:13px}.state-content h2{font-size:24px}.state-content p{color:#96a3b4;font-size:12px}.state-content small{color:#607086;font-size:10px}
.state-comparison div{padding:14px}.state-comparison span{color:#6b7a8e;font-size:9px}.state-comparison strong{font-size:17px}
.chart-tabs button{padding:6px 8px;color:#738197;font-size:9px}.chart-panel canvas{height:280px}.chart-footer{color:#647389;font-size:9px}
.mini-card{padding:16px}.mini-card span{color:#718096;font-size:9px}.mini-card strong{font-size:16px}
.ecosystem-grid div{padding:14px}.ecosystem-grid span{color:#718096;font-size:9px}.ecosystem-grid strong{font-size:14px}
th,td{padding:13px 11px;font-size:11px}th{color:#6d7d92;font-size:9px}
.analysis-links small{font-size:9px}.analysis-links h2{font-size:17px}.analysis-links p{color:#76859a;font-size:11px}.analysis-links b{color:#6b7a8e}
.analysis-warning{padding:12px 14px;font-size:11px}.decision-context article{padding:17px}.decision-context span{font-size:9px}.decision-context strong{font-size:14px}.decision-context small{color:#718096;font-size:11px}
footer{color:#5e6c80;font-size:10px}

@media(max-width:980px){.metric-grid--primary{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.metric-grid--secondary,.ecosystem-grid{grid-template-columns:repeat(3,1fr)}.analysis-links,.decision-context{grid-template-columns:1fr}.topbar-nav{display:none}}
@media(max-width:720px){.auth-page{padding:12px}.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:360px;padding:28px;border-right:0;border-bottom:1px solid var(--line)}.login-panel{padding:32px 28px}.dashboard-title{align-items:flex-start;flex-direction:column}.last-update{text-align:left}.execution-status{width:100%;grid-template-columns:1fr}.user-badge{display:none}.state-content{grid-template-columns:1fr}.state-ring{margin:auto}.metric-grid--secondary,.ecosystem-grid{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;gap:6px}}
@media(max-width:480px){.metric-grid--primary{grid-template-columns:1fr}.metric-grid--secondary,.ecosystem-grid{grid-template-columns:1fr}.topbar .brand>span:last-child{display:none}.chart-tabs button{padding:5px 4px}.panel{padding:16px}}