:root{font-family:Arial,sans-serif;color:#182434;background:#f3f6f9}body{margin:0}main{max-width:1100px;margin:3rem auto;padding:0 1rem}#login{max-width:360px;margin:10vh auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 18px #0002}h1{margin:.2rem 0;color:#034f81}header{display:flex;justify-content:space-between;align-items:center}nav{display:flex;gap:.5rem;margin:1.5rem 0;flex-wrap:wrap}button{background:#056da9;border:0;color:white;padding:.65rem .9rem;border-radius:6px;cursor:pointer}input,select{padding:.65rem;border:1px solid #c7d1db;border-radius:6px;margin:.25rem;width:calc(100% - .5rem);box-sizing:border-box}form{background:#fff;padding:1rem;border-radius:8px;display:flex;gap:.5rem;flex-wrap:wrap}form input,form select{flex:1;min-width:160px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.metric,.item{background:#fff;padding:1rem;border-radius:8px;margin:.75rem 0}.metric strong{display:block;font-size:2rem;color:#056da9}.error{color:#b42318}.log-error{border-left:4px solid #b42318}.log-warning{border-left:4px solid #e99b17}small{display:block;margin-top:.5rem}