*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e9efff;font-family:Inter,system-ui,Arial,sans-serif}main{max-width:1080px;margin:auto;padding:32px 20px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}h1{font-size:2.5rem;margin:8px 0}h2{margin-top:0}p{color:#9daecc}.eyebrow{letter-spacing:.16em;color:#8eabff;font-size:.75rem;font-weight:800}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.card{background:#151e34;border:1px solid #2c3b57;border-radius:18px;padding:24px;margin-bottom:20px}.stats .card{display:flex;flex-direction:column;gap:12px}.stats span{color:#9daecc}.stats strong{font-size:1.5rem}label{display:block;flex:1;color:#d9e4fa}input{display:block;width:100%;padding:12px;margin-top:8px;background:#0b1326;border:1px solid #3b4e6f;border-radius:9px;color:#fff}button{border:0;background:#5a82ff;color:white;padding:12px 18px;border-radius:9px;cursor:pointer;font-weight:700}.secondary{background:#293650}.setting{display:flex;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid #293650}.notice{padding:14px;border-radius:10px;background:#153d33;margin:16px 0}.error{background:#51272e}.login{max-width:500px}.task{padding:12px;border-bottom:1px solid #293650}@media(max-width:550px){header,.setting{flex-direction:column;align-items:stretch}}
