@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-overlay:#fffc;--text-primary:#18181b;--text-secondary:#3f3f46;--text-muted:#71717a;--border-color:#e4e4e7;--accent-base:#3b82f6;--accent-hover:#2563eb;--risk-green:#10b981;--risk-yellow:#f59e0b;--risk-orange:#f97316;--risk-red:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}.dark{--bg-primary:#0f1115;--bg-secondary:#16191f;--bg-overlay:#16191fb3;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#2e3646;--accent-base:#3b82f6;--accent-hover:#2563eb;--risk-green:#10b981;--risk-yellow:#f59e0b;--risk-orange:#f97316;--risk-red:#ef4444;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-width:320px;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}.glass-panel{background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:12px}.container{width:100%;max-width:none;margin:0 auto;padding:0 clamp(16px,3vw,32px)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;padding-top:clamp(20px,3vw,32px);padding-bottom:clamp(20px,3vw,32px)}.app-footer{border-top:1px solid var(--border-color);padding:16px 0}.app-footer-inner{color:var(--text-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:13px;display:grid}.app-footer-version{color:var(--accent-base);letter-spacing:.08em;text-transform:uppercase;justify-self:start;font-size:12px;font-weight:800}.app-footer-copy{text-align:center;justify-self:center;line-height:1.5}.app-footer-spacer{justify-self:end;width:1px;height:1px}.app-header-shell{width:100%;max-width:none;margin:0 auto;padding:24px clamp(16px,3vw,32px) 0}.app-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 16px;width:100%;padding:16px clamp(16px,2.5vw,32px);display:grid}.app-header-primary{align-items:center;gap:14px;min-width:0;display:flex}.app-brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.app-brand-divider{background:linear-gradient(#94a3b800 0%,#94a3b88c 22% 78%,#94a3b800 100%);border-radius:999px;flex-shrink:0;align-self:stretch;width:1px;min-height:44px}.dark .app-brand-divider{background:linear-gradient(#94a3b800 0%,#94a3b84d 22% 78%,#94a3b800 100%)}.app-brand-mark{background:linear-gradient(145deg,#ffffffeb,#eff6ffc7);border:1px solid #3b82f629;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;display:inline-flex;box-shadow:0 8px 18px #0f172a14,inset 0 1px #ffffffb3}.dark .app-brand-mark{background:linear-gradient(145deg,#ffffff14,#94a3b814);border-color:#94a3b83d;box-shadow:0 8px 18px #02061747,inset 0 1px #ffffff0f}.app-brand-copy{flex-direction:column;min-width:0;line-height:1;display:flex}.app-brand-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:700}.app-brand-title{letter-spacing:.16em;text-transform:uppercase;color:#0000;background:linear-gradient(90deg,#1d4ed8 0%,#60a5fa 55%,#2563eb 100%);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.app-brand-subtitle{letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;margin-top:5px;font-size:11px;font-weight:500}.app-header-tools{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.app-company-picker{align-items:center;gap:10px;min-width:0;display:flex}.app-company-shell{border:1px solid color-mix(in srgb, var(--accent-base) 14%, var(--border-color));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-base) 8%, var(--bg-secondary)) 0%, var(--bg-secondary) 62%), var(--bg-secondary);border-radius:18px;align-items:center;min-width:0;margin-right:6px;padding:6px 12px 6px 10px;display:flex;box-shadow:0 12px 24px -22px #0f172a6b}.app-nav{scrollbar-width:none;justify-content:flex-start;align-items:center;gap:clamp(10px,1vw,18px);min-width:0;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-company-marker{background:color-mix(in srgb, var(--accent-base) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-base) 16%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.app-company-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.app-company-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding-left:8px;font-size:9px;font-weight:700}.app-company-select{width:min(214px,100%);min-width:176px;max-width:214px;box-shadow:none;text-indent:-4px;background:0 0;border-color:#0000;border-radius:12px;padding:3px 30px 3px 8px;font-size:14px;font-weight:600;line-height:1.2}.app-company-select:focus{box-shadow:none;border-color:#0000}.app-header-divider{background:var(--border-color);width:1px;height:24px;margin:0 4px}.app-header-icon-btn{border-color:var(--border-color);background-color:#0000;padding:6px 12px;transition:transform .22s,border-color .22s,background-color .22s,box-shadow .22s}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;width:100%;padding:8px 12px;font-family:Inter,sans-serif;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-base);outline:none;box-shadow:0 0 0 2px #3b82f633}.btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background-color:#222731}.app-header-tools .app-header-icon-btn:hover{background-color:#3b82f60f;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 6px 14px #3b82f614}.app-header-tools .app-header-icon-btn.is-active{background-color:#3b82f614;border-color:#3b82f666;box-shadow:0 6px 14px #3b82f61a}.dark .app-header-tools .app-header-icon-btn:hover{background-color:#60a5fa1f;border-color:#60a5fa6b;box-shadow:0 10px 22px #2563eb38}.dark .app-header-tools .app-header-icon-btn.is-active{background-color:#3b82f62e;border-color:#3b82f6;box-shadow:0 10px 22px #2563eb38}.btn-primary{background-color:var(--accent-base);border-color:var(--accent-base);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-baixo{color:#34d399;background-color:#10b98133}.badge-medio{color:#fbbf24;background-color:#f59e0b33}.badge-alto{color:#fb923c;background-color:#f9731633}.badge-extremo{color:#f87171;background-color:#ef444433}@media (max-width:1100px){.app-header{grid-template-columns:1fr;align-items:stretch}.app-header-primary,.app-nav,.app-header-tools{width:100%}.app-nav{justify-content:flex-start}.app-header-tools{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:768px){.app-footer-inner{text-align:center;grid-template-columns:1fr;justify-items:center}.app-footer-version,.app-footer-copy,.app-footer-spacer{justify-self:center}.app-footer-spacer{display:none}.app-header-shell{padding-top:16px}.app-header{border-radius:10px}.app-brand-kicker,.app-brand-divider{display:none}.app-brand-title{letter-spacing:.12em;font-size:1rem}.app-company-marker,.app-header-divider{display:none}.app-header-tools{gap:10px}.app-company-picker,.app-company-shell,.app-company-copy{width:100%}.app-company-select{width:100%;max-width:none}}@media (max-width:640px){.container{padding:0 14px}.app-header-shell{padding-left:14px;padding-right:14px}.app-header{padding:14px}.app-brand{gap:10px}.app-brand-mark{border-radius:14px;width:46px;height:46px;padding:5px}.app-nav{flex-wrap:wrap;gap:10px 14px;overflow-x:visible}.app-nav a{font-size:13px!important}.app-header-tools .btn{min-height:38px}}
