.admin-page-header{max-width:1200px;margin:0 auto;padding:40px 20px 30px}.admin-title-row{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.admin-page-title{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:20px;color:#ef4444;font-size:12px;font-weight:600}.admin-page-subtitle{color:#888;font-size:15px;margin-bottom:20px}.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.preview-btn{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.preview-btn:hover{background:#3b82f638;border-color:#60a5fa}.refresh-btn{background:#ff8c001a;border:1px solid rgba(255,140,0,.3);color:#ff8c00}.refresh-btn:hover{background:#ff8c0033;border-color:#ff8c00}.settings-section{max-width:1200px;margin:0 auto;padding:0 20px 30px}.section-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px}.setting-label{display:block;font-size:13px;font-weight:600;color:#ff8c00;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.setting-inline{display:flex;gap:10px}.setting-input{flex:1;padding:10px 14px;background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.setting-input:focus{border-color:#ff8c0080}.setting-save-btn{padding:10px 22px;background:linear-gradient(135deg,#ff8c00,#e67e00);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.setting-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff8c0059}.cards-editor-section{max-width:1200px;margin:0 auto;padding:0 20px 40px}.card-editors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-editor{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:border-color .3s}.card-editor:hover{border-color:#ff8c0033}.card-editor-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.slot-badge{font-size:14px;font-weight:700;color:#ff8c00;letter-spacing:.3px}.slot-status{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px}.slot-status.empty{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.slot-status.active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.card-editor-body{padding:18px}.image-upload-area{position:relative;cursor:pointer;margin-bottom:16px}.image-preview{width:100%;aspect-ratio:5 / 7;border-radius:10px;overflow:hidden;background:#00000059;border:2px dashed rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:all .25s;position:relative}.image-preview:hover{border-color:#ff8c0066;background:#ff8c000a}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-preview:has(img):hover:after{content:"\1f4f7  Click to change image";position:absolute;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;border-radius:10px}.upload-placeholder{color:#666;font-size:14px;text-align:center;padding:20px}.image-upload-area.dragover .image-preview{border-color:#ff8c00;background:#ff8c0014;box-shadow:0 0 20px #ff8c0026}.card-fields{display:flex;flex-direction:column;gap:12px}.field-group{display:flex;flex-direction:column;gap:5px}.field-group label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.4px}.field-input{width:100%;padding:10px 12px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.field-input:focus{border-color:#ff8c0073}.card-editor-footer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.06);background:#00000026}.btn-save-card{flex:1;padding:11px 16px;background:linear-gradient(135deg,#ff8c00,#e67e00);color:#000;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-save-card:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff8c0059}.btn-save-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-delete-card{padding:11px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-card:hover{background:#ef444433;border-color:#ef4444}@media(max-width:1024px){.card-editors-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-page-header{padding:24px 16px 20px}.admin-page-title{font-size:22px}.settings-grid{grid-template-columns:1fr}.card-editors-grid{grid-template-columns:1fr;gap:16px}.cards-editor-section,.settings-section{padding-left:16px;padding-right:16px}}@media(max-width:480px){.setting-inline{flex-direction:column}.setting-save-btn{width:100%}.action-btn{padding:8px 14px;font-size:12px}}