@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
html,body{font-family:'Open Sans',Arial,sans-serif;font-size:12px;color:#444;background:#f5f5f5}
.login{background:linear-gradient(135deg,#1b2735 0%,#2b82d4 100%);position:relative}.login:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#ffffff20,transparent 35%)}.login section{position:relative;border-radius:4px;padding:30px;width:420px;box-shadow:0 10px 40px #0000004d}.login h1{font-size:20px;font-weight:600;color:#2b82d4;margin:22px 0 8px}.login p{font-size:12px}.login button{height:50px;border-radius:0;background:#2b82d4;font-size:14px}.login input{height:48px;border-radius:0;background:#f5f5f5;border-color:#f5f5f5}
header{height:58px;background:#202b33;color:#fff;border-bottom:3px solid #2b82d4;padding:0 20px}.brand span{font-size:20px;color:#fff}.brand small{color:#aab8c2}.header-note{color:#c8d4da}.outline{border-radius:0;background:#33434e;color:#fff}
.toolbar{background:#fff;border-bottom:1px solid #ddd;padding:12px 20px;box-shadow:0 1px 3px #00000012}.toolbar label{font-size:11px;color:#666}.toolbar input,.toolbar select{height:38px;min-height:38px;border-radius:0;border-color:#e3e3e3;background:#f7f7f7}.toolbar button{height:38px;border-radius:0;background:#2b82d4;font-size:12px}
.dashboard{height:calc(100vh - 145px);grid-template-columns:1fr 330px}.dashboard aside{box-shadow:-2px 0 6px #00000014}.summary{padding:18px 20px;background:#fff}.summary strong{font-size:28px;color:#2b82d4}.facts div{padding:13px 8px}.facts b{color:#2b82d4}.toll{border-radius:2px;background:#fafafa}.warning{font-size:12px;padding:9px 20px}.infra-icon span{font-family:'Open Sans',sans-serif}
footer{font-size:11px;color:#777}