*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172033;font:15px Arial,sans-serif}aside{position:fixed;width:240px;min-height:100vh;background:#101828;padding:28px 16px;color:#fff}aside h1{margin:0 12px 28px}aside a{display:block;padding:12px;color:#cbd5e1;text-decoration:none;border-radius:7px}aside a.active,aside a:hover{background:#26334a;color:#fff}small,.muted{color:#718096}.app-main{margin-left:240px;padding:42px;max-width:1200px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.settings,.login-card{background:#fff;border-radius:10px;padding:22px;box-shadow:0 1px 3px #dce1e9}.cards strong{display:block;font-size:32px;margin-top:10px}.settings{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings label{display:grid;gap:6px}.settings textarea{min-height:100px}input,textarea,button{padding:10px;border:1px solid #ccd3df;border-radius:6px;font:inherit}button{background:#2563eb;color:#fff;border:0;cursor:pointer}.notice{background:#dcfce7;padding:12px;border-radius:6px;margin:12px 0}.error{background:#fee2e2}.login{display:grid;place-items:center;min-height:100vh}.login-card{width:min(400px,90vw)}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px}@media(max-width:700px){aside{position:static;width:auto;min-height:0}.app-main{margin:0;padding:24px}.cards,.settings{grid-template-columns:1fr}}