.admin-body { background: var(--paper); }
.admin-shell { width: min(980px, calc(100% - 32px)); margin: 0 auto; padding-bottom: 80px; }
.admin-header { height: 72px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.admin-back { color: var(--brand-dark); font-size: 11px; font-weight: 750; text-decoration: none; }
.admin-hero { padding: 56px 0 35px; }
.admin-hero h1 { margin: 0; font-family: var(--serif); font-size: clamp(38px, 6vw, 60px); font-weight: 500; letter-spacing: -.045em; }
.admin-hero > p { max-width: 650px; margin: 15px 0 25px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.import-row { display: flex; gap: 9px; }
.import-row input { flex: 1; padding: 13px 15px; border: 1px solid var(--line-dark); border-radius: 10px; color: var(--ink); background: var(--surface); outline: none; }
.import-row input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.admin-message { min-height: 20px; margin-top: 10px; color: var(--muted); font-size: 10px; }.admin-message.error { color: var(--coral); }.admin-message.success { color: var(--brand); }
.lesson-editor { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.editor-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.editor-heading h2 { margin: 0; font-family: var(--serif); font-size: 28px; font-weight: 500; }
.editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.field { display: grid; gap: 7px; }.field-wide { grid-column: 1 / -1; }.field > span { font-size: 10px; font-weight: 750; }.field input, .field textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fbfaf5; outline: none; resize: vertical; }.field input:focus, .field textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }.field textarea { font-family: var(--serif); font-size: 14px; line-height: 1.65; }.field small { color: var(--muted); font-size: 9px; }
.editor-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }.editor-footer span { color: var(--muted); font-size: 9px; }
@media (max-width: 680px) { .admin-shell { width: min(100% - 24px, 980px); }.admin-header { height: 62px; }.admin-hero { padding-top: 38px; }.import-row { flex-direction: column; }.lesson-editor { padding: 20px 16px; }.editor-grid { grid-template-columns: 1fr; }.field-wide { grid-column: auto; }.editor-heading .primary-button { display: none; }.editor-footer { align-items: stretch; flex-direction: column; gap: 12px; }.editor-footer .primary-button { justify-content: center; font-size: 10px; } }
.editor-toolbar { display: flex; justify-content: space-between; align-items: center; margin: -10px 0 16px; padding: 10px 12px; border: 1px dashed var(--line); border-radius: 9px; background: #fbfaf5; }.editor-summary { color: var(--muted); font-size: 10px; }.editor-summary b { color: var(--ink); font-weight: 700; }
.ghost-button { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: transparent; font-size: 10px; font-weight: 750; cursor: pointer; }.ghost-button:hover { border-color: var(--ink); background: var(--surface-2); }.ghost-button.danger { color: var(--coral); border-color: rgba(222,120,95,.4); }.ghost-button.danger:hover { color: white; background: var(--coral); border-color: var(--coral); }
.lesson-manage-list { list-style: none; padding: 0; margin: 0 0 22px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }.lesson-manage-list li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 12px 15px; border-bottom: 1px solid var(--line); background: var(--surface); }.lesson-manage-list li:last-child { border-bottom: 0; }.lesson-manage-list li.active { background: var(--brand-soft); }.lesson-manage-list strong { font-family: var(--serif); font-size: 14px; font-weight: 500; }.lesson-manage-list small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
@media (max-width: 680px) { .editor-toolbar { flex-direction: column; align-items: stretch; gap: 9px; }.ghost-button.danger { justify-content: center; } }
.admin-header-actions { display: flex; align-items: center; gap: 12px; }
.llm-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); background: var(--surface); font-size: 9px; font-weight: 750; }.llm-status .llm-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }.llm-status[data-mode="remote"] .llm-dot { background: var(--brand); }.llm-status[data-mode="local"] { color: var(--coral); border-color: rgba(222,120,95,.4); background: var(--coral-soft); }