:root{color:#171717;background:#f5f5f5;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.login{background:linear-gradient(145deg,#111,#2b2b2b);place-items:center;min-height:100vh;display:grid}.card{text-align:center;background:#fff;border-top:8px solid #ffd400;border-radius:18px;width:min(430px,92vw);padding:36px;box-shadow:0 20px 60px #0008}.card img{width:90px}.card h1{font-size:24px}.card input{border:1px solid #bbb;border-radius:8px;width:100%;margin:8px 0;padding:14px}.card button,header button{background:#ffd400;border:0;border-radius:8px;padding:13px 20px;font-weight:700}.error{color:#a00;margin-top:10px}header{color:#fff;background:#111;border-bottom:4px solid #ffd400;align-items:center;gap:14px;padding:14px 24px;display:flex}header img{object-fit:contain;width:50px;height:50px}header div{flex-direction:column;display:flex}header button{margin-left:auto}main{max-width:1200px;margin:auto;padding:28px}.tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.tiles section,.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0001}.tiles span{color:#666;display:block}.tiles b{margin-top:8px;font-size:30px;display:block}.panel{margin-top:20px}.row{border-bottom:1px solid #eee;justify-content:space-between;padding:12px;display:flex}