/* ============================================================
   RARE COLLECTIONS — Admin Panel styles
   ============================================================ */
.admin-page{background:#f4f1ea;min-height:100vh}

/* ---------- login ---------- */
.a-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1c33,#16304f);padding:20px}
.a-login-box{background:#fff;border-radius:20px;padding:36px 32px;max-width:400px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.a-login-box .brand{margin-bottom:8px}

/* ---------- shell ---------- */
.a-shell{display:flex;min-height:100vh}
.a-side{width:232px;background:#0a1c33;color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}
.a-side-head{padding:22px 20px;border-bottom:1px solid #1d3a5e}
.a-nav{display:flex;flex-direction:column;padding:14px 10px;gap:3px;flex:1}
.a-tab{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:none;border:0;color:#b8c4d6;font-size:14px;font-weight:600;cursor:pointer;text-align:left;font-family:var(--sans);transition:.15s;letter-spacing:.3px}
.a-tab:hover{background:#16304f;color:#fff}
.a-tab.active{background:linear-gradient(140deg,#e7c65a,#c9a227);color:#10233f;font-weight:800}
.a-side-foot{padding:14px;border-top:1px solid #1d3a5e;display:flex;flex-direction:column;gap:10px}
.a-side-foot a{color:#9db2cc;font-size:13px}
.a-side-foot a:hover{color:#fff}
.a-side-foot button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px;border-radius:8px;cursor:pointer;font-size:13px;font-family:var(--sans)}

/* ---------- main ---------- */
.a-main{flex:1;padding:26px 30px 60px;min-width:0}
.a-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.a-top h1{font-family:var(--serif);font-size:28px;color:#10233f}

/* ---------- cards ---------- */
.a-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}
.a-card{border-radius:16px;padding:22px;color:#fff;box-shadow:0 12px 30px rgba(16,35,63,.18)}
.a-card b{font-family:var(--serif);font-size:32px;display:block;line-height:1.1}
.a-card span{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;opacity:.9}
.a-card.c1{background:linear-gradient(140deg,#1a3a63,#0a1c33)}
.a-card.c2{background:linear-gradient(140deg,#e7c65a,#a8861c)}
.a-card.c3{background:linear-gradient(140deg,#3a6ea5,#16304f)}
.a-card.c4{background:linear-gradient(140deg,#2bd97c,#128c4a)}
.a-note{background:#fff8e6;border:1px solid #f0d9a8;border-radius:14px;padding:16px 20px;font-size:13.5px;color:#7a5a10;line-height:1.6}
.a-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}
.a-quick{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;font-weight:700;color:#10233f;transition:.2s;font-size:14.5px}
.a-quick:hover{box-shadow:0 10px 26px rgba(16,35,63,.12);transform:translateY(-2px);border-color:#c9a227}

/* ---------- tables ---------- */
.a-muted{color:#7d92ad;font-size:13px}
.a-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.a-toolbar input,.a-toolbar select{padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--sans);font-size:13.5px;background:#fff}
.a-toolbar input{flex:1;min-width:180px}
.a-count{font-weight:800;color:#10233f;font-size:13.5px}
.a-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;font-size:13.5px;color:#10233f;font-weight:600}
.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:13.5px;box-shadow:0 2px 12px rgba(16,35,63,.06)}
.admin-table th{text-align:left;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#7d92ad;padding:12px 14px;border-bottom:1.5px solid var(--line);background:#fbfaf6}
.admin-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.admin-table tr:hover td{background:#faf9f4}
.admin-table .thumb{width:46px;height:46px;object-fit:cover;border-radius:9px}
.a-actions{display:flex;gap:8px;flex-wrap:wrap}
.a-actions button,.a-actions a{font-size:12.5px;padding:6px 13px;border-radius:8px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-family:var(--sans);font-weight:700;color:#10233f;transition:.15s}
.a-actions button:hover{border-color:#10233f}
.a-actions .danger{color:#c8102e}
.a-actions .danger:hover{border-color:#c8102e;background:#c8102e;color:#fff}
.a-empty{background:#fff;border:1.5px dashed var(--line);border-radius:14px;padding:34px;text-align:center;color:#7d92ad}

/* ---------- forms ---------- */
.a-form-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:16px;box-shadow:0 4px 18px rgba(16,35,63,.06)}
.a-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.a-form-head h2{font-family:var(--serif);font-size:22px;color:#10233f}
.a-x{background:var(--cream);border:1px solid var(--line);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:15px;color:#10233f}
.a-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.a-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.a-form-wrap label.field span{color:#10233f}
.a-form-wrap input,.a-form-wrap select,.a-form-wrap textarea{border-color:var(--line)}
.a-form-wrap input:focus,.a-form-wrap select:focus,.a-form-wrap textarea:focus{outline:none;border-color:#c9a227}

/* ---------- categories ---------- */
.a-cat-form{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.a-cat-form input{flex:1;min-width:200px;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--sans);font-size:14px}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .a-shell{flex-direction:column}
  .a-side{position:static;width:100%;height:auto}
  .a-nav{flex-direction:row;overflow-x:auto;padding:10px}
  .a-tab{white-space:nowrap}
  .a-side-foot{flex-direction:row;justify-content:space-between}
  .a-main{padding:18px 14px 50px}
  .a-grid2,.a-grid3{grid-template-columns:1fr}
}