*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f6f8;color:#171717}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fff,#f3f4f6 70%,#eceff2)}.loginCard{width:min(430px,100%);background:white;border:1px solid #e5e7eb;border-radius:22px;padding:34px;box-shadow:0 20px 60px #00000012}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f97316;color:#fff;font-weight:900;font-size:24px}.brand div{display:flex;flex-direction:column}.brand small,.muted{color:#71717a}.loginCard h1{margin:28px 0 8px}.loginCard p{color:#52525b}.loginCard form{display:grid;grid-gap:16px;gap:16px;margin:24px 0}.loginCard label{display:grid;grid-gap:7px;gap:7px;font-weight:700;font-size:14px}.loginCard input{padding:13px 14px;border:1px solid #d4d4d8;border-radius:10px}.loginCard button{padding:13px;border:0;border-radius:10px;background:#171717;color:#fff;font-weight:800}.error{background:#fff1f2;color:#9f1239;padding:10px;border-radius:9px}.qr{width:220px;max-width:100%;display:block;margin:18px auto}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#171717;color:#fff;padding:24px}aside .brand{margin-bottom:34px}nav{display:grid;grid-gap:6px;gap:6px}nav a{padding:11px 13px;border-radius:9px;color:#c9c9cf}nav a.active{background:#ffffff12;color:#fff}.content{padding:34px;max-width:1400px;width:100%}.content header{display:flex;justify-content:space-between;align-items:center}.content header small{font-weight:800;color:#f97316}.content h1{margin:5px 0 0}.ghost{background:#fff;border:1px solid #ddd;padding:10px 14px;border-radius:9px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:30px 0}.cards article,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px}.cards b{display:block;font-size:34px}.cards span{color:#71717a}.panel h2{margin-top:0}.ok{margin-top:20px;padding:14px;background:#f0fdf4;border-radius:10px;color:#166534}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:1fr 1fr}.content{padding:20px}}@media(max-width:520px){.cards{grid-template-columns:1fr}}