.card-summary-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.card-summary { border:1px solid var(--line); background:#fff; border-radius:12px; padding:17px 18px; min-width:0; }
.card-summary > span { color:#8e99af; font-size:11px; }
.card-summary > strong { display:block; margin:10px 0 5px; font-size:24px; font-weight:650; color:#33415f; }
.card-summary small { margin-left:6px; color:#9da8bc; font-size:10px; font-weight:400; }
.card-summary p { color:#9ba6b9; font-size:10px; line-height:1.6; }
.admin-card-filters { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:16px 20px; border-bottom:1px solid var(--line); }
.admin-card-filters label { margin:0; min-width:0; }
.admin-card-filters input,.admin-card-filters select { margin:0; }
.admin-card-filters > label:not(.admin-list-search) { flex:0 1 200px; }
.admin-list-search { display:flex; align-items:center; position:relative; flex:1 1 260px; }
.admin-list-search > .icon { position:absolute; left:12px; width:15px; height:15px; color:#a5aec0; pointer-events:none; }
.admin-list-search input { padding-left:36px; }
.card-list-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 20px; font-size:11px; color:#8c99af; }
.card-list-toolbar > div { display:flex; gap:8px; flex-wrap:wrap; }
.card-list-toolbar strong { color:#647aaf; }
.card-select-label { display:inline-flex; align-items:center; gap:7px; margin:0; cursor:pointer; white-space:nowrap; font-size:10px; }
.card-batch-name { display:block; max-width:220px; overflow:hidden; text-overflow:ellipsis; }
.card-row-selected td { background:#f5f7ff; }
.card-stop-button { color:#c6737c!important; }
.admin-list-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 20px; color:#9ba6b9; font-size:11px; border-top:1px solid var(--line); }
.admin-list-pagination > div { display:flex; gap:8px; }
.admin-list-footnote { margin-top:14px; color:#a1aabd; font-size:10px; line-height:1.8; }
.admin-list-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; padding:48px 20px; color:#9aa6bb; text-align:center; }
.admin-list-empty > .icon { width:30px; height:30px; color:#b6c3df; margin-bottom:15px; }
.admin-list-empty h3 { color:#64728c; font-size:13px; }
.admin-list-empty p { font-size:11px; line-height:1.8; margin:9px 0 16px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.card-generation-dialog { width:min(650px,calc(100vw - 36px)); }
.card-value-presets { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:10px; }
.card-value-presets > span { margin-right:4px; color:#9aa6bd; font-size:10px; }
.card-preset { border:1px solid #e4eaf7; color:#7789b2; background:#f8faff; border-radius:6px; font-size:10px; padding:6px 10px; }
.card-preset.active { color:var(--primary); border-color:#cdd8ff; background:#edf2ff; }
.card-generation-preview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; padding:16px; background:#f6f8ff; border:1px solid #e9edf9; border-radius:9px; }
.card-generation-preview span { display:block; color:#8a98b6; font-size:10px; margin-bottom:7px; }
.card-generation-preview strong { display:block; color:#516da8; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.card-generated-heading { display:flex; align-items:center; gap:12px; }
.card-generated-heading > span { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#35a783; background:#edf9f3; }
.card-generated-heading p { font-size:11px; color:#9aa5ba; overflow-wrap:anywhere; }
.card-generated-codes { min-height:210px; max-height:36vh; white-space:pre; }
.card-disable-preview .table-wrap { max-height:240px; margin-top:14px; border:1px solid var(--line); border-radius:8px; }
.admin-cards-page[aria-busy="true"] .panel { opacity:.65; }
@media(max-width:1100px) { .card-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .card-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .card-summary { padding:13px 14px; } .card-summary > strong { font-size:21px; } .admin-card-filters { padding:13px 15px; gap:8px; } .admin-list-search { flex-basis:100%; } .admin-card-filters > label:not(.admin-list-search) { flex:1 1 120px; } .card-list-toolbar,.admin-list-pagination { padding:12px 15px; } .card-generation-preview { gap:8px; padding:13px; } .card-generation-preview strong { font-size:12px; } }