.account-nav { display: flex; align-items: center; gap: 12px; }
.account-nav span { font-size: 13px; font-weight: 800; }
.nav-button { width: auto; margin: 0; padding: 10px 14px; }
.account-panel, .dashboard { margin-top: 38px; }
.auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.auth-grid small { display: block; margin-top: 8px; color: var(--muted); }
.account-text-button { width: auto; margin: 12px auto 0; padding: 6px 2px; background: transparent; color: var(--green); font-size: 13px; }
.account-text-button:hover { text-decoration: underline; }
.password-panel { max-width: 560px; margin: 0 auto; }
.password-panel h2 { margin-top: 14px; }
.password-panel p { color: var(--muted); }
.account-status { min-height: 24px; margin-bottom: 0; color: var(--green)!important; font-size: 14px!important; font-weight: 800; }
.dashboard { padding: 30px; border: 1px solid #29312f12; border-radius: 25px; background: #ffffffb8; box-shadow: 0 22px 50px #29312f12; }
.dashboard-head, .quiz-row, .editor-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dashboard-head>div:first-child { margin-right:auto; }
.dashboard-head h2 { margin: 8px 0; }
.dashboard-head button, .quiz-row button, .editor-actions button { width: auto; margin: 0; }
.quiz-list { display: grid; gap: 12px; margin-top: 24px; }
.quiz-row { padding: 17px; border-radius: 15px; background: #e7eee9; }
.quiz-row strong, .quiz-row small { display: block; }
.quiz-row small { margin-top: 5px; color: var(--muted); }
.editor-actions { margin-top: 22px; }
.editor-actions button { flex: 1; }
.autosave-status { display:flex; align-items:center; justify-content:flex-end; gap:7px; min-height:20px; margin:14px 2px -8px; color:#6f7773; font-size:13px; font-weight:800; }
.autosave-status::before { content:""; width:8px; height:8px; border-radius:50%; background:#9da39f; }
.autosave-status.saved { color:var(--green); }
.autosave-status.saved::before { background:var(--green); }
.autosave-status.saving::before { background:var(--gold); animation:autosave-pulse 1s infinite alternate; }
.autosave-status.local { color:#8a671d; }
.autosave-status.local::before { background:var(--gold); }
.autosave-status.error { color:var(--danger); }
.autosave-status.error::before { background:var(--danger); }
@keyframes autosave-pulse { to { opacity:.35; } }
.mode-banner { margin: 0 0 18px; padding: 12px 18px; border-radius: 14px; text-align: center; font-size: 13px; font-weight: 900; letter-spacing: .06em; }
.mode-banner.test { color: #6b4b00; background: #fff1b8; border: 1px solid #e5bd35; }
.mode-banner.live { color: #fff; background: var(--green, #42675a); }
.test-actions { display: grid; gap: 7px; margin: 18px 0; padding: 18px; border-radius: 16px; background: #fff7d8; text-align: center; }
.test-actions button { margin: 0; }
.test-actions small { color: var(--muted); }

@media (max-width: 720px) {
  .auth-grid { grid-template-columns: 1fr; }
  .account-nav span { display: none; }
}

@media (max-width: 440px) {
  .dashboard { padding: 23px; }
  .dashboard-head, .quiz-row, .editor-actions { align-items: stretch; flex-direction: column; }
  .dashboard-head button, .quiz-row button, .editor-actions button { width: 100%; }
}
.promo-admin { margin-top: 38px; padding-top: 34px; border-top: 1px solid #29312f1c; }
.admin-quizzes { margin-bottom: 38px; padding-bottom: 34px; border-bottom: 1px solid #29312f1c; }
.admin-quiz-toolbar { display:grid; margin-top:22px; grid-template-columns:minmax(0,1fr) minmax(190px,.32fr); gap:12px; }
.admin-quiz-toolbar input,.admin-quiz-toolbar select { width:100%; min-height:52px; margin:0; padding:14px 16px; border:1px solid #29312f26; border-radius:13px; outline:none; background-color:var(--paper); color:var(--ink); font:inherit; font-weight:800; }
.admin-quiz-toolbar select { padding-right:46px; appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--green) 50%),linear-gradient(135deg,var(--green) 50%,transparent 50%); background-position:calc(100% - 20px) 23px,calc(100% - 14px) 23px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; }
.admin-quiz-toolbar input:focus,.admin-quiz-toolbar select:focus { border-color:var(--green); box-shadow:0 0 0 3px #527d7026; }
.admin-quiz-list { display: grid; margin-top: 20px; gap: 10px; }
.admin-quiz-row { display: grid; padding: 17px; grid-template-columns: minmax(0,1.5fr) minmax(130px,.6fr) auto; align-items: center; gap: 16px; border-radius: 16px; background: #eef2ed; }
.admin-quiz-row strong, .admin-quiz-row small { display: block; }
.admin-quiz-row small { margin-top: 4px; color: var(--muted); }
.admin-quiz-state { display: block; font-size: 12px; font-weight: 900; }
.admin-quiz-state.live { color: var(--green); }.admin-quiz-state.test { color: #8a6500; }.admin-quiz-state.completed,.admin-quiz-state.pending { color: var(--muted); }
.admin-quiz-actions { display: flex; gap: 8px; }.admin-quiz-actions button { width: auto; margin: 0; }
.admin-pagination { display:flex; margin-top:18px; align-items:center; justify-content:center; gap:14px; }
.admin-pagination button { width:auto; margin:0; }
.admin-pagination span { color:var(--muted); font-size:13px; font-weight:800; text-align:center; }
.admin-drafts { margin-top: 34px; }
.admin-draft-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.admin-draft-head button { width:auto; margin:0; white-space:nowrap; }
.admin-draft-row { grid-template-columns:minmax(0,1fr) minmax(240px,.8fr); align-items:start; }
.admin-draft-row details { padding:11px 13px; border-radius:12px; background:#fff; }
.admin-draft-row summary { cursor:pointer; color:var(--green); font-weight:900; }
.admin-draft-row ol { margin:12px 0 0; padding-left:22px; }
.admin-draft-row li { margin:6px 0; color:var(--ink); }
.admin-draft-row .delete-draft { width:100%; margin-top:9px; }
.promo-admin-head h2 { margin: 10px 0 6px; }
.promo-admin-head p { margin: 0; color: var(--muted); }
.promo-admin-form { display: grid; margin-top: 22px; padding: 24px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; border-radius: 22px; background: #f7f4eb; }
.promo-admin-form label { margin: 0; }
.promo-admin-form button { align-self: end; }
.promo-admin-form input, .promo-admin-form select { width: 100%; min-height: 50px; margin-top: 7px; padding: 15px 16px; border: 1px solid #29312f26; border-radius: 12px; outline: none; background-color: var(--paper); color: var(--ink); font: inherit; font-weight: 800; }
.promo-admin-form select { padding-right: 46px; appearance: none; background-image: linear-gradient(45deg,transparent 50%,var(--green) 50%),linear-gradient(135deg,var(--green) 50%,transparent 50%); background-position: calc(100% - 20px) 21px,calc(100% - 14px) 21px; background-size: 6px 6px,6px 6px; background-repeat: no-repeat; }
.promo-admin-form input:focus, .promo-admin-form select:focus { border-color: var(--green); box-shadow: 0 0 0 3px #527d7026; }
.promo-created { display: flex; margin-top: 18px; padding: 18px; align-items: center; flex-wrap: wrap; gap: 12px; border: 1px solid #5b897c44; border-radius: 17px; background: #e5eee8; }
.promo-created>span { width: 100%; color: var(--muted); font-size: 12px; font-weight: 800; }
.promo-created>strong { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 20px; letter-spacing: .04em; }
.promo-created button { margin-left: auto; }
.promo-admin-list { display: grid; margin-top: 20px; gap: 10px; }
.promo-row { display: grid; padding: 16px 18px; grid-template-columns: minmax(0,1.4fr) minmax(120px,.6fr) auto; align-items: center; gap: 14px; border: 1px solid #29312f14; border-radius: 16px; background: #fff; }
.promo-row strong, .promo-row small { display: block; }
.promo-row small { margin-top: 4px; color: var(--muted); }
.promo-row code { font-weight: 900; }
.promo-row button { width: auto; margin: 0; }
.promo-state { font-size: 12px; font-weight: 900; }
.promo-state.active { color: var(--green); }
.promo-state.used, .promo-state.expired, .promo-state.revoked { color: #a64337; }
.unlimited-admin-form { display:grid; margin-top:22px; padding:20px; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; border-radius:20px; background:#e7eee9; }
.unlimited-admin-form label { margin:0; }
.unlimited-admin-form input { width:100%; min-height:50px; margin-top:7px; padding:15px 16px; border:1px solid #29312f26; border-radius:12px; outline:none; background:var(--paper); color:var(--ink); font:inherit; font-weight:800; }
.unlimited-admin-form button { width:auto; margin:0; white-space:nowrap; }
.unlimited-admin-list { display:grid; margin-top:16px; gap:10px; }
.unlimited-row { display:grid; padding:16px 18px; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:14px; border:1px solid #29312f14; border-radius:16px; background:#fff; }
.unlimited-row strong,.unlimited-row small { display:block; }
.unlimited-row small { margin-top:4px; color:var(--muted); }
.unlimited-row button { width:auto; margin:0; }
.unlimited-badge { padding:7px 11px; border-radius:999px; background:var(--gold); color:var(--ink); font-size:12px; font-weight:900; }
.unlimited-account-notice { display:grid; margin-bottom:22px; padding:20px; gap:7px; border:1px solid #5b897c33; border-radius:18px; background:#e7eee9; }
.unlimited-account-notice strong { font-size:18px; }
.unlimited-account-notice small { color:var(--muted); }
@media (max-width: 760px) { .promo-admin-form,.admin-quiz-toolbar,.unlimited-admin-form { grid-template-columns: 1fr; } .promo-row,.admin-quiz-row,.unlimited-row { grid-template-columns: 1fr; } .promo-row button,.admin-quiz-actions button,.unlimited-row button,.unlimited-admin-form button { width: 100%; } .admin-quiz-actions { flex-direction: column; } .promo-created button { width: 100%; margin-left: 0; } .admin-draft-head { align-items:stretch; flex-direction:column; } .admin-draft-head button { width:100%; } .admin-pagination { flex-wrap:wrap; } }