/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-01hkq3lhnc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-01hkq3lhnc] {
    flex: 1;
}

.sidebar[b-01hkq3lhnc] {
    background: linear-gradient(180deg, rgba(31, 41, 55, 0.95) 0%, rgba(17, 24, 39, 0.98) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-row[b-01hkq3lhnc] {
    background-color: var(--surface-light);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--surface-border);
    justify-content: flex-end;
    min-height: 3.5rem;
    height: auto;
    display: flex;
    align-items: center;
}

    .top-row[b-01hkq3lhnc]  a:not(.nav-menu-brand), .top-row[b-01hkq3lhnc]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-01hkq3lhnc]  a.nav-menu-brand {
        white-space: normal;
        overflow: visible;
        margin-left: 0;
        text-decoration: none;
    }

    .top-row[b-01hkq3lhnc]  a:hover, .top-row[b-01hkq3lhnc]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-01hkq3lhnc]  a.nav-menu-brand:hover {
        text-decoration: underline;
    }

@media (max-width: 640.98px) {
    .top-row[b-01hkq3lhnc] {
        justify-content: space-between;
    }

    .top-row[b-01hkq3lhnc]  a, .top-row[b-01hkq3lhnc]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-01hkq3lhnc] {
        flex-direction: row;
        padding: 1rem;
        background: transparent;
    }

    .sidebar[b-01hkq3lhnc] {
        width: 260px;
        height: calc(100vh - 2rem);
        position: sticky;
        top: 1rem;
        border-radius: 1.5rem;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(255, 255, 255, 0.1);
        overflow: hidden;
        z-index: 100;
    }

    .top-row[b-01hkq3lhnc] {
        position: sticky;
        top: 0;
        z-index: 1;
        border-radius: 1rem;
        margin-top: 1rem;
        margin-right: 1.5rem;
        margin-left: 1.5rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .top-row.auth[b-01hkq3lhnc]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-01hkq3lhnc], article[b-01hkq3lhnc] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-aq42au0djp] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-aq42au0djp] {
    min-height: 4rem;
    height: auto;
    flex-shrink: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding: 0 1rem;
}

.navbar-brand[b-aq42au0djp] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.nav-menu-brand[b-aq42au0djp] {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.bi[b-aq42au0djp] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-images[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3Cpath d='M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3h10a2 2 0 0 1 2 2v8zm-10-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm9 8V5a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1v6l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .708 0L14 8.293V13z'/%3E%3C/svg%3E");
}

.bi-film[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z'/%3E%3C/svg%3E");
}

.bi-cloud-upload[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z'/%3E%3Cpath fill-rule='evenodd' d='M7.646 4.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V14.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3z'/%3E%3C/svg%3E");
}

.bi-gear[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.421 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E");
}

.bi-download[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z'/%3E%3C/svg%3E");
}

.bi-tags[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z'/%3E%3Cpath d='M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z'/%3E%3C/svg%3E");
}

.bi-link-45deg[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.116-3.096l3.01-3.01a2 2 0 1 1 2.83 2.83l-.317.316zm.546 1.163L4.596 8.254a1 1 0 0 0-.061 1.378l.462.462a1 1 0 0 0 1.378-.061l2.39-2.39a1 1 0 0 0-.061-1.378z'/%3E%3C/svg%3E");
}

.bi-person-bounding-box[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5M.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm8-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3C/svg%3E");
}

.bi-arrow-left-circle[b-aq42au0djp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z'/%3E%3C/svg%3E");
}

.nav-upload-status[b-aq42au0djp] {
    display: flex;
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.25rem;
}

.nav-item[b-aq42au0djp] {
    font-size: 0.95rem;
    padding-bottom: 0.2rem;
    margin: 0 0.75rem;
}

    .nav-item:first-of-type[b-aq42au0djp] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-aq42au0djp] {
        padding-bottom: 1rem;
    }

    .nav-item[b-aq42au0djp]  a {
        color: #d1d5db;
        border-radius: 0.75rem;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        padding: 0 1rem;
        transition: all 0.2s ease;
    }

.nav-item[b-aq42au0djp]  a.active {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(37, 99, 235, 0.95));
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.nav-item[b-aq42au0djp]  a:hover:not(.active) {
    background-color: rgba(255,255,255,0.1);
    color: white;
    transform: translateX(4px);
}

.nav-scrollable[b-aq42au0djp] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
}

/* Mobile */
@media (max-width: 640.98px) {
    #sidebar-nav.nav-scrollable[b-aq42au0djp],
    .nav-scrollable[b-aq42au0djp] {
        flex: none;
        flex-grow: 0;
        min-height: auto;
        max-height: min(70vh, calc(100vh - 3.5rem));
        overflow-y: auto;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-aq42au0djp] {
        display: none;
    }

    #sidebar-nav.collapse[b-aq42au0djp] {
        display: block !important;
    }
}
/* /Pages/Home.razor.rz.scp.css */
[b-puf5vespla] * {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.home-page-vanta[b-puf5vespla] {
    position: relative;
    width: 100%;
    min-height: 400px;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 2.5rem;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1f1c2c 0%, #928DAB 100%); /* Fallback */
}

.home-vanta-host[b-puf5vespla] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home-vanta-foreground[b-puf5vespla] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    padding: 3rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    margin: 2rem;
}

.home-vanta-foreground h1[b-puf5vespla] {
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    letter-spacing: -0.02em;
}

.home-vanta-foreground p[b-puf5vespla] {
    font-size: 1.25rem;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.home-vanta-foreground .text-muted[b-puf5vespla] {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Quick Actions Section */
.quick-action-card[b-puf5vespla] {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1rem;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quick-action-card:hover[b-puf5vespla] {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-color: #3b82f6; 
}

.quick-action-btn[b-puf5vespla] {
    border-radius: 0.75rem;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    transition: all 0.2s ease;
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-primary.quick-action-btn[b-puf5vespla] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border: none;
    color: white;
}
.btn-primary.quick-action-btn:hover[b-puf5vespla] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.btn-outline-primary.quick-action-btn[b-puf5vespla] {
    border: 2px solid #3b82f6;
    color: #3b82f6;
}
.btn-outline-primary.quick-action-btn:hover[b-puf5vespla] {
    background: #eff6ff;
    border-color: #2563eb;
    color: #2563eb;
}

.quick-action-desc[b-puf5vespla] {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin: 0;
}

/* Glassmorphism Stat Cards */
.home-stat-card[b-puf5vespla] {
    background: linear-gradient(145deg, #ffffff, #f9fafb);
    border: none;
    border-radius: 1rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
}

.home-stat-card[b-puf5vespla]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(to bottom, #4f46e5, #ec4899); 
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.home-stat-card.stat-photos[b-puf5vespla]::before { background: linear-gradient(to bottom, #3b82f6, #60a5fa); }
.home-stat-card.stat-untagged[b-puf5vespla]::before { background: linear-gradient(to bottom, #f59e0b, #fbbf24); }
.home-stat-card.stat-videos[b-puf5vespla]::before { background: linear-gradient(to bottom, #10b981, #34d399); }
.home-stat-card.stat-folders[b-puf5vespla]::before { background: linear-gradient(to bottom, #8b5cf6, #a78bfa); }
.home-stat-card.stat-phototags[b-puf5vespla]::before { background: linear-gradient(to bottom, #ec4899, #f472b6); }
.home-stat-card.stat-videotags[b-puf5vespla]::before { background: linear-gradient(to bottom, #06b6d4, #22d3ee); }

.home-stat-card:hover[b-puf5vespla] {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
}

.home-stat-card .card-body[b-puf5vespla] {
    padding: 1.5rem;
    z-index: 2;
    position: relative;
}

.home-stat-value[b-puf5vespla] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.25rem;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

.home-stat-label[b-puf5vespla] {
    font-size: 0.825rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #6b7280;
}

.home-stat-refresh[b-puf5vespla] {
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #f3f4f6;
    color: #4b5563;
    transition: all 0.2s ease;
    cursor: pointer;
}

.home-stat-refresh:hover:not(:disabled)[b-puf5vespla] {
    background: #e5e7eb;
    color: #1f2937;
    transform: rotate(90deg);
}

.home-stat-refresh:disabled[b-puf5vespla] {
    opacity: 0.5;
    cursor: not-allowed;
}

.section-title[b-puf5vespla] {
    font-weight: 700;
    color: #111827;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title i[b-puf5vespla] {
    color: #3b82f6;
}

/* Share alert */
.share-alert[b-puf5vespla] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #bbf7d0;
    border-radius: 1rem;
    padding: 2rem;
    color: #166534;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.badge-share-tag[b-puf5vespla] {
    background: #16a34a !important;
    font-size: 0.85rem;
    padding: 0.35em 0.65em;
    font-weight: 500;
}

/* Animations loading */
.home-stat-loading span[b-puf5vespla] {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

/* Snackbar customization */
.home-snackbar[b-puf5vespla] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #1f2937;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
    z-index: 1050;
    animation: slideUp-b-puf5vespla 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 500;
}

@keyframes slideUp-b-puf5vespla {
    from { bottom: -2rem; opacity: 0; }
    to { bottom: 2rem; opacity: 1; }
}

@media (max-width: 768px) {
    .home-vanta-foreground[b-puf5vespla] {
        padding: 2rem;
        margin: 1rem;
    }
    .home-vanta-foreground h1[b-puf5vespla] {
        font-size: 2.25rem;
    }
    .home-stat-value[b-puf5vespla] {
        font-size: 2rem;
    }
}