/* Unified Admin Panel Styling */
:root {
  --admin-primary:#2c5aa0;
  --admin-primary-dark:#15365f;
  --admin-accent:#f8b500;
  --admin-bg:#f1f4f8;
  --admin-card:#ffffff;
  --admin-border:#e2e8f0;
  --admin-muted:#6c7a8a;
  --admin-danger:#dc3545;
  --admin-success:#198754;
  --admin-radius:16px;
  --admin-shadow:0 6px 22px rgba(20,40,80,.08);
  --base-font-size:17px;
}

body.admin-body {background:var(--admin-bg);font-family:'Cairo',sans-serif;font-size:var(--base-font-size);}

/* Layout */
.admin-wrapper {display:flex;min-height:100vh;gap:22px;padding:20px;align-items:flex-start}
.admin-main {flex:1;min-width:0}

/* Sidebar */
.sidebar {--sb-width:280px;width:var(--sb-width);background:linear-gradient(180deg,var(--admin-primary),var(--admin-primary-dark));color:#fff;padding:20px 20px 16px;border-radius:22px;position:sticky;top:90px;align-self:flex-start;box-shadow:var(--admin-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 110px);overflow:hidden;transition:width .35s ease, padding .35s ease}
.sidebar.collapsed{--sb-width:92px;width:var(--sb-width);padding:18px 12px 14px}
.sidebar-top{display:flex;flex-direction:column;gap:16px;margin-bottom:6px}
.brand-block{display:flex;align-items:center;gap:12px;position:relative}
.logo-circle{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#f8b500,#ffd470);display:flex;align-items:center;justify-content:center;font-size:22px;color:#2c3e50;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text .title{font-size:18px;font-weight:800;letter-spacing:.4px}
.brand-text .subtitle{font-size:12px;color:rgba(255,255,255,.85);margin-top:4px;font-weight:600}
.collapse-btn{position:absolute;left:-8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;color:#fff;width:34px;height:34px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:.25s}
.collapse-btn:hover{background:rgba(255,255,255,.28)}
.sidebar.collapsed .brand-text{display:none}
.sidebar.collapsed .collapse-btn i{transform:scaleX(-1)}
.profile-mini{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);padding:10px 12px;border-radius:16px;position:relative;overflow:hidden}
.profile-mini:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.18),transparent 70%);opacity:.6}
.avatar-circle{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2c5aa0,#3d78c9);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;letter-spacing:1px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.profile-mini .info{display:flex;flex-direction:column;line-height:1.15}
.profile-mini .info .name{font-size:13px;font-weight:700}
.profile-mini .info .role{font-size:11px;color:rgba(255,255,255,.7);font-weight:600}
.sidebar.collapsed .profile-mini .info{display:none}
.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:flex;flex-direction:column;gap:18px}
.menu-section{display:flex;flex-direction:column;gap:6px}
.menu-section-title{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.55);padding:0 6px}
.sidebar-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#f1f6fc;text-decoration:none;font-size:13px;font-weight:600;border-radius:14px;position:relative;transition:.18s;background:rgba(255,255,255,0);white-space:nowrap}
.sidebar-menu a i{width:22px;text-align:center;opacity:.9;font-size:15px}
.sidebar-menu a:hover{background:rgba(255,255,255,.12);transform:translateX(-4px)}
.sidebar-menu a.active{background:linear-gradient(125deg,var(--admin-accent),#ffc533);color:#2f2f2f;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.sidebar-menu a.active i{color:#2f2f2f}
.sidebar.collapsed .sidebar-menu a{justify-content:center;padding:11px 10px}
.sidebar.collapsed .sidebar-menu a .txt{display:none}
.sidebar-footer{margin-top:10px;font-size:11px;color:rgba(255,255,255,.6);display:flex;flex-direction:column;gap:6px;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}
.mini-stats{font-weight:700;font-size:13px;color:#fff;background:rgba(255,255,255,.12);padding:6px 14px;border-radius:30px;letter-spacing:1px}

/* Top Header */
.admin-topbar {background:#fff;box-shadow:0 6px 22px rgba(20,40,80,.06);position:sticky;top:0;z-index:1200;padding:18px 32px;display:flex;justify-content:space-between;align-items:center}

/* 3D layered admin topbar */
.admin-topbar{position:relative;perspective:1000px;-webkit-perspective:1000px}
.admin-topbar::before,.admin-topbar::after{content:"";position:absolute;left:0;right:0;top:0;height:100%;border-bottom-left-radius:14px;border-bottom-right-radius:14px;pointer-events:none;z-index:0}
.admin-topbar::before{background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0));transform:translateZ(-30px) translateY(4px) scale(1.02);filter:blur(6px);opacity:.95}
.admin-topbar::after{background:linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.02));mix-blend-mode:multiply;transform:translateZ(-60px) translateY(8px) scale(1.03);filter:blur(12px);opacity:.85}

.admin-brand{position:relative;z-index:10;transform:translateZ(28px);-webkit-transform:translateZ(28px)}
.admin-topbar .top-actions{position:relative;z-index:10;transform:translateZ(22px);-webkit-transform:translateZ(22px)}
.admin-brand{display:flex;align-items:center;gap:18px}
.admin-brand img{height:56px;object-fit:contain}
.admin-brand .title{font-size:20px;font-weight:900;color:var(--admin-primary)}
.admin-brand .subtitle{font-size:13px;color:var(--admin-muted);margin-top:2px}
.admin-topbar .top-actions a{color:var(--admin-muted);text-decoration:none;font-size:13px;font-weight:600;margin-left:16px;transition:.2s}
.admin-topbar .top-actions a:hover{color:var(--admin-primary)}

/* Cards / Tables generic */
.admin-card {background:var(--admin-card);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);padding:20px}
.table thead th{font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--admin-muted)}
.table tbody td{vertical-align:middle;font-size:13px}
/* Stats boxes */
.auctions-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px}
.stat-box{background:var(--admin-card);border-radius:18px;padding:16px 18px;box-shadow:var(--admin-shadow);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.stat-box:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(120deg,var(--admin-primary),var(--admin-accent))}
.stat-label{font-size:12px;font-weight:600;color:var(--admin-muted);letter-spacing:.5px}
.stat-value{font-size:22px;font-weight:800;color:var(--admin-primary)}

/* Utilities */
.badge-soft {padding:6px 12px;border-radius:40px;font-size:11px;font-weight:700;letter-spacing:.5px;display:inline-block}
.badge-soft.green {background:rgba(25,135,84,.12);color:var(--admin-success)}
.badge-soft.red {background:rgba(220,53,69,.12);color:var(--admin-danger)}
.btn-gradient{background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));color:#fff;border:none;font-weight:600;padding:10px 18px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(44,90,160,.3);transition:.25s}
.btn-gradient:hover{transform:translateY(-3px);box-shadow:0 6px 22px rgba(44,90,160,.45);color:#fff}

@media (max-width:1100px){.sidebar{position:fixed;top:72px;left:0;right:auto;transform:translateX(-270px);transition:.3s;width:230px;border-radius:0 22px 22px 0;z-index:1300}
.sidebar.open{transform:translateX(0)}
.admin-wrapper{padding-top:20px}
.toggle-sidebar-btn{display:inline-flex}
}
@media (max-width:1100px){.admin-topbar{gap:12px}}
.toggle-sidebar-btn{display:none;background:var(--admin-primary);color:#fff;border:none;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer;align-items:center;gap:6px}

/* ==== Auctions Professional Enhancements ==== */
/* Filters and mini badges */
.filters-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.filters-bar form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filters-bar select,.filters-bar input[type=text]{border:1px solid #d5dbe3;border-radius:12px;padding:8px 12px;font-size:13px;min-width:160px}
.filters-bar button.filter-btn{background:linear-gradient(120deg,var(--admin-primary),var(--admin-primary-dark));color:#fff;border:none;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.filters-bar a.reset-link{font-size:12px;color:var(--admin-muted);text-decoration:none}
.filters-bar a.reset-link:hover{color:var(--admin-primary)}
.status-badge-mini{padding:4px 10px;border-radius:30px;font-size:11px;font-weight:700;display:inline-block}
.status-active-mini{background:rgba(25,135,84,.12);color:#198754}
.status-inactive-mini{background:rgba(220,53,69,.12);color:#dc3545}
.status-ended{background:rgba(100,100,100,.15);color:#444}
.status-upcoming{background:rgba(248,181,0,.18);color:#a86b00}
.time-progress{height:6px;border-radius:6px;overflow:hidden;background:#e5eaf0;margin-top:6px}
.time-progress .progress-bar{height:100%;background:linear-gradient(90deg,var(--admin-accent),#ffd65c)}
.modal-header{background:linear-gradient(120deg,var(--admin-primary),var(--admin-primary-dark));color:#fff}
.modal-header .modal-title{font-weight:700}
.auctions-pro-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px}
.auctions-pro-toolbar .meta{font-size:12px;color:var(--admin-muted);background:#f1f5f9;padding:6px 12px;border-radius:30px;font-weight:700;display:flex;align-items:center;gap:6px}
.auctions-grid, .auctions-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.auction-card-admin{position:relative;background:#ffffff;border:1px solid #dde4ec;border-radius:18px;padding:14px 14px 58px;display:flex;flex-direction:column;gap:10px;overflow:hidden;box-shadow:0 4px 14px -6px rgba(0,0,0,.08);min-height:300px;transition:.35s ease}
.auction-card-admin:before{content:"";position:absolute;top:0;right:0;height:4px;width:100%;background:linear-gradient(120deg,var(--admin-primary),var(--admin-accent))}
.auction-card-admin:hover{transform:translateY(-4px);box-shadow:0 10px 28px -6px rgba(0,0,0,.18)}
.auction-card-admin .ac-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.auction-card-admin .ac-index{background:#f0f4f9;padding:4px 8px;border-radius:8px;font-weight:600;color:#2c4d80}
.auction-card-admin .ac-badge{padding:4px 10px;border-radius:30px;font-size:11px;font-weight:700;display:inline-block;line-height:1;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.st-active{background:#d1e7dd;color:#0f5132}
.st-soon{background:#fde68a;color:#7a5200}
.st-upcoming{background:#fff3cd;color:#664d03}
.st-ended{background:#e2e3e5;color:#41464b}
.st-inactive{background:#f8d7da;color:#842029}
.auction-card-admin .ac-image{width:100%;height:140px;border-radius:14px;overflow:hidden;background:#f3f5f8;display:flex;align-items:center;justify-content:center;position:relative}
.auction-card-admin .ac-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.auction-card-admin:hover .ac-image img{transform:scale(1.05)}
.auction-card-admin .ac-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0));opacity:.55;pointer-events:none}
.auction-card-admin .ac-title{font-weight:700;font-size:15px;line-height:1.4;max-height:44px;overflow:hidden}
.auction-card-admin .ac-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#264b61}
.auction-card-admin .ac-meta span i{color:var(--admin-primary);margin-left:4px}
.auction-card-admin .ac-times{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#607286}
.auction-card-admin .ac-times i{color:var(--admin-primary);margin-left:4px}
.auction-card-admin .time-progress{height:6px;background:#edf2f6;border-radius:4px;overflow:hidden;margin-top:2px}
.auction-card-admin .time-progress .progress-bar{background:linear-gradient(90deg,var(--admin-primary),#4d7fbf);transition:width .6s}
.auction-card-admin .ac-remaining{font-size:12px;font-weight:600;color:#1d3d5f;display:flex;align-items:center;gap:6px}
.auction-card-admin .ac-remaining i{color:var(--admin-accent)}
.auction-card-admin .ac-actions{position:absolute;bottom:8px;left:8px;display:flex;gap:8px}
.auction-card-admin .btn-act{border:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#f0f4f9;color:#2b5177;font-size:14px;transition:.2s}
.auction-card-admin .btn-act:hover{background:#e1e9f2}
.auction-card-admin .btn-act.edit{background:#e7f1ff;color:#1d4f80}
.auction-card-admin .btn-act.delete{background:#fde2e2;color:#a72222}
.auction-card-admin .btn-act.toggle{background:#e8f8f0;color:#1c6b3d}
.auction-card-admin .btn-act.delete:hover{background:#facbcb}
.auction-card-admin .btn-act.toggle:hover{background:#d2f1e1}
.auction-card-admin .btn-act.edit:hover{background:#d4e9ff}
@media (max-width:700px){ .auction-card-admin{min-height:320px} }

/* Advanced Auction Card Polish */
.auction-card-admin.pro{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 60%,#ffffff 100%);border:1px solid #d9e3ec;position:relative}
.auction-card-admin.pro:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(248,181,0,.18),transparent 60%)}
.auction-card-admin .ac-badge{background:linear-gradient(135deg,var(--admin-accent),#ffd877);color:#3a3300}
.auction-card-admin .ac-badge.st-active{background:linear-gradient(135deg,#3ddc97,#27a86a);color:#062d1c}
.auction-card-admin .ac-badge.st-soon{background:linear-gradient(135deg,#ffe08a,#ffbd3c);color:#5f4100}
.auction-card-admin .ac-badge.st-upcoming{background:linear-gradient(135deg,#d6e4ff,#9fbff7);color:#162f55}
.auction-card-admin .ac-badge.st-ended{background:linear-gradient(135deg,#d7d7d9,#b5b7bc);color:#303236}
.auction-card-admin .ac-badge.st-inactive{background:linear-gradient(135deg,#f9b0b0,#e05f5f);color:#5d0b0b}
.auction-card-admin .ac-pricing-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 2px}
.auction-card-admin .ac-pricing-chips .chip{font-size:11px;font-weight:600;letter-spacing:.3px;padding:6px 10px;border-radius:30px;display:inline-flex;align-items:center;gap:4px;position:relative;background:#eef2f6;color:#264b61}
.auction-card-admin .ac-pricing-chips .chip.current{background:linear-gradient(135deg,#2c5aa0,#15365f);color:#fff;box-shadow:0 4px 10px -3px rgba(44,90,160,.4)}
.auction-card-admin .ac-pricing-chips .chip.start{background:#e5f3ff;color:#0e4b7a}
.auction-card-admin .ac-pricing-chips .chip.step{background:#fff4d9;color:#7a4d00}
.auction-card-admin .ac-pricing-chips .chip i{font-size:12px;opacity:.9}
.auction-card-admin .ac-schedule{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;font-size:11px;color:#5a6b7a}
.auction-card-admin .ac-schedule i{color:var(--admin-primary);margin-left:4px}
.auction-card-admin .ac-remaining{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);padding:6px 10px;border-radius:40px;font-size:11px;font-weight:700;color:#1d3d5f;box-shadow:0 4px 14px -4px rgba(0,0,0,.15)}
.auction-card-admin .ac-remaining i{color:var(--admin-accent)}
.auction-card-admin .ac-radial{--p:0;--size:60px;width:var(--size);height:var(--size);position:absolute;top:10px;right:10px;background:conic-gradient(var(--admin-accent) calc(var(--p)*1%), #e5eaf0 0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#1d3d5f;box-shadow:0 4px 14px -4px rgba(0,0,0,.2)}
.auction-card-admin .ac-radial:after{content:attr(data-label);width:calc(100% - 10px);height:calc(100% - 10px);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #e2e8f0}
.auction-card-admin .ac-actions{bottom:10px}
.auction-card-admin .time-progress{height:8px;margin-top:6px;border-radius:6px}
.auction-card-admin .time-progress .progress-bar{background:linear-gradient(90deg,#2c5aa0,#66a0e0)}

/* Percentage badge on image */
.auction-card-admin .ac-image{position:relative}
.ac-progress-badge{position:absolute;top:8px;right:8px;background:rgba(17,24,39,.85);color:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;backdrop-filter:saturate(150%) blur(2px)}
.ac-progress-badge i{font-size:10px;color:#ffd65c}
.ac-progress-badge.low{background:rgba(25,135,84,.92);color:#fff}
.ac-progress-badge.low i{color:#c7f9cc}
.ac-progress-badge.mid{background:rgba(255,193,7,.96);color:#111}
.ac-progress-badge.mid i{color:#111}
.ac-progress-badge.high{background:rgba(220,53,69,.92);color:#fff}
.ac-progress-badge.high i{color:#ffe3e6}
.auction-card-admin .ac-progress-badge.noimg{position:absolute;top:42px;right:8px}

/* Add/Edit Auction modal layout */
.add-auction-modal .section-title{font-size:.85rem;letter-spacing:.5px;color:#555;margin:0 0 .35rem;font-weight:600}
.add-auction-modal .form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.add-auction-modal .field-box{background:#f3f6fb;border:1px solid #d9e2ef;padding:.75rem .85rem;border-radius:10px;position:relative}
.add-auction-modal .field-box:focus-within{border-color:var(--admin-primary);box-shadow:0 0 0 2px rgba(44,90,160,.15)}
.add-auction-modal label{font-size:.72rem;font-weight:600;color:var(--admin-primary);letter-spacing:.5px;margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem}
.add-auction-modal input.form-control,.add-auction-modal textarea.form-control{border:1px solid #ccd8e6;border-radius:8px;font-size:.8rem;padding:.45rem .6rem}
.add-auction-modal small.hint{display:block;margin-top:.25rem;font-size:.65rem;color:#566b86}
#addAuctionSummary{background:#ffffff;border:1px dashed #b9c9dc;padding:.9rem 1rem;border-radius:12px}
#addAuctionSummary h6{font-size:.75rem;margin:0 0 .5rem;font-weight:700;color:#2c4d80}
#auctionDuration,#auctionAutoStatus{font-size:.7rem;margin:0;line-height:1.4}
#auctionDuration span,#auctionAutoStatus span{font-weight:600;color:#1b5199}
.invalid-msg-list{background:#ffe5e5;border:1px solid #ffb9b9;color:#a80000;border-radius:10px;padding:.7rem .9rem;font-size:.7rem;list-style:disc inside;display:none;margin:0 0 1rem}
.invalid-msg-list.show{display:block}
.add-auction-modal textarea{min-height:120px;resize:vertical}
.floating-sep{height:1px;background:linear-gradient(90deg,transparent,#d0dae6,transparent);margin:1.1rem 0 .6rem}
@media (max-width:992px){.add-auction-modal .form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media (max-width:768px){.add-auction-modal .form-grid{grid-template-columns:1fr} .add-auction-modal .field-box{padding:.6rem .65rem}}

/* ================== Design Switch (Theme Toggle) ================== */
.design-switch{position:fixed;bottom:20px;right:20px;z-index:2001;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.25);cursor:pointer}
.design-switch:hover{transform:translateY(-2px)}

/* ================== Modern/Dark Variant ==================
   Toggle with: <html data-design="2"> ... */
html[data-design="2"] {
  --admin-primary:#7c3aed;           /* violet-600 */
  --admin-primary-dark:#4c1d95;      /* violet-900 */
  --admin-accent:#06b6d4;            /* cyan-500 */
  --admin-bg:#0f172a;                /* slate-900 */
  --admin-card:#111827;              /* gray-900 */
  --admin-border:#1f2937;            /* gray-800 */
  --admin-muted:#9ca3af;             /* gray-400 */
  --admin-success:#22c55e;           /* green-500 */
  --admin-danger:#ef4444;            /* red-500 */
  --admin-shadow:0 10px 30px rgba(0,0,0,.35);
}

html[data-design="2"] body.admin-body{color:#e5e7eb}
html[data-design="2"] .admin-topbar{background:#0b1220;box-shadow:0 6px 22px rgba(0,0,0,.35)}
html[data-design="2"] .admin-brand .title{color:#e5e7eb}
html[data-design="2"] .admin-brand .subtitle{color:#9ca3af}
html[data-design="2"] .sidebar{background:linear-gradient(180deg,#1f1348,#111827)}
html[data-design="2"] .sidebar .menu-section-title{color:rgba(255,255,255,.55)}
html[data-design="2"] .sidebar-menu a{color:#e5e7eb}
html[data-design="2"] .sidebar-menu a:hover{background:rgba(255,255,255,.09)}
html[data-design="2"] .sidebar-menu a.active{background:linear-gradient(125deg,#10b981,#34d399);color:#0b1220}
html[data-design="2"] .sidebar-menu a.active i{color:#0b1220}
html[data-design="2"] .admin-card{background:var(--admin-card);border:1px solid var(--admin-border)}
html[data-design="2"] .filters-bar select,
html[data-design="2"] .filters-bar input[type=text]{
  background:#0b1220;border-color:#1f2937;color:#e5e7eb
}
html[data-design="2"] .filters-bar .filter-btn{background:linear-gradient(120deg,var(--admin-primary),var(--admin-primary-dark))}
html[data-design="2"] .filters-bar a.reset-link{color:#9ca3af}
html[data-design="2"] .status-badge-mini{background:#0b1220;border:1px solid #1f2937;color:#cbd5e1}
html[data-design="2"] .auction-card-admin{background:linear-gradient(135deg,#0b1220 0%,#0f172a 60%,#0b1220 100%);border-color:#1f2937}
html[data-design="2"] .auction-card-admin:after{background:radial-gradient(circle at 85% 15%,rgba(124,58,237,.18),transparent 60%)}
html[data-design="2"] .auction-card-admin .ac-index{background:#0b1220;color:#cbd5e1}
html[data-design="2"] .auction-card-admin .ac-title{color:#e5e7eb}
html[data-design="2"] .auction-card-admin .ac-meta{color:#cbd5e1}
html[data-design="2"] .auction-card-admin .time-progress{background:#0b1220}
html[data-design="2"] .auction-card-admin .btn-act{background:#0b1220;color:#d1d5db}
html[data-design="2"] .auction-card-admin .btn-act:hover{background:#111827}
html[data-design="2"] .auction-card-admin .btn-act.edit{background:#1e293b;color:#bfdbfe}
html[data-design="2"] .auction-card-admin .btn-act.delete{background:#2b1a1a;color:#fecaca}
html[data-design="2"] .auction-card-admin .btn-act.toggle{background:#102a19;color:#86efac}
html[data-design="2"] .ac-progress-badge{background:rgba(17,24,39,.9);color:#e5e7eb}
html[data-design="2"] .ac-progress-badge.low{background:rgba(34,197,94,.9)}
html[data-design="2"] .ac-progress-badge.mid{background:rgba(234,179,8,.95);color:#111}
html[data-design="2"] .ac-progress-badge.high{background:rgba(239,68,68,.92)}
html[data-design="2"] .add-auction-modal .field-box{background:#0b1220;border-color:#1f2937}
html[data-design="2"] .add-auction-modal label{color:#c7d2fe}
html[data-design="2"] .add-auction-modal input.form-control,
html[data-design="2"] .add-auction-modal textarea.form-control{background:#0b1220;border-color:#1f2937;color:#e5e7eb}
html[data-design="2"] #addAuctionSummary{background:#0b1220;border-color:#334155}
html[data-design="2"] .invalid-msg-list{background:#3f1d1d;border-color:#7f1d1d;color:#fecaca}

/* ================== Progress Bar by Phase ================== */
.auction-card-admin.phase-low .time-progress .progress-bar{background:linear-gradient(90deg,#16a34a,#22c55e)}
.auction-card-admin.phase-mid .time-progress .progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.auction-card-admin.phase-high .time-progress .progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}