:root{--primary-color:hsl(var(--primary, 222.2 47.4% 11.2%));--primary-text-color:hsl(var(--primary-foreground, 210 40% 98%));--primary-hover-color:hsl(var(--primary-hover, 222.2 47.4% 20.2%));--radius:.5rem;--radius-sm:.3rem;--border-color:hsl(var(--border, 214.3 31.8% 91.4%));--muted-foreground:hsl(var(--muted-foreground, 220 8.9% 46.1%));--primary-highlight-bg:hsl(var(--primary) / .1);--primary-highlight-shadow:hsl(var(--primary) / .2);--animation-duration-highlight:1.2s}.contacts-page-container-tags.svelte-usrut3.svelte-usrut3{padding:1.5rem 2rem;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-header-tags.svelte-usrut3.svelte-usrut3{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.page-title-tags.svelte-usrut3.svelte-usrut3{font-size:2.2rem;font-weight:700;color:hsl(var(--foreground))}.header-actions-tags.svelte-usrut3.svelte-usrut3{display:flex;gap:.75rem;align-items:center}.search-input-tags.svelte-usrut3.svelte-usrut3{padding:.6rem 1rem;font-size:.95rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:hsl(var(--input-bg, 0 0% 100%));color:hsl(var(--foreground));min-width:250px;transition:all .2s ease}.search-input-tags.svelte-usrut3.svelte-usrut3:focus{outline:none;border-color:hsl(var(--input-focus-border));box-shadow:0 0 0 2px hsl(var(--ring))}.add-contact-button-tags.svelte-usrut3.svelte-usrut3,.button.primary-button-tags.svelte-usrut3.svelte-usrut3{background-color:var(--primary-color);color:var(--primary-text-color);border:none;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.add-contact-button-tags.svelte-usrut3.svelte-usrut3:hover,.button.primary-button-tags.svelte-usrut3.svelte-usrut3:hover{background-color:var(--primary-hover-color);transform:translateY(-1px)}.add-contact-button-tags.svelte-usrut3.svelte-usrut3:active,.button.primary-button-tags.svelte-usrut3.svelte-usrut3:active{transform:scale(.98)}.pulse-animation-tags.svelte-usrut3.svelte-usrut3{animation:svelte-usrut3-pulseButtonTags 1.5s infinite ease-in-out}@keyframes svelte-usrut3-pulseButtonTags{0%,to{transform:scale(1);box-shadow:0 0 hsl(var(--primary)/.3)}50%{transform:scale(1.03);box-shadow:0 0 0 6px hsl(var(--primary)/0)}}.tag-filter-bar.svelte-usrut3.svelte-usrut3{margin-bottom:1.5rem;padding:.75rem;background-color:hsl(var(--card-background, 0 0% 100%));border:1px solid var(--border-color);border-radius:var(--radius);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-label.svelte-usrut3.svelte-usrut3{font-size:.9rem;font-weight:500;color:var(--muted-foreground)}.tags-list.svelte-usrut3.svelte-usrut3{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-button.svelte-usrut3.svelte-usrut3{padding:.3rem .7rem;font-size:.85rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:hsl(var(--secondary-bg, 210 30% 97%));color:hsl(var(--secondary-foreground, 222.2 47.4% 11.2%));cursor:pointer;transition:all .2s ease-out}.tag-filter-button.svelte-usrut3.svelte-usrut3:hover{border-color:hsl(var(--primary)/.5);background-color:hsl(var(--primary)/.05)}.tag-filter-button.selected.svelte-usrut3.svelte-usrut3{background-color:var(--primary-color);color:var(--primary-text-color);border-color:var(--primary-color);font-weight:500;box-shadow:0 0 0 2px hsl(var(--primary)/.2)}.clear-filters-button.svelte-usrut3.svelte-usrut3{background:none;border:none;color:var(--muted-foreground);font-size:.85rem;cursor:pointer;padding:.3rem .5rem;margin-left:auto;transition:color .2s ease}.clear-filters-button.svelte-usrut3.svelte-usrut3:hover{color:hsl(var(--destructive, 0 84.2% 60.2%))}.skeleton-grid-tags.svelte-usrut3.svelte-usrut3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.skeleton-item-tags-container.svelte-usrut3.svelte-usrut3{animation:svelte-usrut3-fadeInSkelItemTags .4s ease-out forwards;opacity:0}@keyframes svelte-usrut3-fadeInSkelItemTags{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-grid-tags.svelte-usrut3.svelte-usrut3{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.contact-grid-item-tags.svelte-usrut3>div[role=button].svelte-usrut3{cursor:pointer}.empty-state-tags.svelte-usrut3.svelte-usrut3{text-align:center;padding:3rem 1rem;color:hsl(var(--foreground)/.7);display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon-tags.svelte-usrut3.svelte-usrut3{width:100px;height:100px;margin-bottom:1.5rem;opacity:.6}.empty-state-tags.svelte-usrut3 h2.svelte-usrut3{font-size:1.5rem;color:hsl(var(--foreground));margin-bottom:.5rem}.empty-state-tags.svelte-usrut3 p.svelte-usrut3{margin-bottom:1.5rem;max-width:350px}.newly-added-card-animate .contact-card{animation:svelte-usrut3-highlightPulseTags var(--animation-duration-highlight, 1.2s) ease-out}@keyframes svelte-usrut3-highlightPulseTags{0%{background-color:var(--primary-highlight-bg);box-shadow:0 0 0 3px var(--primary-highlight-shadow)}70%{background-color:hsl(var(--card-bg, 0 0% 100%));box-shadow:0 0 hsl(var(--primary) / 0)}to{background-color:hsl(var(--card-bg, 0 0% 100%))}}@media (prefers-reduced-motion: reduce){.page-title-tags.svelte-usrut3.svelte-usrut3,.add-contact-button-tags.svelte-usrut3.svelte-usrut3,.search-input-tags.svelte-usrut3.svelte-usrut3,.tag-filter-bar.svelte-usrut3.svelte-usrut3,.contact-grid-item-tags.svelte-usrut3.svelte-usrut3,.empty-state-tags.svelte-usrut3.svelte-usrut3,.skeleton-item-tags-container.svelte-usrut3.svelte-usrut3,.newly-added-card-animate .contact-card{animation:none!important;transition:none!important}}@media (max-width:768px){.contacts-page-container-tags.svelte-usrut3.svelte-usrut3{padding:1rem 1.5rem}.page-header-tags.svelte-usrut3.svelte-usrut3{flex-direction:column;align-items:flex-start}.page-title-tags.svelte-usrut3.svelte-usrut3{font-size:1.9rem}.header-actions-tags.svelte-usrut3.svelte-usrut3{width:100%;justify-content:space-between}.search-input-tags.svelte-usrut3.svelte-usrut3{flex-grow:1;min-width:150px}.tag-filter-bar.svelte-usrut3.svelte-usrut3{flex-direction:column;align-items:flex-start}.clear-filters-button.svelte-usrut3.svelte-usrut3{margin-left:0;margin-top:.5rem}}@media (max-width:480px){.contact-grid-tags.svelte-usrut3.svelte-usrut3,.skeleton-grid-tags.svelte-usrut3.svelte-usrut3{grid-template-columns:1fr;gap:1rem}.header-actions-tags.svelte-usrut3.svelte-usrut3{flex-direction:column;align-items:stretch}.add-contact-button-tags.svelte-usrut3.svelte-usrut3{width:100%;justify-content:center;margin-top:.5rem}}