.admin-shell { max-width: 1180px; }.admin-intro { padding: 39px 0 28px; max-width: 670px; }.admin-intro h2 { margin-bottom: 10px; }.admin-intro p:last-child { color: var(--muted); margin: 0; font-size: 13px; }.admin-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 34px; align-items: start; }.admin-list-panel, .admin-form { border-top: 1px solid var(--line); padding-top: 17px; }.admin-section-head { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 16px; }.admin-section-head h2 { font-size: 18px; }.admin-head-actions { display:flex; align-items:center; gap:12px; }.admin-site-list { display: grid; gap: 9px; }.admin-site { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 14px 15px; border: 1px solid var(--line); border-left: 2px solid var(--amber); background: rgba(16,22,28,.78); }.admin-site.is-ready { border-left-color: var(--green); }.admin-site-name { font-weight: 650; }.admin-site-meta { color: var(--muted); font-size: 11px; margin-top: 3px; }.admin-badge { align-self: start; border: 1px solid #705b35; border-radius: 999px; color: var(--amber); padding: 4px 7px; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }.admin-site.is-ready .admin-badge { border-color: #2c684e; color: var(--green); }.admin-site-actions { grid-column: 1 / -1; display: flex; gap: 8px; border-top: 1px solid var(--line); padding-top: 9px; }.text-btn, .admin-mini-btn { border: 0; padding: 0; color: var(--accent); background: none; cursor: pointer; font-size: 11px; }.admin-mini-btn.danger { color: var(--red); }.admin-form { display: grid; gap: 13px; padding-bottom: 20px; }.admin-form label { color: var(--muted); font-size: 11px; }.admin-form input, .admin-form textarea { display: block; width: 100%; margin-top: 6px; resize: vertical; padding: 10px 11px; border: 1px solid var(--line); border-radius: 7px; color: var(--text); background: #0b1116; outline: none; font: inherit; }.admin-form input:focus, .admin-form textarea:focus { border-color: var(--accent); }.two-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.check-row { display: flex !important; align-items: center; gap: 9px; color: var(--text) !important; }.check-row input { width: auto; margin: 0; accent-color: var(--accent); }.admin-form-actions { display: flex; justify-content: end; gap: 9px; margin-top: 4px; }.form-hint { color: var(--muted); font-size: 10px; margin: 0; }.empty-admin { border: 1px dashed var(--line); color: var(--muted); padding: 18px; font-size: 12px; }.auth-gate { min-height:100vh; display:grid; place-items:center; padding:24px; }.auth-box { width:min(390px,100%); padding:30px; border:1px solid var(--line); background:var(--surface); border-radius:12px; box-shadow:0 18px 70px rgba(0,0,0,.24); }.auth-logo { width:110px; height:80px; object-fit:contain; display:block; margin:0 auto 18px; }.auth-box h1 { margin:0 0 10px; font-size:22px; }.auth-box p:not(.eyebrow) { color:var(--muted); font-size:12px; }.auth-box label { color:var(--muted); font-size:11px; display:block; margin-top:16px; }.auth-box input { display:block; width:100%; box-sizing:border-box; margin-top:6px; padding:11px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:#0b1116; outline:none; font:inherit; letter-spacing:.18em; text-align:center; }.auth-error { color:var(--red); min-height:18px; font-size:11px; margin-top:10px; }.compact-save { padding:8px 10px; font-size:11px; }.publish-state { min-height:18px; color:var(--muted); font-size:11px; margin:-5px 0 12px; } [hidden] { display:none !important; }
.public-toggle { grid-column: 1 / -1; display: inline-flex !important; align-items: center; gap: 7px; width: max-content; color: var(--muted) !important; font-size: 10px !important; cursor: pointer; }.public-toggle input { width: auto !important; margin: 0 !important; accent-color: var(--amber); }.public-toggle input:checked + span { color: var(--amber); }
.auth-box { width: min(540px, calc(100vw - 40px)); min-height: 450px; box-sizing: border-box; padding: 40px 46px 44px; border-color: rgba(139,221,226,.22); background: rgba(16,22,28,.30); backdrop-filter: blur(4px); border-radius: 16px; box-shadow: 0 22px 90px rgba(0,0,0,.36), inset 0 0 40px rgba(139,221,226,.025); }
.auth-logo { width: 122px; height: 86px; margin-bottom: 22px; }
.auth-box label { margin-top: 18px; }
.auth-box .save-btn { display: block; min-width: 112px; margin: 18px auto 0; }
.auth-error { text-align: center; }
.auth-box { position: relative; overflow: hidden; }
.auth-box::before { display: none; }
.auth-box > * { position: relative; z-index: 1; }
@media (max-width: 860px) { .admin-layout { grid-template-columns: 1fr; }.admin-form { order: -1; }.admin-intro { padding-top: 28px; } }
@media (max-width: 480px) { .auth-gate { padding: 18px 14px; }.auth-box { width: calc(100vw - 28px); min-height: 0; padding: 30px 24px 34px; }.auth-logo { margin-bottom: 18px; }.two-fields { grid-template-columns: 1fr; }.admin-site { grid-template-columns: 1fr; }.admin-badge { justify-self: start; }.admin-site-actions { grid-column: auto; }.admin-section-head { align-items: start; }.admin-head-actions { flex-wrap:wrap; justify-content:flex-end; }.compact-save { width:100%; } }