* { box-sizing: border-box; }
:root { font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #1c2e4a; background: #f4f7fc; }
body { margin: 0; }
.wrap { max-width: 1280px; padding: 32px 22px; margin: auto; }
.topnav { display: flex; justify-content: flex-end; margin: 0 0 16px; }
p { color: #6a7a91; margin: 0; line-height: 1.6; font-size: 13px; }
a { color: #295db5; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { font-size: 13px; font-weight: 600; white-space: nowrap; }
.grid { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 18px; align-items: start; }
.panel { background: #fff; border-radius: 15px; border: 1px solid #e0e7f2; padding: 19px; box-shadow: 0 5px 25px #223c6210; }
h2 { font-size: 14px; margin: 0 0 16px; }
.field-label { font-size: 12px; font-weight: 650; display: block; margin: 14px 0 6px; }
input[type=url], input[type=text] { width: 100%; padding: 11px; border: 1px solid #d4ddea; border-radius: 8px; font-size: 13px; }
input[type=file] { display: block; width: 100%; font-size: 13px; color: #63738c; }
.buttons { display: flex; gap: 8px; margin-top: 13px; }
.btn { padding: 10px 14px; border: none; border-radius: 8px; background: #285fd0; color: white; font-weight: 650; cursor: pointer; font-size: 12px; }
.btn--light { background: #eaf0fc; color: #32548d; }
.check { display: flex; gap: 8px; align-items: center; margin: 15px 0; font-size: 12px; cursor: pointer; }
small { color: #7c889c; line-height: 1.6; }
.status { color: #5c6d84; background: #f7f9fc; border: 1px solid #e6ecf4; padding: 9px 12px; border-radius: 8px; margin-bottom: 11px; font-size: 12px; }
.info { font-size: 12px; margin-top: 18px; }
@media (max-width: 900px) { .grid { grid-template-columns: 1fr; } .wrap { padding: 18px 12px; } }