:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17212f;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.wrap{max-width:980px;margin:40px auto;padding:0 18px}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}a{color:#1253aa}h1{font-size:1.8rem}h2{font-size:1.2rem}.card,form:not(.inline){background:#fff;border:1px solid #dde4ef;border-radius:14px;padding:20px;margin:18px 0}.card form:not(.inline){padding:0;border:0;margin:0}.error{color:#a31529;font-weight:650}label{display:block;margin:15px 0;font-weight:600}input,textarea{display:block;width:100%;padding:11px;margin-top:6px;font:inherit;border:1px solid #9ca9b9;border-radius:8px}button{cursor:pointer;background:#1253aa;color:white;border:0;border-radius:8px;padding:10px 16px;font:inherit}.secondary{background:#43546c}.inline{display:inline}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border-bottom:1px solid #dae1e8;padding:10px;text-align:left;word-break:break-word}@media(max-width:640px){.wrap{margin:20px auto}.card{overflow:auto;padding:12px}}@media(prefers-color-scheme:dark){:root{background:#15202e;color:#edf2f7}.card,form:not(.inline){background:#223143;border-color:#405066}a{color:#93c4ff}input,textarea{background:#142133;color:white;border-color:#66778c}}