.service-card[data-v-6ea0e78e]{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:.75rem;display:flex;flex-direction:column;gap:0;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card[data-v-6ea0e78e]:hover{border-color:var(--categoryColor,#3af);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.card-header-bar[data-v-6ea0e78e]{height:60px;opacity:.8;transition:opacity .3s ease;width:100%}.service-card:hover .card-header-bar[data-v-6ea0e78e]{opacity:1}.card-header[data-v-6ea0e78e]{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-top:-40px;padding:1rem 1rem .75rem;position:relative;z-index:1}.header-left[data-v-6ea0e78e]{flex:1;min-width:0}.service-name[data-v-6ea0e78e]{color:var(--c-text);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.service-provider[data-v-6ea0e78e]{color:var(--c-text-2);font-size:.8rem;font-weight:500;margin:0}.status-badge[data-v-6ea0e78e]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--status-color) 15%,transparent);border-radius:.5rem;color:var(--status-color);display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;white-space:nowrap}.card-content[data-v-6ea0e78e]{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.service-description[data-v-6ea0e78e]{color:var(--c-text);font-size:.9rem;line-height:1.5;margin:0}.service-meta[data-v-6ea0e78e]{display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.meta-item[data-v-6ea0e78e]{align-items:center;color:var(--c-text-2);display:flex;gap:.4rem}.meta-item svg[data-v-6ea0e78e]{flex-shrink:0}.tags-container[data-v-6ea0e78e]{display:flex;flex-wrap:wrap;gap:.4rem}.tag[data-v-6ea0e78e]{background:color-mix(in srgb,var(--c-border) 50%,transparent);border-radius:.25rem;color:var(--c-text-2);display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .6rem;transition:background-color .2s ease}.tag[data-v-6ea0e78e]:hover{background:color-mix(in srgb,var(--categoryColor,#3af) 20%,transparent);color:var(--categoryColor,#3af)}.service-specs[data-v-6ea0e78e]{background:color-mix(in srgb,var(--c-border) 30%,transparent);border-radius:.5rem;display:grid;font-size:.8rem;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.5rem;padding:.75rem}.spec-item[data-v-6ea0e78e]{display:flex;flex-direction:column;gap:.2rem}.spec-label[data-v-6ea0e78e]{color:var(--c-text-2);font-weight:600}.spec-value[data-v-6ea0e78e]{color:var(--c-text);font-family:JetBrains Mono,monospace;font-size:.75rem;word-break:break-word}.card-footer[data-v-6ea0e78e]{background:color-mix(in srgb,var(--c-border) 20%,transparent);border-top:1px solid var(--c-border);gap:.75rem;padding:.75rem 1rem 1rem}.card-footer[data-v-6ea0e78e],.service-countdown[data-v-6ea0e78e]{display:flex;flex-direction:column}.service-countdown[data-v-6ea0e78e]{gap:.5rem;width:100%}.progress-header[data-v-6ea0e78e]{align-items:center;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between}.progress-header .progress-label[data-v-6ea0e78e]{color:var(--c-text-2);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.progress-header .status-text[data-v-6ea0e78e]{background:transparent;border-radius:.3rem;color:var(--c-text);font-size:.8rem;font-weight:700;padding:.3rem .6rem}.progress-header .status-text.perpetual[data-v-6ea0e78e]{color:#26d07c}.progress-header .status-text.warning[data-v-6ea0e78e]{color:#ffc72c}.progress-header .status-text.expired[data-v-6ea0e78e]{color:#ff6554}.progress-container[data-v-6ea0e78e]{display:flex;flex-direction:column;gap:.5rem;width:100%}.progress-bar-bg[data-v-6ea0e78e]{background:var(--c-border);border-radius:2px;height:3px;overflow:hidden;width:100%}.progress-bar-fill[data-v-6ea0e78e]{background:var(--c-primary);border-radius:2px;height:100%;transition:width .4s ease}.renewal-date-info[data-v-6ea0e78e]{color:var(--c-text-2);font-size:.75rem;font-weight:500;letter-spacing:.02em;text-align:center}@media(max-width:576px){.service-card[data-v-6ea0e78e]{border-radius:.5rem}.card-header-bar[data-v-6ea0e78e]{height:50px}.card-header[data-v-6ea0e78e]{flex-direction:column;gap:.5rem;margin-top:-30px;padding:.75rem .75rem .5rem}.service-name[data-v-6ea0e78e]{font-size:1rem}.status-badge[data-v-6ea0e78e]{align-self:flex-start;font-size:.75rem;padding:.3rem .6rem}.card-content[data-v-6ea0e78e]{gap:.5rem;padding:.5rem .75rem}.service-specs[data-v-6ea0e78e]{gap:.4rem;grid-template-columns:1fr;padding:.5rem}.spec-item[data-v-6ea0e78e]{flex-direction:row;justify-content:space-between}.card-footer[data-v-6ea0e78e]{gap:.5rem;padding:.5rem .75rem .75rem}.progress-bar-bg[data-v-6ea0e78e]{height:3px}.progress-bar-bg[data-v-6ea0e78e],.progress-bar-fill[data-v-6ea0e78e]{border-radius:2px}.progress-text[data-v-6ea0e78e]{font-size:.8rem;min-width:3rem}}.services-page[data-v-cf83a787]{margin:1rem 0;max-width:100%;padding:0 1rem}.stats-overview[data-v-cf83a787]{background:color-mix(in srgb,var(--c-bg) 50%,transparent);border:1px solid var(--c-border);border-radius:.75rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem;padding:1.5rem}.stat-card[data-v-cf83a787]{align-items:center;background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:.6rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.stat-card .stat-number[data-v-cf83a787]{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.stat-card .stat-label[data-v-cf83a787]{color:var(--c-text-2);font-size:.8rem;font-weight:600;text-align:center}.stat-card.active[data-v-cf83a787]{border-color:#26d07c;color:#26d07c}.stat-card.active .stat-number[data-v-cf83a787]{color:#26d07c}.stat-card.active[data-v-cf83a787]:hover{background:color-mix(in srgb,#26d07c 10%,transparent);border-color:#26d07c}.stat-card.warning[data-v-cf83a787]{border-color:#ffc72c;color:#ffc72c}.stat-card.warning .stat-number[data-v-cf83a787]{color:#ffc72c}.stat-card.warning[data-v-cf83a787]:hover{background:color-mix(in srgb,#ffc72c 10%,transparent)}.stat-card.maintenance[data-v-cf83a787]{border-color:#3af;color:#3af}.stat-card.maintenance .stat-number[data-v-cf83a787]{color:#3af}.stat-card.maintenance[data-v-cf83a787]:hover{background:color-mix(in srgb,#3af 10%,transparent)}.stat-card.expired[data-v-cf83a787]{border-color:#ff6554;color:#ff6554}.stat-card.expired .stat-number[data-v-cf83a787]{color:#ff6554}.stat-card.expired[data-v-cf83a787]:hover{background:color-mix(in srgb,#ff6554 10%,transparent)}.stat-card.total[data-v-cf83a787]{border-color:var(--c-border);color:var(--c-text-2)}.stat-card.total .stat-number[data-v-cf83a787]{color:var(--c-text)}.stat-card.total[data-v-cf83a787]:hover{border-color:var(--c-text-2)}.categories-tabs[data-v-cf83a787]{display:flex;justify-content:center;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.categories-tabs .tabs-container[data-v-cf83a787]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.5rem}.categories-tabs .category-tab[data-v-cf83a787]{align-items:center;background:transparent;border:2px solid var(--c-border);border-radius:.6rem;color:var(--c-text-2);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.categories-tabs .category-tab.active[data-v-cf83a787],.categories-tabs .category-tab[data-v-cf83a787]:hover{border-color:var(--tab-color);color:var(--tab-color)}.categories-tabs .category-tab.active[data-v-cf83a787]{background:color-mix(in srgb,var(--tab-color) 10%,transparent);font-weight:600}.categories-tabs .category-tab .count[data-v-cf83a787]{font-size:.85rem;opacity:.7}.services-content[data-v-cf83a787]{min-height:200px;position:relative;width:100%}.services-content .services-grid[data-v-cf83a787]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));padding:0;width:100%}.services-content .empty-state[data-v-cf83a787]{align-items:center;color:var(--c-text-2);display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;min-height:300px}.services-content .empty-state p[data-v-cf83a787]{font-size:1.1rem;margin:0}.fade-enter-active[data-v-cf83a787],.fade-leave-active[data-v-cf83a787]{transition:all .3s ease}.fade-enter-from[data-v-cf83a787],.fade-leave-to[data-v-cf83a787]{opacity:0;transform:translateY(10px)}.fade-move[data-v-cf83a787]{transition:transform .3s ease}@media(min-width:1600px){.services-content .services-grid[data-v-cf83a787]{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stats-overview[data-v-cf83a787]{grid-template-columns:repeat(5,1fr)}}@media(min-width:1200px)and (max-width:1599px){.services-content .services-grid[data-v-cf83a787]{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stats-overview[data-v-cf83a787]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media(min-width:992px)and (max-width:1199px){.services-content .services-grid[data-v-cf83a787]{gap:1.5rem;grid-template-columns:1fr}.stats-overview[data-v-cf83a787]{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:991px){.services-page[data-v-cf83a787]{margin:1rem .75rem}.categories-tabs[data-v-cf83a787]{margin-bottom:1.5rem}.categories-tabs .tabs-container[data-v-cf83a787]{gap:.4rem;padding:.4rem}.categories-tabs .category-tab[data-v-cf83a787]{font-size:.9rem;padding:.5rem 1rem}.categories-tabs .category-tab .count[data-v-cf83a787]{font-size:.8rem}.services-content .services-grid[data-v-cf83a787]{gap:1.5rem;grid-template-columns:1fr}.stats-overview[data-v-cf83a787]{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.stat-card[data-v-cf83a787]{padding:.75rem}.stat-card .stat-number[data-v-cf83a787]{font-size:1.5rem}.stat-card .stat-label[data-v-cf83a787]{font-size:.75rem}}@media(min-width:576px)and (max-width:767px){.services-page[data-v-cf83a787]{margin:.5rem}.services-content .services-grid[data-v-cf83a787]{gap:1.2rem;grid-template-columns:1fr}.categories-tabs[data-v-cf83a787]{margin-bottom:1rem}.categories-tabs .tabs-container[data-v-cf83a787]{gap:.3rem;padding:.3rem}.categories-tabs .category-tab[data-v-cf83a787]{font-size:.85rem;padding:.4rem .8rem}.categories-tabs .category-tab .count[data-v-cf83a787]{font-size:.75rem}.stats-overview[data-v-cf83a787]{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.stat-card[data-v-cf83a787]{padding:.5rem}.stat-card .stat-number[data-v-cf83a787]{font-size:1.25rem}.stat-card .stat-label[data-v-cf83a787]{font-size:.7rem}}@media(max-width:575px){.services-page[data-v-cf83a787]{margin:.5rem}.categories-tabs[data-v-cf83a787]{margin-bottom:1rem;overflow-x:auto}.categories-tabs .tabs-container[data-v-cf83a787]{gap:.3rem;justify-content:flex-start;padding:.3rem}.categories-tabs .category-tab[data-v-cf83a787]{flex-shrink:0;font-size:.8rem;padding:.4rem .8rem}.categories-tabs .category-tab .count[data-v-cf83a787]{font-size:.7rem}.categories-tabs .category-tab[data-v-cf83a787] svg{height:16px!important;width:16px!important}.services-content .services-grid[data-v-cf83a787]{gap:1.2rem;grid-template-columns:1fr}.stats-overview[data-v-cf83a787]{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.stat-card[data-v-cf83a787]{padding:.5rem}.stat-card .stat-number[data-v-cf83a787]{font-size:1.25rem}.stat-card .stat-label[data-v-cf83a787]{font-size:.65rem}}
