:root { color-scheme: light dark; font: 16px/1.45 system-ui, sans-serif; }
body { margin: 0; background: #f2f5f8; color: #15202b; } main { max-width: 980px; margin: 0 auto; padding: 28px 18px 70px; } header { margin-bottom: 20px; } h1 { margin-bottom: 0; } .card, .lecture-card { background: #fff; border: 1px solid #d7e0e8; border-radius: 12px; padding: 18px; margin: 16px 0; box-shadow: 0 1px 2px #1d2b3920; } label { display: grid; gap: 5px; margin: 10px 0; font-weight: 600; } input, textarea, select { padding: 9px; font: inherit; border: 1px solid #aebdca; border-radius: 7px; color: inherit; background: #fff; } textarea { width: 100%; box-sizing: border-box; } button { border: 0; border-radius: 7px; background: #1769aa; color: white; padding: 10px 14px; font: inherit; cursor: pointer; margin: 5px 5px 5px 0; } button.secondary { background: #566573; } button.danger { background: #b63835; float: right; } .actions { margin-bottom: 15px; } .row, .title-line { display: flex; gap: 15px; align-items: end; } .row > label { flex: 1; } .title-line h2 { flex: 1; } .message { min-height: 1.3em; color: #8b2f2d; } .ok { color: #14733a; } .import-item { border-top: 1px solid #dde5eb; padding: 10px 0; } .import-item select { max-width: 100%; } @media (max-width: 640px) { .row, .title-line { display: block; } body { background: #fff; } main { padding: 15px; } }