/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout - Dark Mode */

.page[b-ik9kg9p1ah] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-ik9kg9p1ah] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--background);
}

.sidebar[b-ik9kg9p1ah] {
    background: var(--card-background);
    border-right: 1px solid var(--border);
}

.top-row[b-ik9kg9p1ah] {
    background: var(--card-background);
    border-bottom: 1px solid var(--border);
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1.5rem;
}

.top-row span[b-ik9kg9p1ah] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.top-row a[b-ik9kg9p1ah] {
    color: var(--primary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.top-row a:hover[b-ik9kg9p1ah] {
    color: var(--primary-hover);
}

@media (min-width: 641px) {
    .page[b-ik9kg9p1ah] {
        flex-direction: row;
    }

    .sidebar[b-ik9kg9p1ah] {
        width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    .top-row[b-ik9kg9p1ah] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

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

#blazor-error-ui[b-ik9kg9p1ah] {
    background: var(--danger-bg);
    border-top: 1px solid var(--danger);
    color: var(--danger);
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ik9kg9p1ah] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu - Dark Mode */

.navbar-toggler[b-jlvm7mcl5z] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.5rem;
    color: var(--text-primary);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem var(--background-secondary);
    transition: all var(--transition-fast);
}

.navbar-toggler:hover[b-jlvm7mcl5z] {
    background-color: var(--card-background-hover);
    border-color: var(--border-light);
}

.navbar-toggler:checked[b-jlvm7mcl5z] {
    background-color: var(--primary-light);
    border-color: var(--primary);
}

.top-row[b-jlvm7mcl5z] {
    height: 3.5rem;
    background: var(--background-secondary);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.navbar-brand[b-jlvm7mcl5z] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.025em;
}

.bi[b-jlvm7mcl5z] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    vertical-align: middle;
    opacity: 0.7;
}

.bi-house-door-fill-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' 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-building-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-11zm2 0v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 4.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 6.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 8.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 10.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-heart-pulse-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' viewBox='0 0 16 16'%3E%3Cpath d='m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z'/%3E%3C/svg%3E");
}

.bi-globe-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z'/%3E%3C/svg%3E");
}

.bi-gear-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' 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-.42 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-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' 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-arrow-clockwise-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-jlvm7mcl5z] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-jlvm7mcl5z] {
    display: block;
}

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

    .nav-scrollable[b-jlvm7mcl5z] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-item[b-jlvm7mcl5z] {
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
}

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

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

.nav-item[b-jlvm7mcl5z]  .nav-link {
    color: var(--text-secondary);
    border-radius: var(--radius-md);
    height: 2.75rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    transition: all var(--transition-fast);
}

.nav-item[b-jlvm7mcl5z]  a.active {
    background: var(--primary-light);
    color: var(--primary);
}

.nav-item[b-jlvm7mcl5z]  a.active .bi {
    opacity: 1;
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' 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");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-building-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-11zm2 0v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 4.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 6.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 8.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 10.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-people-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-heart-pulse-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' viewBox='0 0 16 16'%3E%3Cpath d='m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-globe-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-gear-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' 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-.42 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");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-download-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' 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");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-arrow-clockwise-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  .nav-link:hover {
    background: var(--card-background-hover);
    color: var(--text-primary);
}
/* /Components/Pages/Admins/Create.razor.rz.scp.css */
/* Admin Create Page */

.page-header[b-hrzoenfd9t] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-hrzoenfd9t] {
    margin: 0;
}

.alert[b-hrzoenfd9t] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-hrzoenfd9t] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.card[b-hrzoenfd9t] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 600px;
}

.form-row[b-hrzoenfd9t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-hrzoenfd9t] {
    margin-bottom: 1.5rem;
}

.username-preview[b-hrzoenfd9t] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.username-preview .label[b-hrzoenfd9t] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.username-preview .value[b-hrzoenfd9t] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: var(--primary);
}

.form-group label[b-hrzoenfd9t] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-hrzoenfd9t] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-hrzoenfd9t] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-hint[b-hrzoenfd9t] {
    display: block;
    margin-top: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.info-box[b-hrzoenfd9t] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.info-box h4[b-hrzoenfd9t] {
    margin: 0 0 0.75rem 0;
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 600;
}

.info-box ol[b-hrzoenfd9t] {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
    line-height: 1.6;
}

.info-box li[b-hrzoenfd9t] {
    margin-bottom: 0.25rem;
}

.form-actions[b-hrzoenfd9t] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.btn[b-hrzoenfd9t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-hrzoenfd9t] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-hrzoenfd9t] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-hrzoenfd9t] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-hrzoenfd9t] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}
/* /Components/Pages/Admins/Details.razor.rz.scp.css */
/* Admin Details Page */

.page-header[b-df5x0n432z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-df5x0n432z] {
    margin: 0;
}

.page-header .subtitle[b-df5x0n432z] {
    margin: 0.25rem 0 0 0;
    color: var(--text-muted);
    font-size: 0.9375rem;
}

.header-actions[b-df5x0n432z] {
    display: flex;
    gap: 0.75rem;
}

.alert[b-df5x0n432z] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-df5x0n432z] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-df5x0n432z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.details-grid[b-df5x0n432z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.card[b-df5x0n432z] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.card h3[b-df5x0n432z] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.info-row[b-df5x0n432z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--border);
}

.info-row:last-of-type[b-df5x0n432z] {
    border-bottom: none;
}

.info-row .label[b-df5x0n432z] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.info-row .value[b-df5x0n432z] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-df5x0n432z] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-success[b-df5x0n432z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.badge-warning[b-df5x0n432z] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.badge-danger[b-df5x0n432z] {
    background: var(--danger-bg);
    color: var(--danger);
}

.text-muted[b-df5x0n432z] {
    color: var(--text-muted);
}

.action-buttons[b-df5x0n432z] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.sessions-card[b-df5x0n432z] {
    margin-top: 1.5rem;
}

.table[b-df5x0n432z] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
}

.table th[b-df5x0n432z],
.table td[b-df5x0n432z] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.table th[b-df5x0n432z] {
    color: var(--text-muted);
    font-weight: 500;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table td[b-df5x0n432z] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.table tbody tr:last-child td[b-df5x0n432z] {
    border-bottom: none;
}

.btn[b-df5x0n432z] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-df5x0n432z] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-df5x0n432z] {
    background: var(--primary-hover);
}

.btn-secondary[b-df5x0n432z] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-df5x0n432z] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
}

.btn-warning[b-df5x0n432z] {
    background: #f59e0b;
    color: white;
}

.btn-warning:hover[b-df5x0n432z] {
    background: #d97706;
}

.btn-danger[b-df5x0n432z] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-df5x0n432z] {
    background: #dc2626;
}

.btn-sm[b-df5x0n432z] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Danger Zone */
.danger-zone[b-df5x0n432z] {
    margin-top: 1.5rem;
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.02);
}

.danger-zone h3[b-df5x0n432z] {
    color: var(--danger);
}

.danger-zone .warning-text[b-df5x0n432z] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
}

.delete-confirm[b-df5x0n432z] {
    background: var(--danger-bg);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.delete-confirm p[b-df5x0n432z] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.delete-confirm strong[b-df5x0n432z] {
    color: var(--danger);
}

.confirm-actions[b-df5x0n432z] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}
/* /Components/Pages/Admins/Edit.razor.rz.scp.css */
/* Admin Edit Page */

.page-header[b-kua7wvr14d] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-kua7wvr14d] {
    margin: 0 0 0.25rem 0;
}

.page-header .subtitle[b-kua7wvr14d] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.875rem;
}

.alert[b-kua7wvr14d] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-kua7wvr14d] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-warning[b-kua7wvr14d] {
    background: rgba(234, 179, 8, 0.1);
    color: #ca8a04;
    border: 1px solid rgba(234, 179, 8, 0.2);
}

.card[b-kua7wvr14d] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 600px;
}

.form-row[b-kua7wvr14d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-kua7wvr14d] {
    margin-bottom: 1.5rem;
}

.form-group label[b-kua7wvr14d] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-kua7wvr14d] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-kua7wvr14d] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-hint[b-kua7wvr14d] {
    display: block;
    margin-top: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.info-box[b-kua7wvr14d] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.info-box.info-username[b-kua7wvr14d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-box .icon[b-kua7wvr14d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    background: var(--primary);
    color: white;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
}

.badge[b-kua7wvr14d] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-left: 0.5rem;
}

.badge-success[b-kua7wvr14d] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.form-actions[b-kua7wvr14d] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.btn[b-kua7wvr14d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-kua7wvr14d] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-kua7wvr14d] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-kua7wvr14d] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-kua7wvr14d] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}
/* /Components/Pages/Admins/Index.razor.rz.scp.css */
/* Admin Index Page */

.page-header[b-e77zg1775z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.page-header h1[b-e77zg1775z] {
    margin: 0;
}

.alert[b-e77zg1775z] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-e77zg1775z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.alert-danger[b-e77zg1775z] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.card[b-e77zg1775z] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.table[b-e77zg1775z] {
    width: 100%;
    border-collapse: collapse;
}

.table th[b-e77zg1775z],
.table td[b-e77zg1775z] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.table th[b-e77zg1775z] {
    background: var(--background-secondary);
    color: var(--text-muted);
    font-weight: 500;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table td[b-e77zg1775z] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.table tbody tr:hover[b-e77zg1775z] {
    background: var(--background-secondary);
}

.table tbody tr:last-child td[b-e77zg1775z] {
    border-bottom: none;
}

.phone-hint[b-e77zg1775z] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8125rem;
    margin-right: 0.5rem;
}

.username-hint[b-e77zg1775z] {
    display: block;
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 400;
}

.badge[b-e77zg1775z] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-success[b-e77zg1775z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.badge-warning[b-e77zg1775z] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.badge-danger[b-e77zg1775z] {
    background: var(--danger-bg);
    color: var(--danger);
}

.text-muted[b-e77zg1775z] {
    color: var(--text-muted);
}

.btn[b-e77zg1775z] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-e77zg1775z] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-e77zg1775z] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-e77zg1775z] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-e77zg1775z] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}

.btn-sm[b-e77zg1775z] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}
/* /Components/Pages/AdminSetup.razor.rz.scp.css */
/* Admin Setup Page */

.setup-container[b-7jd1agwpdr] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.setup-box[b-7jd1agwpdr] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 420px;
}

.setup-box h1[b-7jd1agwpdr] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.setup-box h3[b-7jd1agwpdr] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.alert[b-7jd1agwpdr] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-7jd1agwpdr] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.info-box[b-7jd1agwpdr] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box p[b-7jd1agwpdr] {
    color: var(--primary);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.info-box p + p[b-7jd1agwpdr] {
    margin-top: 0.5rem;
}

.form-group[b-7jd1agwpdr] {
    margin-bottom: 1.25rem;
}

.form-group label[b-7jd1agwpdr] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-7jd1agwpdr] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-7jd1agwpdr] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-hint[b-7jd1agwpdr] {
    display: block;
    margin-top: 0.375rem;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.username-display[b-7jd1agwpdr] {
    padding: 0.75rem 1rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary);
}

.user-info[b-7jd1agwpdr] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.user-info .info-row[b-7jd1agwpdr] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.user-info .info-row:not(:last-child)[b-7jd1agwpdr] {
    border-bottom: 1px solid var(--border);
}

.user-info .label[b-7jd1agwpdr] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.user-info .value[b-7jd1agwpdr] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: var(--primary);
    font-size: 0.875rem;
}

.btn-primary[b-7jd1agwpdr] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-7jd1agwpdr] {
    background: var(--primary-hover);
}

.btn-secondary[b-7jd1agwpdr] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.btn-secondary:hover[b-7jd1agwpdr] {
    background: var(--border);
}

.steps[b-7jd1agwpdr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-7jd1agwpdr] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-7jd1agwpdr] {
    background: var(--primary);
    color: white;
}

.step.completed[b-7jd1agwpdr] {
    background: var(--success-bg);
    color: var(--success);
}
/* /Components/Pages/Backends/Create.razor.rz.scp.css */
/* Backends Create - Dark Mode */

.page-header[b-0cfs36f7uz] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-0cfs36f7uz] {
    margin: 0;
}

.form-card[b-0cfs36f7uz],
.success-card[b-0cfs36f7uz] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-0cfs36f7uz] {
    margin-bottom: 1.5rem;
}

.form-group label[b-0cfs36f7uz] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-0cfs36f7uz] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-0cfs36f7uz]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-0cfs36f7uz] {
    border-color: var(--border-light);
}

.form-control:focus[b-0cfs36f7uz] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-help[b-0cfs36f7uz] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.form-actions[b-0cfs36f7uz] {
    display: flex;
    gap: 1rem;
}

.btn[b-0cfs36f7uz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-0cfs36f7uz] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-0cfs36f7uz] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-0cfs36f7uz] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-0cfs36f7uz] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-0cfs36f7uz] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-sm[b-0cfs36f7uz] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.alert-danger[b-0cfs36f7uz] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-0cfs36f7uz] {
    background: var(--success-bg);
    color: var(--success);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.alert-success strong[b-0cfs36f7uz] {
    font-weight: 600;
}

.api-key-section[b-0cfs36f7uz] {
    margin-bottom: 1.5rem;
}

.api-key-section h3[b-0cfs36f7uz] {
    margin: 0 0 0.75rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.warning-text[b-0cfs36f7uz] {
    color: var(--warning);
    background: var(--warning-bg);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    font-size: 0.875rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.api-key-box[b-0cfs36f7uz] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

.api-key-box code[b-0cfs36f7uz] {
    flex: 1;
    font-size: 0.9375rem;
    word-break: break-all;
    background: var(--background);
    color: var(--text-primary);
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
}

.copied-notice[b-0cfs36f7uz] {
    color: var(--success);
    font-size: 0.875rem;
    margin-top: 0.75rem;
    display: block;
    font-weight: 500;
}

.backend-info[b-0cfs36f7uz] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.backend-info dl[b-0cfs36f7uz] {
    margin: 0;
}

.backend-info dt[b-0cfs36f7uz] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.75rem;
}

.backend-info dt:first-child[b-0cfs36f7uz] {
    margin-top: 0;
}

.backend-info dd[b-0cfs36f7uz] {
    margin: 0.25rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.backend-info code[b-0cfs36f7uz] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

/* Modal styles */
.modal-overlay[b-0cfs36f7uz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-0cfs36f7uz 0.15s ease-out;
}

@keyframes fadeIn-b-0cfs36f7uz {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-0cfs36f7uz] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 450px;
    width: 90%;
    animation: slideIn-b-0cfs36f7uz 0.15s ease-out;
}

@keyframes slideIn-b-0cfs36f7uz {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content h3[b-0cfs36f7uz] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.modal-content p[b-0cfs36f7uz] {
    margin: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.modal-content .text-muted[b-0cfs36f7uz] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.modal-actions[b-0cfs36f7uz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.modal-wide[b-0cfs36f7uz] {
    max-width: 500px;
}

/* /Components/Pages/Backends/Edit.razor.rz.scp.css */
/* Backends Edit - Dark Mode */

.page-header[b-0ac1rvy606] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-0ac1rvy606] {
    margin: 0;
}

.form-card[b-0ac1rvy606],
.success-card[b-0ac1rvy606] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-0ac1rvy606] {
    margin-bottom: 1.5rem;
}

.form-group label[b-0ac1rvy606] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-0ac1rvy606] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-0ac1rvy606]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-0ac1rvy606] {
    border-color: var(--border-light);
}

.form-control:focus[b-0ac1rvy606] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-help[b-0ac1rvy606] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.form-actions[b-0ac1rvy606] {
    display: flex;
    gap: 1rem;
}

.readonly-info[b-0ac1rvy606] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.readonly-info h3[b-0ac1rvy606] {
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
}

.readonly-info dl[b-0ac1rvy606] {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem 1rem;
    align-items: center;
}

.readonly-info dt[b-0ac1rvy606] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.readonly-info dd[b-0ac1rvy606] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.readonly-info code[b-0ac1rvy606] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    border: 1px solid var(--border);
}

.api-key-regenerate-section[b-0ac1rvy606] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.api-key-regenerate-section h3[b-0ac1rvy606] {
    margin: 0 0 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
}

.text-muted[b-0ac1rvy606] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.btn[b-0ac1rvy606] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-0ac1rvy606] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-0ac1rvy606] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-0ac1rvy606] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-0ac1rvy606] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-0ac1rvy606] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-warning[b-0ac1rvy606] {
    background: var(--warning);
    color: #1a1a1a;
}

.btn-warning:hover[b-0ac1rvy606] {
    background: #d97706;
    color: #1a1a1a;
}

.btn-warning:disabled[b-0ac1rvy606] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-sm[b-0ac1rvy606] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.alert-danger[b-0ac1rvy606] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-0ac1rvy606] {
    background: var(--success-bg);
    color: var(--success);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.alert-success strong[b-0ac1rvy606] {
    font-weight: 600;
}

.alert-warning[b-0ac1rvy606] {
    background: var(--warning-bg);
    color: var(--warning);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(234, 179, 8, 0.2);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.api-key-section[b-0ac1rvy606] {
    margin-bottom: 1.5rem;
}

.api-key-section h3[b-0ac1rvy606] {
    margin: 0 0 0.75rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.warning-text[b-0ac1rvy606] {
    color: var(--warning);
    background: var(--warning-bg);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    font-size: 0.875rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.api-key-box[b-0ac1rvy606] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

.api-key-box code[b-0ac1rvy606] {
    flex: 1;
    font-size: 0.9375rem;
    word-break: break-all;
    background: var(--background);
    color: var(--text-primary);
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
}

.copied-notice[b-0ac1rvy606] {
    color: var(--success);
    font-size: 0.875rem;
    margin-top: 0.75rem;
    display: block;
    font-weight: 500;
}

.backend-info[b-0ac1rvy606] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.backend-info dl[b-0ac1rvy606] {
    margin: 0;
}

.backend-info dt[b-0ac1rvy606] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.75rem;
}

.backend-info dt:first-child[b-0ac1rvy606] {
    margin-top: 0;
}

.backend-info dd[b-0ac1rvy606] {
    margin: 0.25rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.backend-info code[b-0ac1rvy606] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

.status-badge[b-0ac1rvy606] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-active[b-0ac1rvy606] {
    background: var(--success-bg);
    color: var(--success);
}

.status-suspended[b-0ac1rvy606] {
    background: var(--danger-bg);
    color: var(--danger);
}

/* Modal styles */
.modal-overlay[b-0ac1rvy606] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-0ac1rvy606 0.15s ease-out;
}

@keyframes fadeIn-b-0ac1rvy606 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-0ac1rvy606] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 450px;
    width: 90%;
    animation: slideIn-b-0ac1rvy606 0.15s ease-out;
}

@keyframes slideIn-b-0ac1rvy606 {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content h3[b-0ac1rvy606] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.modal-content p[b-0ac1rvy606] {
    margin: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.modal-actions[b-0ac1rvy606] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* /Components/Pages/Customers/Create.razor.rz.scp.css */
/* Customers Create - Dark Mode */

.page-header[b-6yhkxnko1e] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-6yhkxnko1e] {
    margin: 0;
}

.form-card[b-6yhkxnko1e] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-6yhkxnko1e] {
    margin-bottom: 1.5rem;
}

.form-group label[b-6yhkxnko1e] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-6yhkxnko1e] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-6yhkxnko1e]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-6yhkxnko1e] {
    border-color: var(--border-light);
}

.form-control:focus[b-6yhkxnko1e] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-help[b-6yhkxnko1e] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.url-preview[b-6yhkxnko1e] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.url-preview h4[b-6yhkxnko1e] {
    margin: 0 0 0.75rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.url-preview p[b-6yhkxnko1e] {
    margin: 0.375rem 0;
    font-size: 0.875rem;
    word-break: break-all;
    color: var(--text-secondary);
}

.url-preview p strong[b-6yhkxnko1e] {
    color: var(--text-primary);
}

.form-actions[b-6yhkxnko1e] {
    display: flex;
    gap: 1rem;
}

.btn[b-6yhkxnko1e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-6yhkxnko1e] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-6yhkxnko1e] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-6yhkxnko1e] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-6yhkxnko1e] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-6yhkxnko1e] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.alert-danger[b-6yhkxnko1e] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}
/* /Components/Pages/Customers/Details.razor.rz.scp.css */
/* Customers Details - Dark Mode */

.page-header[b-cax02mrt8c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.page-header h1[b-cax02mrt8c] {
    margin: 0 0 0.5rem 0;
}

.header-actions[b-cax02mrt8c] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.details-grid[b-cax02mrt8c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.detail-card[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.detail-card h3[b-cax02mrt8c] {
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.detail-card dl[b-cax02mrt8c] {
    margin: 0;
}

.detail-card dt[b-cax02mrt8c] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 1rem;
}

.detail-card dt:first-child[b-cax02mrt8c] {
    margin-top: 0;
}

.detail-card dd[b-cax02mrt8c] {
    margin: 0.375rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.detail-card code[b-cax02mrt8c] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

.detail-card a[b-cax02mrt8c] {
    color: var(--primary);
    word-break: break-all;
    transition: color var(--transition-fast);
}

.detail-card a:hover[b-cax02mrt8c] {
    color: var(--primary-hover);
}

.form-control-inline[b-cax02mrt8c] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-family: inherit;
    background: var(--background-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.form-control-inline:hover[b-cax02mrt8c] {
    border-color: var(--border-light);
}

.form-control-inline:focus[b-cax02mrt8c] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 2px var(--primary-light);
}

.backends-section[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.section-header[b-cax02mrt8c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-header h3[b-cax02mrt8c] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.section-header-actions[b-cax02mrt8c] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.data-table[b-cax02mrt8c] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.data-table th[b-cax02mrt8c],
.data-table td[b-cax02mrt8c] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.data-table th[b-cax02mrt8c] {
    background: var(--background-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.data-table tr:last-child td[b-cax02mrt8c] {
    border-bottom: none;
}

.data-table tbody tr[b-cax02mrt8c] {
    transition: background-color var(--transition-fast);
}

.data-table tbody tr:hover[b-cax02mrt8c] {
    background: var(--card-background-hover);
}

.data-table code[b-cax02mrt8c] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    border: 1px solid var(--border);
}

.status-badge[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-pending[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-active[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.status-suspended[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

.empty-state[b-cax02mrt8c] {
    text-align: center;
    padding: 2rem;
    color: var(--text-muted);
}

.btn[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-cax02mrt8c] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-cax02mrt8c] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-cax02mrt8c] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-cax02mrt8c] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-sm[b-cax02mrt8c] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.alert-success[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-top: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.alert-danger[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
    margin-top: 1.5rem;
}

.alert-warning[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(234, 179, 8, 0.2);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.btn-danger[b-cax02mrt8c] {
    background: var(--danger);
    color: white;
}

.btn-danger:hover[b-cax02mrt8c] {
    background: #dc2626;
    color: white;
}

.btn-danger:disabled[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.action-buttons[b-cax02mrt8c] {
    display: flex;
    gap: 0.5rem;
}

/* Modal styles */
.modal-overlay[b-cax02mrt8c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-cax02mrt8c 0.15s ease-out;
}

@keyframes fadeIn-b-cax02mrt8c {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 450px;
    width: 90%;
    animation: slideIn-b-cax02mrt8c 0.15s ease-out;
}

@keyframes slideIn-b-cax02mrt8c {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content h3[b-cax02mrt8c] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.modal-content p[b-cax02mrt8c] {
    margin: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.modal-content .text-muted[b-cax02mrt8c] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.modal-actions[b-cax02mrt8c] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.modal-wide[b-cax02mrt8c] {
    max-width: 500px;
}

.form-group[b-cax02mrt8c] {
    margin-bottom: 1rem;
}

.form-group label[b-cax02mrt8c] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-cax02mrt8c] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:hover[b-cax02mrt8c] {
    border-color: var(--border-light);
}

.form-control:focus[b-cax02mrt8c] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 2px var(--primary-light);
}

.form-control[b-cax02mrt8c]::placeholder {
    color: var(--text-muted);
}

.btn:disabled[b-cax02mrt8c],
.btn-secondary:disabled[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
    border-color: var(--border);
}

.btn-primary:disabled[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

/* Connection Status Classes */
.connection-status[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    font-weight: 500;
}

.status-connected-recent[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.status-connected-warning[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-offline[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

/* Deployment Section Styles */
.deployment-section[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.deployment-status-grid[b-cax02mrt8c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.deployment-status-card[b-cax02mrt8c] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.deployment-error-card[b-cax02mrt8c] {
    grid-column: 1 / -1;
}

.deployment-status-label[b-cax02mrt8c] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.deployment-status-value[b-cax02mrt8c] {
    font-size: 0.9375rem;
    color: var(--text-primary);
}

.error-text[b-cax02mrt8c] {
    color: var(--danger);
}

.deployment-status-badge[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.875rem;
    border-radius: 9999px;
    font-size: 0.8125rem;
    font-weight: 600;
    width: fit-content;
}

.status-notdeployed[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
}

.status-deploying[b-cax02mrt8c] {
    background: var(--info-bg, rgba(59, 130, 246, 0.1));
    color: var(--info, #3b82f6);
    animation: pulse-b-cax02mrt8c 2s ease-in-out infinite;
}

.status-running[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.status-stopped[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-error[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

@keyframes pulse-b-cax02mrt8c {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* Container Status */
.container-status-section[b-cax02mrt8c] {
    margin-top: 1.5rem;
}

.container-status-section h4[b-cax02mrt8c] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
}

.container-status-grid[b-cax02mrt8c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.container-status-card[b-cax02mrt8c] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.container-running[b-cax02mrt8c] {
    border-left: 3px solid var(--success);
}

.container-stopped[b-cax02mrt8c] {
    border-left: 3px solid var(--danger);
}

.container-name[b-cax02mrt8c] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
    font-family: monospace;
}

.container-status[b-cax02mrt8c] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.container-health[b-cax02mrt8c] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    width: fit-content;
}

.health-healthy[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.health-unhealthy[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

.health-starting[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

/* Deployment Log */
.deployment-log-section[b-cax02mrt8c] {
    margin-top: 1.5rem;
}

.deployment-log-section h4[b-cax02mrt8c] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.75rem 0;
}

.deployment-log[b-cax02mrt8c] {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    max-height: 300px;
    overflow-y: auto;
    font-family: monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.log-line[b-cax02mrt8c] {
    color: var(--text-secondary);
    white-space: pre-wrap;
    word-break: break-all;
}

.log-error[b-cax02mrt8c] {
    color: var(--danger);
    font-weight: 500;
}

/* Button variants for deployment */
.btn-warning[b-cax02mrt8c] {
    background: var(--warning);
    color: #000;
}

.btn-warning:hover[b-cax02mrt8c] {
    background: #ca8a04;
    color: #000;
}

/* Connection Indicator */
.connection-indicator[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.8125rem;
}

.connection-indicator.connected[b-cax02mrt8c] {
    color: #22c55e;
}

.connection-indicator.disconnected[b-cax02mrt8c] {
    color: var(--text-muted);
}

.mono[b-cax02mrt8c] {
    font-family: monospace;
}

/* ===== Einrichtungs-Reiter (horizontale Tabs) ===== */
.setup-tabs[b-cax02mrt8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
    margin-bottom: 1.5rem;
}

.setup-tab[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin-bottom: -1px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--text-secondary);
    transition: color var(--transition-fast), border-color var(--transition-fast);
}

.setup-tab:hover[b-cax02mrt8c] {
    color: var(--text-primary);
}

.setup-tab.is-active[b-cax02mrt8c] {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.tab-num[b-cax02mrt8c] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 9999px;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
}

.tab-num.is-done[b-cax02mrt8c] {
    background: var(--success-bg);
    border-color: transparent;
    color: var(--success);
}

.setup-tab.is-active .tab-num[b-cax02mrt8c] {
    background: var(--primary);
    border-color: transparent;
    color: white;
}

.tab-title[b-cax02mrt8c] {
    white-space: nowrap;
}

.tab-panel[b-cax02mrt8c] {
    margin-bottom: 1.5rem;
}

/* Provisionierungs-Panel im Lizenz-Reiter */
.provision-panel[b-cax02mrt8c] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.provision-panel h4[b-cax02mrt8c] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
}

.phase-actions[b-cax02mrt8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.phase-hint[b-cax02mrt8c] {
    margin: 0 0 1rem 0;
    padding: 0.75rem 0.875rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-left: 3px solid var(--primary);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: 0.8125rem;
    line-height: 1.5;
}

/* /Components/Pages/Customers/Edit.razor.rz.scp.css */
/* Customers Edit - Dark Mode */

.page-header[b-18nqeu3r1i] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-18nqeu3r1i] {
    margin: 0;
}

.form-card[b-18nqeu3r1i] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-18nqeu3r1i] {
    margin-bottom: 1.5rem;
}

.form-group label[b-18nqeu3r1i] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-18nqeu3r1i] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-18nqeu3r1i]::placeholder {
    color: var(--text-muted);
}

.form-control:hover:not(:disabled)[b-18nqeu3r1i] {
    border-color: var(--border-light);
}

.form-control:focus:not(:disabled)[b-18nqeu3r1i] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-control-readonly[b-18nqeu3r1i] {
    background: var(--background);
    color: var(--text-muted);
    cursor: not-allowed;
}

.form-help[b-18nqeu3r1i] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.url-preview[b-18nqeu3r1i] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.url-preview h4[b-18nqeu3r1i] {
    margin: 0 0 0.75rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.url-preview p[b-18nqeu3r1i] {
    margin: 0.375rem 0;
    font-size: 0.875rem;
    word-break: break-all;
    color: var(--text-secondary);
}

.url-preview p strong[b-18nqeu3r1i] {
    color: var(--text-primary);
}

.form-actions[b-18nqeu3r1i] {
    display: flex;
    gap: 1rem;
}

.btn[b-18nqeu3r1i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-18nqeu3r1i] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-18nqeu3r1i] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-18nqeu3r1i] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-18nqeu3r1i] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-18nqeu3r1i] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.alert-danger[b-18nqeu3r1i] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}
/* /Components/Pages/Customers/Index.razor.rz.scp.css */
/* Customers Index - Dark Mode */

.page-header[b-c9uld4h9fy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.page-header h1[b-c9uld4h9fy] {
    margin: 0;
}

.btn[b-c9uld4h9fy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-c9uld4h9fy] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-c9uld4h9fy] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-c9uld4h9fy] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-c9uld4h9fy] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-sm[b-c9uld4h9fy] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.data-table[b-c9uld4h9fy] {
    width: 100%;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.data-table th[b-c9uld4h9fy],
.data-table td[b-c9uld4h9fy] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.data-table th[b-c9uld4h9fy] {
    background: var(--background-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.data-table tr:last-child td[b-c9uld4h9fy] {
    border-bottom: none;
}

.data-table tbody tr[b-c9uld4h9fy] {
    transition: background-color var(--transition-fast);
}

.data-table tbody tr:hover[b-c9uld4h9fy] {
    background: var(--card-background-hover);
}

.data-table code[b-c9uld4h9fy] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    border: 1px solid var(--border);
}

.status-badge[b-c9uld4h9fy] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-pending[b-c9uld4h9fy] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-active[b-c9uld4h9fy] {
    background: var(--success-bg);
    color: var(--success);
}

.status-suspended[b-c9uld4h9fy] {
    background: var(--danger-bg);
    color: var(--danger);
}

.empty-state[b-c9uld4h9fy] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 3rem;
    text-align: center;
}

.empty-state p[b-c9uld4h9fy] {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}
/* /Components/Pages/Customers/LicenseSection.razor.rz.scp.css */
/* Lizenz-Sektion — scoped. Klassen wie .details-grid / .section-header sind in den
   Seiten-CSS-Dateien gescoped und greifen daher NICHT in dieser Kindkomponente; sie
   werden hier identisch zu Customers/Details.razor.css redefiniert, damit die Lizenz-
   Sektion exakt im Admin-Design erscheint. Box/Buttons/Inputs/Badges kommen aus app.css. */

.license-section[b-8eynwnws4z] {
    margin-bottom: 1.5rem;
}

/* Kopfzeile der Sektion (analog zu Details.razor.css) */
.section-header[b-8eynwnws4z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-header h3[b-8eynwnws4z] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Karten-Raster */
.details-grid[b-8eynwnws4z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

/* In eine Karte eingebettete Raster (Miet-Module, Konfiguration) brauchen keinen
   zusätzlichen Außenabstand, sonst doppelt. */
.detail-card .details-grid[b-8eynwnws4z] {
    margin-bottom: 0;
}

/* Eigenständige Karten unterhalb des ersten Rasters gleichmäßig abstanden. */
.license-section > .detail-card[b-8eynwnws4z] {
    margin-bottom: 1.5rem;
}

/* Unter-Überschriften der Karten (h4) — in app.css ist nur .detail-card h3 gestylt. */
.detail-card h4[b-8eynwnws4z] {
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
}

.detail-card p.text-muted[b-8eynwnws4z] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
}

/* Definitionsliste der Schlüssel-Karte (in app.css nicht gescoped vorhanden). */
.detail-card dl[b-8eynwnws4z] {
    margin: 0;
}

.detail-card dt[b-8eynwnws4z] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 1rem;
}

.detail-card dt:first-child[b-8eynwnws4z] {
    margin-top: 0;
}

.detail-card dd[b-8eynwnws4z] {
    margin: 0.375rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.detail-card dd .text-muted[b-8eynwnws4z] {
    flex-basis: 100%;
    font-size: 0.8125rem;
}

.detail-card code[b-8eynwnws4z] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

/* Button-Leiste innerhalb der Sektion (ersetzt den missbrauchten .header-actions). */
.license-actions[b-8eynwnws4z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

/* Speichern-Leiste am Ende der Sektion — rechtsbündig, abgesetzt. */
.license-save-bar[b-8eynwnws4z] {
    justify-content: flex-end;
    margin-top: 0;
}

/* Eingabefeld mit nebenstehendem Button (ersetzt das frühere Inline-style). */
.field-with-button[b-8eynwnws4z] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.field-with-button .form-control[b-8eynwnws4z] {
    flex: 1;
}

.field-with-button .btn[b-8eynwnws4z] {
    white-space: nowrap;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard - Dark Mode */

.alert[b-g2rppfc3x6] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-g2rppfc3x6] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.alert-danger[b-g2rppfc3x6] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Recovery Alerts Section */
.recovery-alerts[b-g2rppfc3x6] {
    background: rgba(245, 158, 11, 0.05);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.recovery-header[b-g2rppfc3x6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.recovery-header h3[b-g2rppfc3x6] {
    margin: 0;
    color: #f59e0b;
    font-size: 1rem;
    font-weight: 600;
}

.badge[b-g2rppfc3x6] {
    background: #f59e0b;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.recovery-list[b-g2rppfc3x6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.recovery-item[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.recovery-info[b-g2rppfc3x6] {
    flex: 1;
}

.recovery-user[b-g2rppfc3x6] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.recovery-email[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: 0.125rem;
}

.recovery-meta[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

.recovery-actions[b-g2rppfc3x6] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.btn-sm[b-g2rppfc3x6] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-success[b-g2rppfc3x6] {
    background: #22c55e;
    color: white;
}

.btn-success:hover[b-g2rppfc3x6] {
    background: #16a34a;
}

.btn-danger[b-g2rppfc3x6] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-g2rppfc3x6] {
    background: #dc2626;
}

/* Dashboard Stats */
.dashboard-stats[b-g2rppfc3x6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    transition: all var(--transition-fast);
}

.stat-card:hover[b-g2rppfc3x6] {
    border-color: var(--border-light);
}

.stat-card.active[b-g2rppfc3x6] {
    background: var(--primary-light);
    border-color: var(--primary);
}

.stat-value[b-g2rppfc3x6] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

.stat-card.active .stat-value[b-g2rppfc3x6] {
    color: var(--primary);
}

.stat-label[b-g2rppfc3x6] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-weight: 500;
}

.stat-card.active .stat-label[b-g2rppfc3x6] {
    color: var(--primary);
    opacity: 0.8;
}

/* Dashboard Actions */
.dashboard-actions[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.dashboard-actions h3[b-g2rppfc3x6] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.action-buttons[b-g2rppfc3x6] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn[b-g2rppfc3x6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-g2rppfc3x6] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-g2rppfc3x6] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-g2rppfc3x6] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-g2rppfc3x6] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* Backend Connection Status Cards */
.stat-card.success[b-g2rppfc3x6] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

.stat-card.success .stat-value[b-g2rppfc3x6] {
    color: #22c55e;
}

.stat-card.success .stat-label[b-g2rppfc3x6] {
    color: #22c55e;
    opacity: 0.8;
}

.stat-card.warning[b-g2rppfc3x6] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.3);
}

.stat-card.warning .stat-value[b-g2rppfc3x6] {
    color: #f59e0b;
}

.stat-card.warning .stat-label[b-g2rppfc3x6] {
    color: #f59e0b;
    opacity: 0.8;
}

/* Backend Status Section */
.backend-status-section[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-top: 2rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

.section-toggle[b-g2rppfc3x6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.section-toggle:hover[b-g2rppfc3x6] {
    background: var(--card-background-hover);
}

.toggle-icon[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

/* Backend Table */
.backend-table[b-g2rppfc3x6] {
    width: 100%;
    border-collapse: collapse;
}

.backend-table thead[b-g2rppfc3x6] {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.backend-table th[b-g2rppfc3x6] {
    padding: 0.75rem 1.25rem;
    text-align: left;
    font-weight: 500;
    font-size: 0.8125rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.backend-table td[b-g2rppfc3x6] {
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.backend-table tbody tr:last-child td[b-g2rppfc3x6] {
    border-bottom: none;
}

.backend-table tbody tr:hover[b-g2rppfc3x6] {
    background: var(--card-background-hover);
}

.backend-table a[b-g2rppfc3x6] {
    color: var(--primary);
    text-decoration: none;
}

.backend-table a:hover[b-g2rppfc3x6] {
    text-decoration: underline;
}

/* Connection Indicator */
.connection-indicator[b-g2rppfc3x6] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.8125rem;
}

.connection-indicator.connected[b-g2rppfc3x6] {
    color: #22c55e;
}

.connection-indicator.disconnected[b-g2rppfc3x6] {
    color: var(--text-muted);
}

/* Last Connected Time */
.last-connected.recent[b-g2rppfc3x6] {
    color: #22c55e;
}

.last-connected.warning[b-g2rppfc3x6] {
    color: #f59e0b;
}

.last-connected.old[b-g2rppfc3x6] {
    color: var(--text-muted);
}

.last-connected.never[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-style: italic;
}

/* Sync Info */
.sync-info[b-g2rppfc3x6] {
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
    border-top: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
}

/* Empty State */
.empty-state[b-g2rppfc3x6] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}
/* /Components/Pages/Downloads.razor.rz.scp.css */
.page-subtitle[b-8pukff86h9] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-top: -0.5rem;
    margin-bottom: 1.5rem;
}

/* Die folgenden Klassen (.dashboard-stats, .stat-*, .monitoring-section,
   .section-*) sind in app.css NICHT global definiert, nur in Monitoring.razor.css
   und Geodaten.razor.css scoped dupliziert. Blazor-scoped-CSS isoliert pro
   Component, darum hier erneut definieren - gleiches Pattern wie Monitoring. */

.dashboard-stats[b-8pukff86h9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-8pukff86h9] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    transition: all var(--transition-fast);
}

.stat-card:hover[b-8pukff86h9] {
    border-color: var(--border-light);
}

.stat-value[b-8pukff86h9] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

.stat-label[b-8pukff86h9] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-weight: 500;
}

.stat-card.success[b-8pukff86h9] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

.stat-card.success .stat-value[b-8pukff86h9] {
    color: #22c55e;
}

.stat-card.success .stat-label[b-8pukff86h9] {
    color: #22c55e;
    opacity: 0.8;
}

.monitoring-section[b-8pukff86h9] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-8pukff86h9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.section-header h3[b-8pukff86h9] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
}

.section-badge[b-8pukff86h9] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--primary);
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.section-subtitle[b-8pukff86h9] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
}

.disabled-row[b-8pukff86h9] {
    opacity: 0.45;
}

.disabled-row td[b-8pukff86h9] {
    color: var(--text-muted);
}

/* Beschreibungstext unterhalb des Download-Namens in der Tabelle
   (Monitoring/Geodaten haben ihre eigenen scoped Copies - scoped CSS
   isoliert pro Component, darum hier erneut definieren) */
.table-subtitle[b-8pukff86h9] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 0.125rem;
}

.text-mono[b-8pukff86h9] {
    font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
    font-size: 0.8125rem;
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
/* Forgot Password Page */

.login-container[b-s7hfelbk0w] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.login-box[b-s7hfelbk0w] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.login-box h1[b-s7hfelbk0w] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.login-box h3[b-s7hfelbk0w] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.form-group[b-s7hfelbk0w] {
    margin-bottom: 1.5rem;
}

.form-group label[b-s7hfelbk0w] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-s7hfelbk0w] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-s7hfelbk0w] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-s7hfelbk0w] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-s7hfelbk0w] {
    background: var(--primary-hover);
}

.btn-secondary[b-s7hfelbk0w] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-s7hfelbk0w] {
    background: var(--border);
}

.alert-danger[b-s7hfelbk0w] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-s7hfelbk0w] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.info-box[b-s7hfelbk0w] {
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box p[b-s7hfelbk0w] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.back-link[b-s7hfelbk0w] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.back-link a[b-s7hfelbk0w] {
    color: var(--text-muted);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.back-link a:hover[b-s7hfelbk0w] {
    color: var(--primary);
}
/* /Components/Pages/Geodaten.razor.rz.scp.css */
/* Geodaten Page — nutzt Monitoring-Patterns */

.page-header[b-80qt00pntv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading[b-80qt00pntv] {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
}

.dashboard-stats[b-80qt00pntv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-80qt00pntv] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
}

.stat-value[b-80qt00pntv] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.stat-label[b-80qt00pntv] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    font-weight: 500;
}

.stat-card.success[b-80qt00pntv] { background: rgba(34, 197, 94, 0.1); border-color: rgba(34, 197, 94, 0.3); }
.stat-card.success .stat-value[b-80qt00pntv] { color: #22c55e; }
.stat-card.danger[b-80qt00pntv] { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.3); }
.stat-card.danger .stat-value[b-80qt00pntv] { color: #ef4444; }

/* Sections */
.monitoring-section[b-80qt00pntv] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-80qt00pntv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.section-header h3[b-80qt00pntv] { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--text-primary); }
.section-subtitle[b-80qt00pntv] { color: var(--text-muted); font-size: 0.8125rem; }
.section-badge[b-80qt00pntv] { background: rgba(59, 130, 246, 0.15); color: var(--primary); padding: 0.125rem 0.5rem; border-radius: var(--radius-full); font-size: 0.75rem; font-weight: 600; }

/* Table */
.data-table[b-80qt00pntv] { width: 100%; border-collapse: collapse; }
.data-table th[b-80qt00pntv] { padding: 0.625rem 1.25rem; text-align: left; font-weight: 500; font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.025em; border-bottom: 1px solid var(--border); }
.data-table td[b-80qt00pntv] { padding: 0.75rem 1.25rem; border-bottom: 1px solid var(--border); font-size: 0.875rem; color: var(--text-primary); }
.data-table tbody tr:last-child td[b-80qt00pntv] { border-bottom: none; }
.data-table tbody tr:hover[b-80qt00pntv] { background: var(--card-background-hover); }
.table-subtitle[b-80qt00pntv] { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.125rem; }
.text-muted[b-80qt00pntv] { color: var(--text-muted); }
.text-mono[b-80qt00pntv] { font-family: monospace; font-size: 0.8125rem; color: var(--text-secondary); }

/* Updating row highlight */
.row-updating[b-80qt00pntv] { background: rgba(245, 158, 11, 0.05); }

/* Status badges */
.status-badge[b-80qt00pntv] { display: inline-block; padding: 0.125rem 0.5rem; border-radius: var(--radius-full); font-size: 0.75rem; font-weight: 500; }
.status-running[b-80qt00pntv] { background: rgba(34, 197, 94, 0.15); color: #22c55e; }
.status-deploying[b-80qt00pntv] { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }

/* Actions */
.tile-actions[b-80qt00pntv] { display: flex; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border); }

/* Alert */
.alert[b-80qt00pntv] { padding: 0.75rem 1rem; border-radius: var(--radius-md); font-size: 0.875rem; margin-bottom: 1rem; }
.alert-success[b-80qt00pntv] { background: rgba(34, 197, 94, 0.1); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.2); }
.alert-danger[b-80qt00pntv] { background: rgba(239, 68, 68, 0.1); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.2); }

/* Update progress */
.update-progress-bar[b-80qt00pntv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: var(--radius-lg);
    color: #f59e0b;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.update-indicator[b-80qt00pntv] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f59e0b;
    animation: pulse-update-b-80qt00pntv 1.5s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes pulse-update-b-80qt00pntv {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.8); }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* Login Page - Dark Mode */

.login-container[b-jyux20zknw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.login-box[b-jyux20zknw] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.login-box h1[b-jyux20zknw] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.login-box h3[b-jyux20zknw] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.9375rem;
}

.form-group[b-jyux20zknw] {
    margin-bottom: 1.5rem;
}

.form-group label[b-jyux20zknw] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-jyux20zknw] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-jyux20zknw]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-jyux20zknw] {
    border-color: var(--border-light);
}

.form-control:focus[b-jyux20zknw] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-jyux20zknw] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-jyux20zknw] {
    background: var(--primary-hover);
}

.btn-primary:focus[b-jyux20zknw] {
    outline: none;
    box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--primary);
}

.btn-primary:disabled[b-jyux20zknw] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.alert-danger[b-jyux20zknw] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-info[b-jyux20zknw] {
    background: rgba(59, 130, 246, 0.1);
    color: var(--primary);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(59, 130, 246, 0.2);
    font-size: 0.875rem;
}

.forgot-password-link[b-jyux20zknw] {
    text-align: center;
    margin-top: 1.5rem;
}

.forgot-password-link a[b-jyux20zknw] {
    color: var(--text-muted);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.forgot-password-link a:hover[b-jyux20zknw] {
    color: var(--primary);
}
/* /Components/Pages/Login2FA.razor.rz.scp.css */
/* 2FA Verification Page */

.login-container[b-zasvm7due1] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.login-box[b-zasvm7due1] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.login-box h1[b-zasvm7due1] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.login-box h3[b-zasvm7due1] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.form-group[b-zasvm7due1] {
    margin-bottom: 1.5rem;
}

.form-group label[b-zasvm7due1] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-zasvm7due1] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-zasvm7due1] {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control[b-zasvm7due1]::placeholder {
    color: var(--text-muted);
    letter-spacing: 0.3rem;
}

.form-control:focus[b-zasvm7due1] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-zasvm7due1] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-zasvm7due1] {
    background: var(--primary-hover);
}

.alert-danger[b-zasvm7due1] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.help-text[b-zasvm7due1] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.help-text p[b-zasvm7due1] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.back-link[b-zasvm7due1] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.back-link a[b-zasvm7due1] {
    color: var(--text-muted);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.back-link a:hover[b-zasvm7due1] {
    color: var(--primary);
}
/* /Components/Pages/Monitoring.razor.rz.scp.css */
/* Monitoring Page */

.page-header[b-ibdz7kur46] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading[b-ibdz7kur46] {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
}

/* Dashboard Stats (Stat-Cards Grid) */
.dashboard-stats[b-ibdz7kur46] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-ibdz7kur46] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    transition: all var(--transition-fast);
}

.stat-card:hover[b-ibdz7kur46] {
    border-color: var(--border-light);
}

.stat-value[b-ibdz7kur46] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

.stat-label[b-ibdz7kur46] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-weight: 500;
}

.stat-card.success[b-ibdz7kur46] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

.stat-card.success .stat-value[b-ibdz7kur46] {
    color: #22c55e;
}

.stat-card.success .stat-label[b-ibdz7kur46] {
    color: #22c55e;
    opacity: 0.8;
}

.stat-card.warning[b-ibdz7kur46] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.3);
}

.stat-card.warning .stat-value[b-ibdz7kur46] {
    color: #f59e0b;
}

.stat-card.warning .stat-label[b-ibdz7kur46] {
    color: #f59e0b;
    opacity: 0.8;
}

.stat-card.danger[b-ibdz7kur46] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
}

.stat-card.danger .stat-value[b-ibdz7kur46] {
    color: #ef4444;
}

.stat-card.danger .stat-label[b-ibdz7kur46] {
    color: #ef4444;
    opacity: 0.8;
}

/* Sections */
.monitoring-section[b-ibdz7kur46] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-header[b-ibdz7kur46] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.section-header h3[b-ibdz7kur46] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
}

.section-badge[b-ibdz7kur46] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--primary);
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.section-subtitle[b-ibdz7kur46] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
}

/* Data Table */
.data-table[b-ibdz7kur46] {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead[b-ibdz7kur46] {
    background: rgba(255, 255, 255, 0.02);
}

.data-table th[b-ibdz7kur46] {
    padding: 0.625rem 1.25rem;
    text-align: left;
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-bottom: 1px solid var(--border);
}

.data-table td[b-ibdz7kur46] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.data-table tbody tr:last-child td[b-ibdz7kur46] {
    border-bottom: none;
}

.data-table tbody tr:hover[b-ibdz7kur46] {
    background: var(--card-background-hover);
}

.data-table a[b-ibdz7kur46] {
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}

.data-table a:hover[b-ibdz7kur46] {
    text-decoration: underline;
}

.table-subtitle[b-ibdz7kur46] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 0.125rem;
}

.text-muted[b-ibdz7kur46] {
    color: var(--text-muted);
}

.text-danger[b-ibdz7kur46] {
    color: var(--danger);
    font-weight: 600;
}

.text-mono[b-ibdz7kur46] {
    font-family: monospace;
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.version-tag[b-ibdz7kur46] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.05);
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-sm);
    font-family: monospace;
}

/* Connection Indicator */
.connection-indicator[b-ibdz7kur46] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 500;
    font-size: 0.8125rem;
}

.connection-indicator[b-ibdz7kur46]::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.connection-indicator.connected[b-ibdz7kur46] {
    color: #22c55e;
}

.connection-indicator.connected[b-ibdz7kur46]::before {
    background: #22c55e;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.4);
}

.connection-indicator.disconnected[b-ibdz7kur46] {
    color: var(--text-muted);
}

.connection-indicator.disconnected[b-ibdz7kur46]::before {
    background: var(--text-muted);
}

/* Alerts */
.alert[b-ibdz7kur46] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
}

.alert-success[b-ibdz7kur46] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.alert-danger[b-ibdz7kur46] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-warning[b-ibdz7kur46] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

/* Alert Log */
.alert-log[b-ibdz7kur46] {
    max-height: 400px;
    overflow-y: auto;
    font-size: 0.8125rem;
    font-family: monospace;
}

.alert-entry[b-ibdz7kur46] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.alert-entry:last-child[b-ibdz7kur46] {
    border-bottom: none;
}

.alert-entry.error[b-ibdz7kur46] {
    background: rgba(239, 68, 68, 0.05);
}

.alert-time[b-ibdz7kur46] {
    color: var(--text-muted);
    white-space: nowrap;
    min-width: 120px;
}

.alert-action[b-ibdz7kur46] {
    color: var(--text-secondary);
    font-weight: 600;
    min-width: 150px;
}

.alert-details[b-ibdz7kur46] {
    color: var(--text-primary);
    flex: 1;
}

/* Status Badges */
.status-badge[b-ibdz7kur46] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.status-running[b-ibdz7kur46] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.status-stopped[b-ibdz7kur46] {
    background: rgba(107, 114, 128, 0.15);
    color: #6b7280;
}

.status-error[b-ibdz7kur46] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.status-deploying[b-ibdz7kur46] {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

.status-notdeployed[b-ibdz7kur46] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}
/* /Components/Pages/PhoneVerify.razor.rz.scp.css */
/* Phone Verify Page */

.verify-container[b-wert7eexjt] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.verify-box[b-wert7eexjt] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.verify-box h1[b-wert7eexjt] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.verify-box h3[b-wert7eexjt] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.alert[b-wert7eexjt] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-wert7eexjt] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-wert7eexjt] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.info-box[b-wert7eexjt] {
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box p[b-wert7eexjt] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.form-group[b-wert7eexjt] {
    margin-bottom: 1.5rem;
}

.form-group label[b-wert7eexjt] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-wert7eexjt] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-wert7eexjt] {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control[b-wert7eexjt]::placeholder {
    letter-spacing: 0.3rem;
}

.form-control:focus[b-wert7eexjt] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-wert7eexjt] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-wert7eexjt] {
    background: var(--primary-hover);
}

.btn-link[b-wert7eexjt] {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.btn-link:hover[b-wert7eexjt] {
    color: var(--primary-hover);
}

.resend-section[b-wert7eexjt] {
    text-align: center;
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.resend-section p[b-wert7eexjt] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0 0 0.5rem 0;
}

.steps[b-wert7eexjt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-wert7eexjt] {
    font-size: 0.6875rem;
    color: var(--text-muted);
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-wert7eexjt] {
    background: var(--primary);
    color: white;
}

.step.completed[b-wert7eexjt] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}
/* /Components/Pages/RecoveryComplete.razor.rz.scp.css */
/* Recovery Complete Page */

.recovery-container[b-ybpv8dudyc] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.recovery-box[b-ybpv8dudyc] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 420px;
}

.recovery-box h1[b-ybpv8dudyc] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.recovery-box h3[b-ybpv8dudyc] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.form-group[b-ybpv8dudyc] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ybpv8dudyc] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-ybpv8dudyc] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-ybpv8dudyc] {
    font-size: 1.25rem;
    text-align: center;
    letter-spacing: 0.4rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control:focus[b-ybpv8dudyc] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-ybpv8dudyc] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-ybpv8dudyc] {
    background: var(--primary-hover);
}

.btn-secondary[b-ybpv8dudyc] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-ybpv8dudyc] {
    background: var(--border);
}

.alert-danger[b-ybpv8dudyc] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-ybpv8dudyc] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.warning-box[b-ybpv8dudyc] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.info-box[b-ybpv8dudyc] {
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-top: 1.5rem;
}

.info-box p[b-ybpv8dudyc] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.resend-section[b-ybpv8dudyc] {
    text-align: center;
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.resend-section p[b-ybpv8dudyc] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0 0 0.5rem 0;
}

.btn-link[b-ybpv8dudyc] {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.btn-link:hover[b-ybpv8dudyc] {
    color: var(--primary-hover);
}
/* /Components/Pages/Setup2FA.razor.rz.scp.css */
/* 2FA Setup Page */

.setup-container[b-nlwqm3z9bx] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.setup-box[b-nlwqm3z9bx] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 450px;
}

.setup-box h1[b-nlwqm3z9bx] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.setup-box h3[b-nlwqm3z9bx] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.qr-code-container[b-nlwqm3z9bx] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: white;
    border-radius: var(--radius-md);
}

.qr-code-container img[b-nlwqm3z9bx] {
    width: 200px;
    height: 200px;
}

.secret-display[b-nlwqm3z9bx] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.secret-display p[b-nlwqm3z9bx] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.secret-display code[b-nlwqm3z9bx] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.875rem;
    color: var(--primary);
    word-break: break-all;
    display: block;
    padding: 0.5rem;
    background: var(--background);
    border-radius: var(--radius-sm);
}

.form-group[b-nlwqm3z9bx] {
    margin-bottom: 1.5rem;
}

.form-group label[b-nlwqm3z9bx] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-nlwqm3z9bx] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-nlwqm3z9bx] {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control[b-nlwqm3z9bx]::placeholder {
    color: var(--text-muted);
    letter-spacing: 0.3rem;
}

.form-control:focus[b-nlwqm3z9bx] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-nlwqm3z9bx] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-nlwqm3z9bx] {
    background: var(--primary-hover);
}

.btn-secondary[b-nlwqm3z9bx] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-nlwqm3z9bx] {
    background: var(--border);
}

.alert-danger[b-nlwqm3z9bx] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.help-text[b-nlwqm3z9bx] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.help-text h4[b-nlwqm3z9bx] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.help-text ul[b-nlwqm3z9bx] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    padding-left: 1.25rem;
}

.help-text li[b-nlwqm3z9bx] {
    margin-bottom: 0.25rem;
}

.loading[b-nlwqm3z9bx] {
    text-align: center;
    color: var(--text-muted);
    padding: 2rem;
}

.steps[b-nlwqm3z9bx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-nlwqm3z9bx] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-nlwqm3z9bx] {
    background: var(--primary);
    color: white;
}

.step.completed[b-nlwqm3z9bx] {
    background: var(--success-bg);
    color: var(--success);
}
/* /Components/Pages/SetupPassword.razor.rz.scp.css */
/* Setup Password Page */

.setup-container[b-872hrojdmv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.setup-box[b-872hrojdmv] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 420px;
}

.setup-box h1[b-872hrojdmv] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.setup-box h3[b-872hrojdmv] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.alert[b-872hrojdmv] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-872hrojdmv] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.info-box[b-872hrojdmv] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box.success[b-872hrojdmv] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.info-box.success p[b-872hrojdmv] {
    color: var(--success);
}

.info-box p[b-872hrojdmv] {
    color: var(--primary);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.info-box p + p[b-872hrojdmv] {
    margin-top: 0.5rem;
}

.user-info[b-872hrojdmv] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.user-info .info-row[b-872hrojdmv] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.user-info .label[b-872hrojdmv] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.user-info .value[b-872hrojdmv] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: var(--primary);
    font-size: 0.875rem;
}

.form-group[b-872hrojdmv] {
    margin-bottom: 1.25rem;
}

.form-group label[b-872hrojdmv] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-872hrojdmv] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-872hrojdmv] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-872hrojdmv] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-872hrojdmv] {
    background: var(--primary-hover);
}

.btn-secondary[b-872hrojdmv] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.btn-secondary:hover[b-872hrojdmv] {
    background: var(--border);
}

.steps[b-872hrojdmv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-872hrojdmv] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-872hrojdmv] {
    background: var(--primary);
    color: white;
}

.step.completed[b-872hrojdmv] {
    background: var(--success-bg);
    color: var(--success);
}