.flags-search-bar{position:sticky;top:60px;z-index:50;padding:0.85rem 0 0.75rem;background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-color,#dee2e6);margin-bottom:1.5rem;}.flags-count{font-size:0.82rem;color:var(--text-muted,#6c757d);margin-top:0.4rem;}.flags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:0.85rem;margin-bottom:2rem;}.flag-card{display:flex;flex-direction:column;align-items:center;padding:0.65rem 0.4rem 0.55rem;border:1px solid var(--border-color,#dee2e6);border-radius:8px;cursor:pointer;transition:border-color 0.18s,box-shadow 0.18s,transform 0.18s;background:var(--bg-primary,#fff);text-decoration:none;color:inherit;user-select:none;}.flag-card:hover,.flag-card:focus{border-color:#0d6efd;box-shadow:0 4px 14px rgba(13,110,253,0.18);transform:translateY(-2px);outline:none;}.flag-card img{width:64px;height:42px;object-fit:cover;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,0.18);margin-bottom:0.45rem;}.flag-card .flag-name{font-size:0.7rem;text-align:center;line-height:1.25;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px;}.flag-card .flag-code{font-size:0.6rem;color:var(--text-muted,#6c757d);font-family:monospace;margin-top:2px;letter-spacing:0.03em;}.flag-card.hidden{display:none;}.flags-no-results{display:none;grid-column:1 / -1;text-align:center;padding:3.5rem 1rem;color:var(--text-muted,#6c757d);}.flags-no-results svg{opacity:0.35;margin-bottom:1rem;}.flag-modal-preview{background:var(--bg-secondary,#f8f9fa);border-radius:10px;padding:1.5rem;text-align:center;}.flag-modal-img{width:180px;height:auto;border-radius:5px;box-shadow:0 6px 20px rgba(0,0,0,0.2);margin-bottom:1rem;}.flag-modal-code{font-family:monospace;font-size:0.8rem;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#dee2e6);border-radius:5px;padding:0.45rem 0.75rem;display:inline-block;}.flag-actions .btn{min-width:150px;gap:0.4rem;}#flags-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1090;min-width:220px;}[data-theme="dark"] .flag-card{background:#1c2433;border-color:#2d3748;}[data-theme="dark"] .flag-card:hover{border-color:#4d93fb;box-shadow:0 4px 14px rgba(77,147,251,0.2);}[data-theme="dark"] .flags-search-bar{background:#13181f;border-color:#2d3748;}[data-theme="dark"] .flag-modal-preview{background:#1c2433;}[data-theme="dark"] .flag-modal-code{background:#13181f;border-color:#2d3748;}@media (max-width:576px){.flags-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:0.6rem;}.flag-card img{width:52px;height:34px;}.flag-actions .btn{min-width:120px;font-size:0.82rem;}}