*{box-sizing:border-box}body{margin:0;background:#071522;color:#e8f4ff;font:16px system-ui,Arial}main{max-width:1000px;margin:auto;padding:24px}.card{background:#10283c;border:1px solid #2c5775;border-radius:18px;padding:22px;box-shadow:0 15px 35px #0005}.login{max-width:430px;margin:12vh auto}.login h1{font-size:42px;margin:0}.login p,small{color:#94b8d1}input,select,button{font:inherit;border-radius:10px;border:1px solid #426984;padding:14px}input,select{background:#092033;color:#fff;width:100%}button{border:0;background:#147ac8;color:#fff;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.15)}.login input{margin:7px 0}.login button{width:100%;margin-top:12px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}header b{display:block;font-size:26px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}nav button{background:#163d59}.page h2{margin-top:28px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form label{font-weight:700}.form button,.form div{grid-column:1/-1}.list{display:grid;gap:10px}.row{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#0c2234;border:1px solid #274b65;padding:15px;border-radius:12px}.code{font:bold 26px ui-monospace,monospace;color:#7ef7bd;letter-spacing:2px}.danger{background:#b32636}@media(max-width:600px){main{padding:14px}.form{grid-template-columns:1fr}.row{display:block}.row>*{margin:5px 0}.code{font-size:20px}}