@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#0c1b33;font-synthesis:none;background:#f6f8fa;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:228px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#062b46;padding:28px 18px;position:relative;overflow:hidden}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand>svg{color:#20c66b;width:38px;height:38px}.brand div{flex-direction:column;display:flex}.brand b{font-size:21px}.brand span{color:#3dde82;margin-top:2px;font-size:14px}nav{gap:8px;display:grid}nav button{color:#b9cbd8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:13px 12px;font:500 14px Inter;display:flex}nav button svg{width:19px}nav button:hover,nav button.active{color:#fff;background:#10415f}nav button.active{box-shadow:inset 3px 0 #20c66b}.routeLine{opacity:.5;border:2px solid #1a526f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-100px;left:50px}main{min-width:0;padding:0 32px 40px}header{justify-content:space-between;align-items:center;height:108px;display:flex}h1{margin:0 0 6px;font-size:28px}header p{color:#667085;margin:0;font-size:14px}.user{align-items:center;gap:10px;display:flex}.user>span{color:#fff;background:#198c50;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.user div{flex-direction:column;font-size:13px;display:flex}.user small{color:#667085;margin-top:3px}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.metric,.panel{background:#fff;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 2px 8px #0c1b3308}.metric{gap:16px;padding:22px;display:flex}.metric>span{border-radius:10px;place-items:center;width:50px;height:50px;display:grid}.metric>span svg{width:24px}.green{color:#128448;background:#e5f6ec}.amber{color:#bd7600;background:#fff1d6}.red{color:#d92d20;background:#fde8e6}.metric p{color:#475467;margin:0;font-size:13px}.metric strong{margin:4px 0;font-size:27px;display:block}.metric small{color:#98a2b3}.content{grid-template-columns:minmax(620px,1fr) 330px;gap:18px;margin-top:20px;display:grid}.panelHead{border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel h2{margin:0;font-size:16px}.panelHead button{color:#128448;background:0 0;border:0;font-weight:600}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#667085;background:#fafbfc;font-weight:500}th,td{white-space:nowrap;border-bottom:1px solid #eef0f2;padding:16px 18px}.status{font-weight:600}.status.sincronizado{color:#128448}.status.desatualizado{color:#bd7600}.status.falha{color:#d92d20}.rail{gap:18px;display:grid}.versions,.activity{padding:20px}.donut{background:conic-gradient(#19a85b 0 67.5%,#2878b8 0 86.3%,#e7a125 0 96.4%,#d92d20 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:128px;height:128px;margin:22px auto;display:flex;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:20px}.donut b,.donut span{position:relative}.donut span{color:#667085;font-size:11px}.versions ul{gap:10px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.versions li{align-items:center;gap:8px;display:flex}.versions li b{margin-left:auto}.versions i{border-radius:50%;width:9px;height:9px}.v1{background:#19a85b}.v2{background:#2878b8}.v3{background:#e7a125}.activity p{border-bottom:1px solid #eef0f2;flex-direction:column;gap:5px;margin:0;padding:14px 0;font-size:12px;display:flex}.activity p span{color:#667085}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.content{grid-template-columns:1fr}.rail{grid-template-columns:1fr 1fr}}@media (width<=720px){.shell{grid-template-columns:1fr}aside{padding:16px}aside nav,.routeLine{display:none}.brand{padding:0}.brand span{display:none}main{padding:0 16px 30px}header{height:92px}.user div{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{gap:10px;padding:15px}.metric>span{width:38px;height:38px}.metric strong{font-size:22px}.metric small{display:none}.content{min-width:0}.rail{grid-template-columns:1fr}}.app-loading{color:#667085;background:#fff;place-items:center;min-height:100vh;font-weight:600;display:grid}.login-layout{background:#fff;grid-template-columns:minmax(420px,48%) 1fr;min-height:100vh;padding:0;display:grid}.login-brand{color:#fff;background:#062b46;align-items:flex-start;padding:clamp(48px,8vw,120px);display:flex;position:relative;overflow:hidden}.login-logo{z-index:2;align-items:center;gap:20px;margin-top:6vh;display:flex;position:relative}.login-logo>svg{color:#20c66b;stroke-width:1.8px;width:64px;height:64px}.login-logo div{flex-direction:column;display:flex}.login-logo strong{letter-spacing:-1.5px;font-size:42px}.login-logo span{text-transform:uppercase;letter-spacing:8px;color:#20c66b;margin-top:7px;font-size:13px;font-weight:700}.route-map{opacity:.9;border:2px solid #31556d;border-radius:46px;position:absolute;inset:38% -8% -10% -20%}.route-map:before,.route-map:after{content:"";border:2px solid #31556d;border-radius:36px;position:absolute}.route-map:before{border-left-color:#0000;width:55%;height:45%;top:18%;left:22%}.route-map:after{border-right-color:#0000;width:65%;height:38%;bottom:8%;right:-10%}.route-map i{z-index:1;background:#062b46;border:4px solid #19a85b;border-radius:50%;width:20px;height:20px;position:absolute}.route-map i:first-child{top:32%;left:27%}.route-map i:nth-child(2){top:18%;left:58%}.route-map i:nth-child(3){bottom:23%;left:60%}.route-map i:nth-child(4){border-color:#55778c;bottom:16%;right:12%}.login-form-region{place-items:center;padding:48px;display:grid}.login-form{flex-direction:column;width:min(100%,530px);display:flex}.login-form h1{letter-spacing:-1.4px;color:#101828;margin:0 0 12px;font-size:42px}.login-description{color:#475467;max-width:460px;margin:0 0 36px;font-size:18px;line-height:1.55}.login-form label{color:#1d2939;margin:0 0 8px;font-size:14px;font-weight:650}.input-control{background:#fff;border:1px solid #98a2b3;border-radius:10px;align-items:center;height:60px;margin-bottom:24px;padding:0 15px;transition:border-color .15s,box-shadow .15s;display:flex}.input-control:focus-within{border-color:#19a85b;box-shadow:0 0 0 3px #19a85b1f}.input-control>svg{color:#7d899a;flex:none;width:21px}.input-control input{color:#101828;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 13px;font:500 15px Inter,Arial,sans-serif}.input-control input::placeholder{color:#98a2b3;font-weight:400}.input-control button{color:#667085;cursor:pointer;background:0 0;border:0;place-items:center;padding:8px;display:grid}.input-control button svg{width:21px}.login-submit{color:#fff;cursor:pointer;background:#19a85b;border:0;border-radius:10px;height:60px;font:700 16px Inter,Arial,sans-serif;transition:background .15s,transform .15s;box-shadow:0 8px 18px #19a85b29}.login-submit:hover{background:#148c4c}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.7;cursor:wait}.security-note{color:#667085;justify-content:center;align-items:center;gap:9px;margin:25px 0 0;font-size:13px;display:flex}.security-note svg{width:17px}.login-error{color:#d92d20;background:#fff7f6;border:1px solid #f97066;border-radius:10px;align-items:center;gap:12px;min-height:58px;margin-top:22px;padding:0 16px;font-size:14px;display:flex}.login-error svg{width:21px}.logout-button{color:#b9cbd8;cursor:pointer;z-index:2;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:13px 12px;font:500 14px Inter;display:flex;position:absolute;bottom:28px;left:18px;right:18px}.logout-button:hover{color:#fff;background:#10415f}.logout-button svg{width:19px}.dashboard-error{color:#b42318;background:#fff7f6;border:1px solid #f97066;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:14px;display:flex}.dashboard-error svg{width:20px}.dashboard-error button{color:#b42318;cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:700}.dashboard-loading{color:#667085;background:#fff;border:1px solid #e4e7ec;border-radius:12px;place-items:center;height:240px;display:grid}.status.active{color:#128448}.status.outdated{color:#bd7600}.status.sync_failed{color:#d92d20}.recent-activity{padding:20px}.recent-activity p{border-bottom:1px solid #eef0f2;flex-direction:column;gap:5px;margin:0;padding:14px 0;font-size:12px;display:flex}.recent-activity p span{color:#667085}.v4{background:#d92d20}@media (width<=820px){.login-layout{grid-template-columns:1fr}.login-brand{align-items:center;min-height:150px;padding:26px 28px}.login-logo{margin:0}.login-logo>svg{width:42px;height:42px}.login-logo strong{font-size:28px}.login-logo span{letter-spacing:5px;font-size:10px}.route-map{opacity:.45;inset:20% -20% -80% 45%}.login-form-region{padding:44px 24px}.login-form h1{font-size:32px}.login-description{margin-bottom:28px;font-size:16px}}@media (width<=720px){.logout-button{margin-top:10px;position:static}.dashboard-main{padding:0 16px 30px}.login-layout{padding:0}.login-form-region{padding:38px 20px}.input-control,.login-submit{height:56px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}