:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:radial-gradient(ellipse at 70% 0%,#172236 0%,#090e17 70%);color:#edf3f5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid #28404c}header b{font-size:24px}header span,small{color:#ddbc7e;font-size:12px;letter-spacing:2px}main{max-width:1160px;margin:35px auto;padding:0 24px}section,article{background:#101925;border:1px solid #293646;border-radius:18px;padding:26px;margin-bottom:24px}h1{font-size:32px}h2{margin:0 0 12px}p{color:#9aa9bd}label{display:block;color:#b4c6cf;margin:14px 0}input,textarea{display:block;padding:12px;width:100%;max-width:420px;border-radius:8px;background:#0c1420;border:1px solid #364251;color:#fff;font:inherit;margin-top:6px}button{border:0;border-radius:9px;padding:13px 20px;background:#ddbc7e;color:#211d15;font:600 15px system-ui;cursor:pointer;margin:5px 5px 5px 0}button:disabled{opacity:.4;cursor:default}.secondary{background:#1c293a;color:#fff}.danger{background:#a34e48;color:#fff}.fields,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.heading{display:flex;align-items:center;justify-content:space-between}.cards h2{font-size:36px;margin:10px 0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #2c4350}li{padding:8px;color:#c4d6dd}#message{color:#ffce8c;white-space:pre-wrap}#login{max-width:600px;margin:auto}#forecast{white-space:pre-line}@media(max-width:720px){.fields,.cards{grid-template-columns:1fr}header span{display:none}main{padding:0 12px}}

button{transition:background .15s,transform .15s}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ddbc7e;outline-offset:3px}section{box-shadow:0 15px 40px #0003}header b{color:#f1d7a2;letter-spacing:4px}
select{display:block;padding:12px;width:100%;border-radius:8px;background:#0c1420;border:1px solid #364251;color:#fff;font:inherit;margin-top:6px}