/* _content/MajickLamp.Web/Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.access-denied-page[b-r7iuvawzv9] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    display: flex;
    align-items: center;
    padding: 2rem 0;
}

.access-denied-page .card[b-r7iuvawzv9] {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.access-denied-page .card-header[b-r7iuvawzv9] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
    border: none;
    padding: 1.5rem;
}

.access-denied-page .card-header h3[b-r7iuvawzv9] {
    margin: 0;
    font-weight: 600;
}

.access-denied-page .card-body[b-r7iuvawzv9] {
    padding: 2rem;
}

.access-denied-page .btn[b-r7iuvawzv9] {
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.access-denied-page .btn:hover[b-r7iuvawzv9] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
/* _content/MajickLamp.Web/Components/Account/Pages/Logout.razor.rz.scp.css */
.logout-page[b-h84dv1zhdy] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    display: flex;
    align-items: center;
    padding: 2rem 0;
}

.logout-page .card[b-h84dv1zhdy] {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.logout-page .card-header[b-h84dv1zhdy] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 1.5rem;
}

.logout-page .card-header h3[b-h84dv1zhdy] {
    margin: 0;
    font-weight: 600;
}

.logout-page .card-body[b-h84dv1zhdy] {
    padding: 2rem;
}

.logout-page .btn[b-h84dv1zhdy] {
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.logout-page .btn-danger[b-h84dv1zhdy] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    border: none;
}

.logout-page .btn-danger:hover[b-h84dv1zhdy] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(238, 90, 36, 0.4);
}

.logout-page .btn-secondary[b-h84dv1zhdy] {
    background: #6c757d;
    border: none;
}

.logout-page .btn-secondary:hover[b-h84dv1zhdy] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(108, 117, 125, 0.4);
}

.logout-page .spinner-border[b-h84dv1zhdy] {
    width: 3rem;
    height: 3rem;
}
/* _content/MajickLamp.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ak9akwy9vy] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--primary-dark);
    min-height: 100vh;
}

main[b-ak9akwy9vy] {
    flex: 1;
    background-color: var(--primary-dark);
}

.sidebar[b-ak9akwy9vy] {
    background: linear-gradient(180deg, var(--secondary-dark) 0%, var(--card-bg) 50%, var(--cozy-purple) 100%);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
}

.top-row[b-ak9akwy9vy] {
    background: linear-gradient(135deg, var(--secondary-dark), var(--card-bg));
    border-bottom: 2px solid var(--border-color);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

    .top-row[b-ak9akwy9vy]  a, .top-row[b-ak9akwy9vy]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: var(--text-light);
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .top-row[b-ak9akwy9vy]  a:hover, .top-row[b-ak9akwy9vy]  .btn-link:hover {
        color: var(--text-accent);
        text-decoration: none;
        transform: translateY(-1px);
    }

    .top-row[b-ak9akwy9vy]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

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

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

    .sidebar[b-ak9akwy9vy] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-ak9akwy9vy], article[b-ak9akwy9vy] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ak9akwy9vy] {
    background: linear-gradient(135deg, var(--error-color), #c0392b);
    bottom: 0;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    padding: 1rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: var(--text-light);
    font-weight: 500;
    border-top: 3px solid var(--accent-warm);
}

    #blazor-error-ui .dismiss[b-ak9akwy9vy] {
        cursor: pointer;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    #blazor-error-ui .dismiss:hover[b-ak9akwy9vy] {
        background: rgba(255, 255, 255, 0.3);
        transform: translateY(-50%) scale(1.1);
    }
/* _content/MajickLamp.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-4tvxo9y51k] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--text-light);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 2px solid var(--accent-soft);
    border-radius: 8px;
    background: var(--secondary-dark) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28243, 156, 18, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem;
    transition: all 0.3s ease;
}

.navbar-toggler:checked[b-4tvxo9y51k] {
    background-color: var(--accent-soft);
    border-color: var(--text-accent);
}

.navbar-toggler:hover[b-4tvxo9y51k] {
    background-color: var(--card-bg);
    border-color: var(--text-accent);
    transform: scale(1.05);
}

.top-row[b-4tvxo9y51k] {
    height: 3.5rem;
    background: linear-gradient(135deg, var(--secondary-dark), var(--card-bg));
    border-bottom: 2px solid var(--border-color);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.navbar-brand[b-4tvxo9y51k] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text-accent) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.navbar-brand:hover[b-4tvxo9y51k] {
    color: var(--accent-soft) !important;
    transform: translateY(-1px);
}

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

/* Font Awesome Navigation Icons */
.nav-menu-icon[b-4tvxo9y51k] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.25rem;
}

/* Home */
.nav-item .fa-home[b-4tvxo9y51k] {
    color: #f39c12;
}

/* Products */
.nav-item .fa-shopping-bag[b-4tvxo9y51k] {
    color: #fd79a8;
}

/* Categories */
.nav-item .fa-th[b-4tvxo9y51k] {
    color: #6c5ce7;
}

/* About */
.nav-item .fa-heart[b-4tvxo9y51k] {
    color: #e94560;
}

/* Friends */
.nav-item .fa-users[b-4tvxo9y51k] {
    color: #00b894;
}

/* Cart */
.nav-item .fa-shopping-cart[b-4tvxo9y51k] {
    color: #f39c12;
}

/* Profile */
.nav-item .fa-user-circle[b-4tvxo9y51k] {
    color: #74b9ff;
}

/* Star (Commission) */
.nav-item .fa-star[b-4tvxo9y51k] {
    color: #fdcb6e;
}

/* Clipboard Check */
.nav-item .fa-clipboard-check[b-4tvxo9y51k] {
    color: #00b894;
}

/* Admin Cog */
.nav-item .fa-cog[b-4tvxo9y51k] {
    color: #fd79a8;
}

/* Login */
.nav-item .fa-sign-in-alt[b-4tvxo9y51k] {
    color: #74b9ff;
}

/* Logout */
.nav-item .fa-sign-out-alt[b-4tvxo9y51k] {
    color: #e17055;
}

/* Style logout link like other nav links */
.logout-link[b-4tvxo9y51k] {
    color: var(--text-light);
    background: none;
    border: none;
    border-radius: 12px;
    height: 3.5rem;
    display: flex;
    align-items: center;
    line-height: 3.5rem;
    width: 100%;
    font-weight: 500;
    transition: all 0.3s ease;
    margin: 0.25rem 0;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

.logout-link[b-4tvxo9y51k]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: var(--accent-warm);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.logout-link:hover[b-4tvxo9y51k] {
    background: linear-gradient(135deg, var(--secondary-dark), var(--card-bg));
    color: var(--text-accent);
    transform: translateX(3px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.logout-link:hover[b-4tvxo9y51k]::before {
    transform: scaleY(0.7);
}

.nav-item[b-4tvxo9y51k] {
    font-size: 0.85rem;
    /*padding-bottom: 0.5rem;*/
    margin: 0.25rem 0;
}

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

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

    .nav-item[b-4tvxo9y51k]  .nav-link {
        color: var(--text-light);
        background: none;
        border: none;
        border-radius: 12px;
        height: 3.5rem;
        display: flex;
        align-items: center;
        line-height: 3.5rem;
        width: 100%;
        font-weight: 500;
        transition: all 0.3s ease;
        margin: 0.25rem 0;
        position: relative;
        overflow: hidden;
    }

    .nav-item[b-4tvxo9y51k]  .nav-link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: var(--accent-warm);
        transform: scaleY(0);
        transition: transform 0.3s ease;
    }

.nav-item[b-4tvxo9y51k]  a.active {
    background: linear-gradient(135deg, var(--accent-warm), var(--soft-pink));
    color: var(--text-light);
    box-shadow: 0 4px 15px rgba(233, 69, 96, 0.3);
    transform: translateX(5px);
}

    .nav-item[b-4tvxo9y51k]  a.active::before {
        transform: scaleY(1);
    }

.nav-item[b-4tvxo9y51k]  .nav-link:hover {
    background: linear-gradient(135deg, var(--secondary-dark), var(--card-bg));
    color: var(--text-accent);
    transform: translateX(3px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

    .nav-item[b-4tvxo9y51k]  .nav-link:hover::before {
        transform: scaleY(0.7);
    }

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

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

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

    .nav-scrollable[b-4tvxo9y51k] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/MajickLamp.Web/Components/Pages/About.razor.rz.scp.css */
/* About Page Styling */
.about-page[b-13z60wqznc] {
    min-height: 100vh;
    background: linear-gradient(135deg, #fff 0%, #fdf2f8 100%);
}

/* Hero Section */
.hero-section[b-13z60wqznc] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.hero-section[b-13z60wqznc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ec4899' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    z-index: 1;
}

.hero-content[b-13z60wqznc] {
    position: relative;
    z-index: 2;
}

.hero-title[b-13z60wqznc] {
    font-size: 3.5rem;
    font-weight: 300;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.greeting[b-13z60wqznc] {
    display: block;
    font-size: 1.8rem;
    color: #ec4899;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.name[b-13z60wqznc] {
    display: block;
    color: #1f2937;
}

.hero-subtitle[b-13z60wqznc] {
    font-size: 1.3rem;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 2rem;
    font-style: italic;
}

.hero-image[b-13z60wqznc] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-placeholder[b-13z60wqznc] {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    box-shadow: 0 20px 40px rgba(236, 72, 153, 0.3);
    animation: gentle-float-b-13z60wqznc 6s ease-in-out infinite;
}

.image-placeholder i[b-13z60wqznc] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.image-placeholder span[b-13z60wqznc] {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
}

@keyframes gentle-float-b-13z60wqznc {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* Story Section */
.story-section[b-13z60wqznc] {
    padding: 5rem 0;
    background: white;
}

.section-header[b-13z60wqznc] {
    text-align: center;
    margin-bottom: 3rem;
}

.section-title[b-13z60wqznc] {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-title i[b-13z60wqznc] {
    color: #ec4899;
    margin-right: 0.5rem;
}

.story-text[b-13z60wqznc] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #374151;
}

.story-text .lead[b-13z60wqznc] {
    font-size: 1.3rem;
    font-weight: 400;
    color: #1f2937;
    margin-bottom: 2rem;
}

.story-text p[b-13z60wqznc] {
    margin-bottom: 1.5rem;
}

.story-text strong[b-13z60wqznc] {
    color: #ec4899;
    font-weight: 600;
}

/* Memory Box */
.memory-box[b-13z60wqznc] {
    background: linear-gradient(135deg, #fdf2f8 0%, #f3e8ff 100%);
    border-radius: 15px;
    padding: 2rem;
    margin: 2.5rem 0;
    border-left: 5px solid #ec4899;
    box-shadow: 0 10px 30px rgba(236, 72, 153, 0.1);
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.memory-icon[b-13z60wqznc] {
    background: #ec4899;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 1.2rem;
}

.memory-content h4[b-13z60wqznc] {
    color: #1f2937;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.memory-content p[b-13z60wqznc] {
    color: #374151;
    font-style: italic;
    margin: 0;
}

/* MAJICK Section */
.majick-section[b-13z60wqznc] {
    padding: 5rem 0;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    color: white;
    position: relative;
    overflow: hidden;
}

.majick-section[b-13z60wqznc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ec4899' fill-opacity='0.1'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E") repeat;
    z-index: 1;
}

.majick-content[b-13z60wqznc] {
    position: relative;
    z-index: 2;
}

.majick-letters[b-13z60wqznc] {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 0.2rem;
    display: block;
}

.lamp-text[b-13z60wqznc] {
    font-size: 2rem;
    font-weight: 300;
    color: #f9fafb;
    margin-left: 1rem;
}

.majick-meaning[b-13z60wqznc] {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #d1d5db;
    margin: 2rem 0;
}

.majick-meaning strong[b-13z60wqznc] {
    color: #ec4899;
}

.family-love[b-13z60wqznc] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: rgba(236, 72, 153, 0.1);
    padding: 1rem 1.5rem;
    border-radius: 10px;
    border: 1px solid rgba(236, 72, 153, 0.3);
    font-weight: 500;
}

.family-love i[b-13z60wqznc] {
    color: #ec4899;
    font-size: 1.5rem;
}

.majick-visual[b-13z60wqznc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.letter-grid[b-13z60wqznc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 300px;
}

.letter-item[b-13z60wqznc] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 700;
    color: white;
    box-shadow: 0 10px 20px rgba(236, 72, 153, 0.3);
    animation: letter-pulse-b-13z60wqznc 2s ease-in-out infinite;
}

.letter-item:nth-child(1)[b-13z60wqznc] { animation-delay: 0s; }
.letter-item:nth-child(2)[b-13z60wqznc] { animation-delay: 0.2s; }
.letter-item:nth-child(3)[b-13z60wqznc] { animation-delay: 0.4s; }
.letter-item:nth-child(4)[b-13z60wqznc] { animation-delay: 0.6s; }
.letter-item:nth-child(5)[b-13z60wqznc] { animation-delay: 0.8s; }
.letter-item:nth-child(6)[b-13z60wqznc] { animation-delay: 1s; }

@keyframes letter-pulse-b-13z60wqznc {
    0%, 100% { transform: scale(1); box-shadow: 0 10px 20px rgba(236, 72, 153, 0.3); }
    50% { transform: scale(1.05); box-shadow: 0 15px 30px rgba(236, 72, 153, 0.4); }
}

.hearts-decoration[b-13z60wqznc] {
    display: flex;
    gap: 1rem;
}

.hearts-decoration i[b-13z60wqznc] {
    color: #ec4899;
    font-size: 1.5rem;
    animation: heart-beat-b-13z60wqznc 1.5s ease-in-out infinite;
}

.hearts-decoration i:nth-child(1)[b-13z60wqznc] { animation-delay: 0s; }
.hearts-decoration i:nth-child(2)[b-13z60wqznc] { animation-delay: 0.3s; }
.hearts-decoration i:nth-child(3)[b-13z60wqznc] { animation-delay: 0.6s; }

@keyframes heart-beat-b-13z60wqznc {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* Journey Section */
.journey-section[b-13z60wqznc] {
    padding: 5rem 0;
    background: linear-gradient(135deg, #fef7ff 0%, #f3e8ff 100%);
}

.journey-text[b-13z60wqznc] {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #374151;
    margin-bottom: 1.5rem;
}

/* Connect Section */
.connect-section[b-13z60wqznc] {
    padding: 5rem 0;
    background: white;
}

.connect-card[b-13z60wqznc] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.connect-title[b-13z60wqznc] {
    font-size: 2.2rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1.5rem;
}

.connect-title i[b-13z60wqznc] {
    color: #ec4899;
}

.connect-text[b-13z60wqznc] {
    font-size: 1.1rem;
    color: #6b7280;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

.contact-options[b-13z60wqznc] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.contact-item[b-13z60wqznc] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    text-align: left;
}

.contact-icon[b-13z60wqznc] {
    background: #ec4899;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 1.5rem;
}

.contact-info h4[b-13z60wqznc] {
    color: #1f2937;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.contact-link[b-13z60wqznc] {
    color: #ec4899;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.contact-link:hover[b-13z60wqznc] {
    color: #be185d;
    text-decoration: underline;
}

.contact-info p[b-13z60wqznc] {
    color: #6b7280;
    margin: 0.5rem 0 0 0;
}

.social-links[b-13z60wqznc] {
    text-align: center;
}

.social-links h4[b-13z60wqznc] {
    color: #1f2937;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.social-buttons[b-13z60wqznc] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.social-btn[b-13z60wqznc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1.5rem;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    color: white;
}

.social-btn.instagram[b-13z60wqznc] {
    background: linear-gradient(135deg, #e4405f 0%, #f77737 100%);
}

.social-btn.twitter[b-13z60wqznc] {
    background: linear-gradient(135deg, #1da1f2 0%, #14171a 100%);
}

.social-btn:hover[b-13z60wqznc] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    color: white;
}

.social-note[b-13z60wqznc] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 0;
    font-style: italic;
}

/* Closing Section */
.closing-section[b-13z60wqznc] {
    padding: 4rem 0;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    color: white;
    text-align: center;
}

.closing-message[b-13z60wqznc] {
    max-width: 600px;
    margin: 0 auto;
}

.closing-message i[b-13z60wqznc] {
    color: #ec4899;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    display: block;
}

.closing-message p[b-13z60wqznc] {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    color: #d1d5db;
}

.signature[b-13z60wqznc] {
    font-size: 1.1rem;
    font-style: italic;
    color: #f9fafb;
}

.signature strong[b-13z60wqznc] {
    color: #ec4899;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-title[b-13z60wqznc] {
        font-size: 2.5rem;
    }
    
    .greeting[b-13z60wqznc] {
        font-size: 1.4rem;
    }
    
    .hero-subtitle[b-13z60wqznc] {
        font-size: 1.1rem;
    }
    
    .image-placeholder[b-13z60wqznc] {
        width: 250px;
        height: 250px;
    }
    
    .image-placeholder i[b-13z60wqznc] {
        font-size: 3rem;
    }
    
    .memory-box[b-13z60wqznc] {
        flex-direction: column;
        text-align: center;
    }
    
    .majick-letters[b-13z60wqznc] {
        font-size: 2rem;
    }
    
    .lamp-text[b-13z60wqznc] {
        font-size: 1.5rem;
        margin-left: 0;
        display: block;
    }
    
    .letter-grid[b-13z60wqznc] {
        grid-template-columns: repeat(2, 1fr);
        max-width: 200px;
    }
    
    .letter-item[b-13z60wqznc] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    
    .contact-item[b-13z60wqznc] {
        flex-direction: column;
        text-align: center;
    }
    
    .social-buttons[b-13z60wqznc] {
        flex-direction: column;
        align-items: center;
    }
    
    .connect-card[b-13z60wqznc] {
        padding: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-section[b-13z60wqznc] {
        padding: 2rem 0;
    }
    
    .story-section[b-13z60wqznc],
    .majick-section[b-13z60wqznc],
    .journey-section[b-13z60wqznc],
    .connect-section[b-13z60wqznc] {
        padding: 3rem 0;
    }
    
    .section-title[b-13z60wqznc] {
        font-size: 2rem;
    }
    
    .story-text .lead[b-13z60wqznc] {
        font-size: 1.1rem;
    }
    
    .story-text[b-13z60wqznc],
    .journey-text[b-13z60wqznc],
    .connect-text[b-13z60wqznc] {
        font-size: 1rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/CommissionRequestDetail.razor.rz.scp.css */
/* Admin Commission Detail Page Styles */
.admin-commission-detail-page[b-f9jbxyxdjm] {
    padding: 2rem;
    background: var(--primary-dark);
    min-height: 100vh;
    color: var(--text-light);
    max-width: 1200px;
    margin: 0 auto;
}

/* Loading State */
.loading-container[b-f9jbxyxdjm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    color: var(--text-muted);
}

.loading-spinner[b-f9jbxyxdjm] {
    width: 50px;
    height: 50px;
    border: 4px solid var(--border-color);
    border-top: 4px solid var(--accent-warm);
    border-radius: 50%;
    animation: spin-b-f9jbxyxdjm 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-f9jbxyxdjm {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Error State */
.error-container[b-f9jbxyxdjm] {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
}

.error-icon[b-f9jbxyxdjm] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.6;
}

.error-container h2[b-f9jbxyxdjm] {
    color: var(--text-light);
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

.error-container p[b-f9jbxyxdjm] {
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* Header Section */
.detail-header[b-f9jbxyxdjm] {
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 2rem;
}

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

.back-link[b-f9jbxyxdjm] {
    color: var(--accent-warm);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.back-link:hover[b-f9jbxyxdjm] {
    color: var(--accent-bright);
    transform: translateX(-4px);
}

.header-actions[b-f9jbxyxdjm] {
    display: flex;
    gap: 1rem;
}

.request-header-info[b-f9jbxyxdjm] {
    text-align: center;
}

.request-title-section[b-f9jbxyxdjm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.request-title-section h1[b-f9jbxyxdjm] {
    color: var(--text-accent);
    font-size: 2.2rem;
    margin: 0;
}

.request-meta[b-f9jbxyxdjm] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    color: var(--text-muted);
    font-size: 0.95rem;
}

.meta-item strong[b-f9jbxyxdjm] {
    color: var(--text-light);
}

/* Status Badges */
.status-badge[b-f9jbxyxdjm] {
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-f9jbxyxdjm] {
    background-color: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 2px solid #fbbf24;
}

.status-badge.status-under-review[b-f9jbxyxdjm] {
    background-color: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
    border: 2px solid #3b82f6;
}

.status-badge.status-approved[b-f9jbxyxdjm] {
    background-color: rgba(16, 185, 129, 0.2);
    color: #10b981;
    border: 2px solid #10b981;
}

.status-badge.status-rejected[b-f9jbxyxdjm] {
    background-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
    border: 2px solid #ef4444;
}

.status-badge.status-converted[b-f9jbxyxdjm] {
    background-color: rgba(139, 92, 246, 0.2);
    color: #8b5cf6;
    border: 2px solid #8b5cf6;
}

/* Detail Sections */
.detail-section[b-f9jbxyxdjm] {
    margin-bottom: 2.5rem;
    background: var(--secondary-dark);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.detail-section h2[b-f9jbxyxdjm] {
    background: var(--primary-dark);
    color: var(--text-accent);
    margin: 0;
    padding: 1.5rem;
    font-size: 1.4rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-content[b-f9jbxyxdjm] {
    padding: 2rem;
}

/* Admin Actions Section */
.admin-actions-section[b-f9jbxyxdjm] {
    border-left: 4px solid var(--accent-warm);
}

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

.admin-action-buttons .btn[b-f9jbxyxdjm] {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.admin-action-buttons .btn:hover[b-f9jbxyxdjm] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Customer Information Grid */
.customer-info-grid[b-f9jbxyxdjm], .project-info-grid[b-f9jbxyxdjm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.info-item[b-f9jbxyxdjm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-item.full-width[b-f9jbxyxdjm] {
    grid-column: 1 / -1;
}

.info-item label[b-f9jbxyxdjm] {
    font-weight: 600;
    color: var(--text-accent);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-f9jbxyxdjm] {
    color: var(--text-light);
    line-height: 1.6;
    font-size: 1rem;
}

.info-value.budget[b-f9jbxyxdjm] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-warm);
}

.info-value.deadline[b-f9jbxyxdjm] {
    font-size: 1.1rem;
    color: var(--text-accent);
}

.info-value.description[b-f9jbxyxdjm] {
    background: var(--primary-dark);
    padding: 1rem;
    border-radius: 8px;
    border-left: 4px solid var(--accent-warm);
    white-space: pre-wrap;
}

.email-link[b-f9jbxyxdjm] {
    color: var(--accent-warm);
    text-decoration: none;
    transition: color 0.3s ease;
}

.email-link:hover[b-f9jbxyxdjm] {
    color: var(--accent-bright);
    text-decoration: underline;
}

/* Images Gallery */
.images-gallery[b-f9jbxyxdjm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

.image-item[b-f9jbxyxdjm] {
    text-align: center;
}

.reference-image[b-f9jbxyxdjm] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.reference-image:hover[b-f9jbxyxdjm] {
    border-color: var(--accent-warm);
    transform: scale(1.03);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.image-caption[b-f9jbxyxdjm] {
    margin-top: 0.5rem;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-style: italic;
}

/* Timeline */
.timeline[b-f9jbxyxdjm] {
    position: relative;
    padding-left: 2rem;
}

.timeline[b-f9jbxyxdjm]::before {
    content: '';
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--border-color);
}

.timeline-item[b-f9jbxyxdjm] {
    position: relative;
    margin-bottom: 2rem;
    padding-left: 2rem;
}

.timeline-marker[b-f9jbxyxdjm] {
    position: absolute;
    left: -2rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--border-color);
    border: 3px solid var(--secondary-dark);
}

.timeline-item.completed .timeline-marker[b-f9jbxyxdjm] {
    background: var(--accent-warm);
}

.timeline-item.current .timeline-marker[b-f9jbxyxdjm] {
    background: #3b82f6;
    animation: pulse-b-f9jbxyxdjm 2s infinite;
}

.timeline-item.rejected .timeline-marker[b-f9jbxyxdjm] {
    background: #ef4444;
}

@keyframes pulse-b-f9jbxyxdjm {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

.timeline-content h4[b-f9jbxyxdjm] {
    color: var(--text-accent);
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
}

.timeline-content p[b-f9jbxyxdjm] {
    color: var(--text-light);
    margin: 0 0 0.5rem 0;
    font-weight: 500;
}

.timeline-description[b-f9jbxyxdjm] {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.5;
    display: block;
    margin-bottom: 0.25rem;
}

.timeline-description.pending[b-f9jbxyxdjm] {
    color: #fbbf24;
    font-style: italic;
}

.timeline-reviewer[b-f9jbxyxdjm] {
    color: var(--text-accent);
    font-size: 0.85rem;
    font-style: italic;
    display: block;
}

/* Admin Feedback */
.admin-feedback[b-f9jbxyxdjm] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
}

.feedback-content p[b-f9jbxyxdjm] {
    margin: 0 0 1rem 0;
    line-height: 1.7;
    font-size: 1.05rem;
    color: var(--text-light);
    white-space: pre-wrap;
}

.feedback-signature[b-f9jbxyxdjm] {
    text-align: right;
    padding-top: 1rem;
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

.feedback-signature small[b-f9jbxyxdjm] {
    color: #3b82f6;
    font-style: italic;
}

/* Custom Order Info */
.custom-order-info[b-f9jbxyxdjm] {
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
}

.order-header[b-f9jbxyxdjm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(139, 92, 246, 0.2);
    flex-wrap: wrap;
    gap: 1rem;
}

.order-header h3[b-f9jbxyxdjm] {
    color: #8b5cf6;
    margin: 0;
    font-size: 1.3rem;
}

.order-status[b-f9jbxyxdjm] {
    background: rgba(139, 92, 246, 0.2);
    color: #8b5cf6;
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.85rem;
    font-weight: 600;
}

.order-pricing[b-f9jbxyxdjm], .order-timeline[b-f9jbxyxdjm], .order-notes[b-f9jbxyxdjm] {
    margin-bottom: 1rem;
}

.order-pricing label[b-f9jbxyxdjm], .order-timeline label[b-f9jbxyxdjm], .order-notes label[b-f9jbxyxdjm] {
    display: block;
    font-weight: 600;
    color: var(--text-accent);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.price-display[b-f9jbxyxdjm] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-warm);
}

.date-display[b-f9jbxyxdjm] {
    font-size: 1.1rem;
    color: var(--text-light);
    font-weight: 500;
}

.notes-content[b-f9jbxyxdjm] {
    background: var(--primary-dark);
    padding: 1rem;
    border-radius: 6px;
    line-height: 1.6;
    color: var(--text-light);
    white-space: pre-wrap;
}

/* Buttons */
.btn[b-f9jbxyxdjm] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 0.95rem;
}

.btn-primary[b-f9jbxyxdjm] {
    background: var(--accent-warm);
    color: var(--text-dark);
}

.btn-primary:hover[b-f9jbxyxdjm] {
    background: var(--accent-bright);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-success[b-f9jbxyxdjm] {
    background: #10b981;
    color: white;
}

.btn-success:hover[b-f9jbxyxdjm] {
    background: #059669;
    transform: translateY(-2px);
}

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

.btn-danger:hover[b-f9jbxyxdjm] {
    background: #dc2626;
    transform: translateY(-2px);
}

.btn-accent[b-f9jbxyxdjm] {
    background: #8b5cf6;
    color: white;
}

.btn-accent:hover[b-f9jbxyxdjm] {
    background: #7c3aed;
    transform: translateY(-2px);
}

.btn-secondary[b-f9jbxyxdjm] {
    background: #6b7280;
    color: white;
}

.btn-secondary:hover[b-f9jbxyxdjm] {
    background: #4b5563;
    transform: translateY(-2px);
}

.btn-outline[b-f9jbxyxdjm] {
    background: transparent;
    color: var(--text-light);
    border: 1px solid var(--border-color);
}

.btn-outline:hover[b-f9jbxyxdjm] {
    background: var(--accent-warm);
    color: var(--text-dark);
    border-color: var(--accent-warm);
    transform: translateY(-2px);
}

.btn-sm[b-f9jbxyxdjm] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

/* Alert Styles */
.alert[b-f9jbxyxdjm] {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    position: relative;
    border: 1px solid;
}

.alert-info[b-f9jbxyxdjm] {
    background-color: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
    color: #3b82f6;
}

.alert-success[b-f9jbxyxdjm] {
    background-color: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.3);
    color: #10b981;
}

.alert-danger[b-f9jbxyxdjm] {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.btn-close[b-f9jbxyxdjm] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

.btn-close:hover[b-f9jbxyxdjm] {
    opacity: 1;
}

/* Print Styles */
@media print {
    .admin-commission-detail-page[b-f9jbxyxdjm] {
        background: white;
        color: black;
        padding: 1rem;
    }

    .header-nav[b-f9jbxyxdjm],
    .admin-action-buttons[b-f9jbxyxdjm] {
        display: none;
    }

    .detail-section[b-f9jbxyxdjm] {
        background: white;
        border: 1px solid #ccc;
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }

    .detail-section h2[b-f9jbxyxdjm] {
        background: #f5f5f5;
        color: black;
    }

    .status-badge[b-f9jbxyxdjm] {
        border: 2px solid currentColor;
    }

    .timeline[b-f9jbxyxdjm]::before {
        background: #ccc;
    }

    .timeline-marker[b-f9jbxyxdjm] {
        border-color: white;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .admin-commission-detail-page[b-f9jbxyxdjm] {
        padding: 1rem;
    }

    .header-nav[b-f9jbxyxdjm] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-actions[b-f9jbxyxdjm] {
        justify-content: center;
    }

    .request-title-section[b-f9jbxyxdjm] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .request-title-section h1[b-f9jbxyxdjm] {
        font-size: 1.8rem;
    }

    .request-meta[b-f9jbxyxdjm] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .section-content[b-f9jbxyxdjm] {
        padding: 1rem;
    }

    .customer-info-grid[b-f9jbxyxdjm], .project-info-grid[b-f9jbxyxdjm] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .admin-action-buttons[b-f9jbxyxdjm] {
        flex-direction: column;
        align-items: stretch;
    }

    .images-gallery[b-f9jbxyxdjm] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 1rem;
    }

    .reference-image[b-f9jbxyxdjm] {
        height: 150px;
    }

    .timeline[b-f9jbxyxdjm] {
        padding-left: 1.5rem;
    }

    .timeline-item[b-f9jbxyxdjm] {
        padding-left: 1.5rem;
    }

    .timeline-marker[b-f9jbxyxdjm] {
        left: -1.5rem;
        width: 0.8rem;
        height: 0.8rem;
    }

    .order-header[b-f9jbxyxdjm] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .request-title-section h1[b-f9jbxyxdjm] {
        font-size: 1.5rem;
    }

    .detail-section h2[b-f9jbxyxdjm] {
        padding: 1rem;
        font-size: 1.2rem;
    }

    .btn[b-f9jbxyxdjm] {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }

    .timeline[b-f9jbxyxdjm]::before {
        left: 0.5rem;
    }

    .timeline-item[b-f9jbxyxdjm] {
        padding-left: 1rem;
    }

    .timeline-marker[b-f9jbxyxdjm] {
        left: -1rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/CustomOrderRequests.razor.rz.scp.css */
/* Custom Order Requests Admin Page Styles */
.admin-page[b-zvee2w67hv] {
    padding: 2rem;
    background: var(--primary-dark);
    min-height: 100vh;
    color: var(--text-light);
}

.admin-header[b-zvee2w67hv] {
    margin-bottom: 2rem;
    text-align: center;
}

.admin-header h1[b-zvee2w67hv] {
    color: var(--text-accent);
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.admin-header p[b-zvee2w67hv] {
    color: var(--text-muted);
    font-size: 1.1rem;
}

/* Filter Tabs */
.filter-tabs[b-zvee2w67hv] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

.filter-tab[b-zvee2w67hv] {
    background: var(--secondary-dark);
    color: var(--text-light);
    border: 1px solid var(--border-color);
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.filter-tab:hover[b-zvee2w67hv] {
    background: var(--accent-warm);
    border-color: var(--accent-warm);
    transform: translateY(-2px);
}

.filter-tab.active[b-zvee2w67hv] {
    background: linear-gradient(135deg, var(--accent-warm), var(--soft-pink));
    border-color: var(--accent-warm);
    color: var(--text-light);
}

/* Requests Grid */
.requests-grid[b-zvee2w67hv] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
}

.request-card[b-zvee2w67hv] {
    background: var(--card-bg);
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.request-card:hover[b-zvee2w67hv] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.request-card.status-pending[b-zvee2w67hv] {
    border-left: 4px solid var(--warning-color);
}

.request-card.status-under-review[b-zvee2w67hv] {
    border-left: 4px solid var(--accent-soft);
}

.request-card.status-approved[b-zvee2w67hv] {
    border-left: 4px solid var(--success-color);
}

.request-card.status-rejected[b-zvee2w67hv] {
    border-left: 4px solid var(--error-color);
}

.request-card.status-converted[b-zvee2w67hv] {
    border-left: 4px solid var(--cozy-purple);
}

/* Request Header */
.request-header[b-zvee2w67hv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.request-id h3[b-zvee2w67hv] {
    color: var(--text-accent);
    margin: 0 0 0.25rem 0;
    font-size: 1.3rem;
}

.request-date[b-zvee2w67hv] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.status-badge[b-zvee2w67hv] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-zvee2w67hv] {
    background: rgba(243, 156, 18, 0.2);
    color: var(--warning-color);
    border: 1px solid var(--warning-color);
}

.status-badge.status-underreview[b-zvee2w67hv] {
    background: rgba(243, 156, 18, 0.2);
    color: var(--accent-soft);
    border: 1px solid var(--accent-soft);
}

.status-badge.status-approved[b-zvee2w67hv] {
    background: rgba(39, 174, 96, 0.2);
    color: var(--success-color);
    border: 1px solid var(--success-color);
}

.status-badge.status-rejected[b-zvee2w67hv] {
    background: rgba(231, 76, 60, 0.2);
    color: var(--error-color);
    border: 1px solid var(--error-color);
}

.status-badge.status-converted[b-zvee2w67hv] {
    background: rgba(108, 92, 231, 0.2);
    color: var(--cozy-purple);
    border: 1px solid var(--cozy-purple);
}

/* Request Body */
.customer-info[b-zvee2w67hv] {
    margin-bottom: 1rem;
}

.customer-info h4[b-zvee2w67hv] {
    color: var(--text-light);
    margin: 0 0 0.25rem 0;
    font-size: 1.1rem;
}

.customer-email[b-zvee2w67hv] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.9rem;
}

.project-details[b-zvee2w67hv] {
    margin-bottom: 1rem;
}

.project-details h5[b-zvee2w67hv] {
    color: var(--text-accent);
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
}

.description[b-zvee2w67hv] {
    color: var(--text-light);
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.project-meta[b-zvee2w67hv] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.price-range[b-zvee2w67hv], .deadline[b-zvee2w67hv] {
    background: var(--secondary-dark);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.9rem;
    color: var(--text-light);
    border: 1px solid var(--border-color);
}

/* Request Images */
.request-images[b-zvee2w67hv] {
    margin-bottom: 1rem;
}

.request-images h6[b-zvee2w67hv] {
    color: var(--text-accent);
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.image-gallery[b-zvee2w67hv] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.reference-image[b-zvee2w67hv] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid var(--border-color);
    cursor: pointer;
    transition: all 0.3s ease;
}

.reference-image:hover[b-zvee2w67hv] {
    border-color: var(--accent-warm);
    transform: scale(1.05);
}

.more-images[b-zvee2w67hv] {
    background: var(--secondary-dark);
    color: var(--text-muted);
    padding: 0.5rem;
    border-radius: 6px;
    font-size: 0.8rem;
    border: 1px solid var(--border-color);
}

/* Additional Info */
.additional-info[b-zvee2w67hv] {
    background: var(--secondary-dark);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
}

.materials[b-zvee2w67hv], .notes[b-zvee2w67hv] {
    margin-bottom: 0.5rem;
    color: var(--text-light);
    line-height: 1.4;
}

.materials:last-child[b-zvee2w67hv], .notes:last-child[b-zvee2w67hv] {
    margin-bottom: 0;
}

/* Admin Notes */
.admin-notes[b-zvee2w67hv] {
    background: rgba(108, 92, 231, 0.1);
    border: 1px solid var(--cozy-purple);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.admin-notes h6[b-zvee2w67hv] {
    color: var(--cozy-purple);
    margin: 0 0 0.5rem 0;
}

.admin-notes p[b-zvee2w67hv] {
    color: var(--text-light);
    margin: 0 0 0.5rem 0;
}

.admin-notes small[b-zvee2w67hv] {
    color: var(--text-muted);
    font-style: italic;
}

/* Request Actions */
.request-actions[b-zvee2w67hv] {
    display: flex;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
    flex-wrap: wrap;
}

.request-actions .btn[b-zvee2w67hv] {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.btn-primary[b-zvee2w67hv] {
    background: linear-gradient(135deg, var(--accent-warm), var(--soft-pink));
    color: var(--text-light);
}

.btn-success[b-zvee2w67hv] {
    background: var(--success-color);
    color: var(--text-light);
}

.btn-danger[b-zvee2w67hv] {
    background: var(--error-color);
    color: var(--text-light);
}

.btn-accent[b-zvee2w67hv] {
    background: var(--cozy-purple);
    color: var(--text-light);
}

.btn-outline[b-zvee2w67hv] {
    background: transparent;
    color: var(--text-light);
    border: 1px solid var(--border-color);
}

.request-actions .btn:hover[b-zvee2w67hv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* No Requests State */
.no-requests[b-zvee2w67hv] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted);
}

.no-requests-icon[b-zvee2w67hv] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.no-requests h3[b-zvee2w67hv] {
    color: var(--text-light);
    margin-bottom: 1rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .admin-page[b-zvee2w67hv] {
        padding: 1rem;
    }
    
    .admin-header h1[b-zvee2w67hv] {
        font-size: 2rem;
    }
    
    .filter-tabs[b-zvee2w67hv] {
        gap: 0.25rem;
    }
    
    .filter-tab[b-zvee2w67hv] {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    
    .request-card[b-zvee2w67hv] {
        padding: 1rem;
    }
    
    .request-header[b-zvee2w67hv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .project-meta[b-zvee2w67hv] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .request-actions[b-zvee2w67hv] {
        flex-direction: column;
    }
    
    .request-actions .btn[b-zvee2w67hv] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/CustomOrders.razor.rz.scp.css */
.admin-page[b-joy1x7013q] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

.page-header[b-joy1x7013q] {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-left: 6px solid #fd79a8;
}

.header-left h1[b-joy1x7013q] {
    color: #2d3748;
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle[b-joy1x7013q] {
    color: #4a5568;
    margin: 0.5rem 0 0 0;
    font-size: 1.1rem;
    font-weight: 400;
}

.back-button[b-joy1x7013q] {
    background: linear-gradient(135deg, #fd79a8 0%, #fc5c9c 100%) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(253, 121, 168, 0.3);
    transition: all 0.3s ease;
}

.back-button:hover[b-joy1x7013q] {
    box-shadow: 0 6px 20px rgba(253, 121, 168, 0.4);
    transform: translateY(-2px);
}

.admin-card[b-joy1x7013q] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.table-controls[b-joy1x7013q] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.search-field[b-joy1x7013q] {
    flex: 2;
    min-width: 300px;
}

.status-filter[b-joy1x7013q] {
    flex: 1;
    min-width: 200px;
}

.custom-data-grid[b-joy1x7013q] {
    background: transparent;
    border-radius: 12px;
}

.custom-data-grid .mud-table[b-joy1x7013q] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
}

.custom-data-grid .mud-table-head[b-joy1x7013q] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.custom-data-grid .mud-table-head .mud-table-cell[b-joy1x7013q] {
    color: white;
    font-weight: 600;
    border-bottom: none;
}

.custom-data-grid .mud-table-row:hover[b-joy1x7013q] {
    background: #f8f9fa;
    transition: background-color 0.2s ease;
}

.description-cell[b-joy1x7013q] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-item[b-joy1x7013q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-weight: 500;
    font-size: 0.875rem;
    min-width: 120px;
    justify-content: center;
}

.status-item.pending[b-joy1x7013q] { 
    background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%); 
    color: #e17055; 
}
.status-item.quoted[b-joy1x7013q] { 
    background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); 
    color: white; 
}
.status-item.approved[b-joy1x7013q] { 
    background: linear-gradient(135deg, #00b894 0%, #00a085 100%); 
    color: white; 
}
.status-item.in-progress[b-joy1x7013q] { 
    background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%); 
    color: white; 
}
.status-item.completed[b-joy1x7013q] { 
    background: linear-gradient(135deg, #55a3ff 0%, #2d3436 100%); 
    color: white; 
}
.status-item.declined[b-joy1x7013q] { 
    background: linear-gradient(135deg, #ff7675 0%, #d63031 100%); 
    color: white; 
}

.custom-order-details[b-joy1x7013q] {
    padding: 1rem 0;
}

.quote-summary[b-joy1x7013q] {
    text-align: right;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    border-left: 4px solid #fd79a8;
}

.quote-summary .text-success[b-joy1x7013q] {
    color: #00b894 !important;
    font-size: 1.25rem;
    font-weight: 700;
}

.quote-summary .text-warning[b-joy1x7013q] {
    color: #f39c12 !important;
    font-size: 1.25rem;
    font-weight: 700;
}

.edit-quote-content[b-joy1x7013q] {
    padding: 1rem 0;
}

.mud-button-group .mud-icon-button[b-joy1x7013q] {
    transition: all 0.2s ease;
}

.mud-button-group .mud-icon-button:hover[b-joy1x7013q] {
    transform: scale(1.1);
}

.font-weight-bold[b-joy1x7013q] {
    font-weight: 600 !important;
}

.text-success[b-joy1x7013q] {
    color: #00b894 !important;
}

.mb-3[b-joy1x7013q] {
    margin-bottom: 1rem !important;
}

.my-4[b-joy1x7013q] {
    margin: 1.5rem 0 !important;
}

.pa-3[b-joy1x7013q] {
    padding: 1rem !important;
}

.mb-4[b-joy1x7013q] {
    margin-bottom: 1.5rem !important;
}

.mb-2[b-joy1x7013q] {
    margin-bottom: 0.5rem !important;
}

@media (max-width: 768px) {
    .admin-page[b-joy1x7013q] {
        padding: 1rem;
    }
    
    .page-header[b-joy1x7013q] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem;
    }
    
    .header-left h1[b-joy1x7013q] {
        font-size: 2rem;
    }
    
    .table-controls[b-joy1x7013q] {
        flex-direction: column;
    }
    
    .search-field[b-joy1x7013q],
    .status-filter[b-joy1x7013q] {
        min-width: 100%;
    }
    
    .description-cell[b-joy1x7013q] {
        max-width: 150px;
    }
}

/* Custom MudBlazor overrides */
.mud-chip[b-joy1x7013q] {
    font-weight: 500;
}

.mud-select .mud-input-control[b-joy1x7013q] {
    min-height: auto;
}

.mud-data-grid .mud-table-cell[b-joy1x7013q] {
    vertical-align: middle;
}

.mud-dialog .mud-dialog-title[b-joy1x7013q] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    margin: -24px -24px 24px -24px;
    padding: 1.5rem 2rem;
}

.mud-table-striped .mud-table-row:nth-of-type(odd)[b-joy1x7013q] {
    background-color: #f8f9fa;
}

.mud-table-hover .mud-table-row:hover[b-joy1x7013q] {
    background-color: #e9ecef !important;
}

.mud-paper[b-joy1x7013q] {
    border-radius: 8px !important;
}

.mud-numeric-field .mud-input-control-input-container[b-joy1x7013q] {
    padding-left: 2.5rem;
}

.mud-date-picker .mud-input-control[b-joy1x7013q] {
    border-radius: 8px;
}

/* Action Buttons Styling */
.action-buttons[b-joy1x7013q] {
    display: flex;
    gap: 0.5rem;
}

.action-buttons .btn[b-joy1x7013q] {
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

.btn-outline-primary[b-joy1x7013q] {
    border: 1px solid #ec4899;
    color: #ec4899;
    background: transparent;
}

.btn-outline-primary:hover[b-joy1x7013q] {
    background: #ec4899;
    color: white;
}

.btn-outline-secondary[b-joy1x7013q] {
    border: 1px solid #6b7280;
    color: #6b7280;
    background: transparent;
}

.btn-outline-secondary:hover[b-joy1x7013q] {
    background: #6b7280;
    color: white;
}

.btn-outline-danger[b-joy1x7013q] {
    border: 1px solid #dc2626;
    color: #dc2626;
    background: transparent;
}

.btn-outline-danger:hover[b-joy1x7013q] {
    background: #dc2626;
    color: white;
}
/* _content/MajickLamp.Web/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.admin-dashboard[b-ab2t1kztbu] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-ab2t1kztbu] {
    text-align: center;
    margin-bottom: 3rem;
}

.dashboard-header h1[b-ab2t1kztbu] {
    color: var(--text-accent);
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.subtitle[b-ab2t1kztbu] {
    color: var(--text-muted);
    font-size: 1.1rem;
}

.dashboard-stats[b-ab2t1kztbu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.stat-card[b-ab2t1kztbu] {
    background: var(--card-bg);
    border-radius: 12px;
    padding: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.stat-card:hover[b-ab2t1kztbu] {
    transform: translateY(-3px);
}

.stat-icon[b-ab2t1kztbu] {
    font-size: 2.5rem;
    opacity: 0.8;
}

.stat-content h3[b-ab2t1kztbu] {
    color: var(--accent-soft);
    font-size: 2rem;
    margin: 0;
}

.stat-content p[b-ab2t1kztbu] {
    color: var(--text-muted);
    margin: 0.25rem 0 0 0;
}

.dashboard-actions[b-ab2t1kztbu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 3rem;
}

.action-button[b-ab2t1kztbu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    text-align: center;
    justify-content: center;
}

.action-button.primary[b-ab2t1kztbu] {
    background: linear-gradient(135deg, var(--accent-warm), var(--soft-pink));
    color: var(--text-light);
}

.action-button.secondary[b-ab2t1kztbu] {
    background: linear-gradient(135deg, var(--cozy-purple), var(--accent-warm));
    color: var(--text-light);
}

.action-button.info[b-ab2t1kztbu] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
}

.action-button.accent[b-ab2t1kztbu] {
    background: linear-gradient(135deg, var(--accent-soft), var(--text-accent));
    color: var(--primary-dark);
}

.action-button.outline[b-ab2t1kztbu] {
    background: transparent;
    border: 2px solid var(--accent-soft);
    color: var(--accent-soft);
}

.action-button:hover[b-ab2t1kztbu] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.action-button .icon[b-ab2t1kztbu] {
    font-size: 1.25rem;
}

.recent-activity[b-ab2t1kztbu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.activity-section h2[b-ab2t1kztbu] {
    color: var(--text-accent);
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 0.5rem;
}

.order-card[b-ab2t1kztbu], .custom-order-card[b-ab2t1kztbu] {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid var(--accent-soft);
    transition: all 0.3s ease;
}

.order-card:hover[b-ab2t1kztbu], .custom-order-card:hover[b-ab2t1kztbu] {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.order-info h4[b-ab2t1kztbu], .custom-order-info h4[b-ab2t1kztbu] {
    color: var(--text-light);
    margin: 0 0 0.25rem 0;
    font-size: 1.1rem;
}

.order-info p[b-ab2t1kztbu], .custom-order-info p[b-ab2t1kztbu] {
    color: var(--text-muted);
    margin: 0 0 0.5rem 0;
}

.status-badge[b-ab2t1kztbu] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
}

.status-pending[b-ab2t1kztbu] {
    background-color: var(--warning-color);
    color: var(--primary-dark);
}

.status-inprogress[b-ab2t1kztbu] {
    background-color: var(--cozy-purple);
    color: var(--text-light);
}

.status-completed[b-ab2t1kztbu] {
    background-color: var(--success-color);
    color: var(--text-light);
}

.status-quoteprovided[b-ab2t1kztbu] {
    background-color: var(--accent-soft);
    color: var(--primary-dark);
}

.order-amount[b-ab2t1kztbu], .custom-order-amount[b-ab2t1kztbu] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--accent-soft);
}

.pending-quote[b-ab2t1kztbu] {
    color: var(--text-muted);
    font-style: italic;
}

.no-data[b-ab2t1kztbu] {
    color: var(--text-muted);
    text-align: center;
    padding: 2rem;
    font-style: italic;
}

@media (max-width: 768px) {
    .dashboard-stats[b-ab2t1kztbu] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    
    .dashboard-actions[b-ab2t1kztbu] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    
    .recent-activity[b-ab2t1kztbu] {
        grid-template-columns: 1fr;
    }
    
    .order-card[b-ab2t1kztbu], .custom-order-card[b-ab2t1kztbu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/EditProduct.razor.rz.scp.css */
/* MajickLamp Admin Panel - Product Edit/Create Page
   Following ADMIN-STYLE-GUIDE.md standards */

.admin-page[b-r1cr70end2] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

.page-header[b-r1cr70end2] {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-left: 6px solid #fd79a8;
}

.header-left h1[b-r1cr70end2] {
    color: #2d3748;
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle[b-r1cr70end2] {
    color: #4a5568;
    margin: 0.5rem 0 0 0;
    font-size: 1.1rem;
    font-weight: 400;
}

.header-actions[b-r1cr70end2] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.admin-card[b-r1cr70end2] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    margin-bottom: 2rem;
    overflow: hidden;
}

.admin-card .card-header[b-r1cr70end2] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1.5rem 2rem;
    border-bottom: none;
    margin: 0;
}

.admin-card .card-header h3[b-r1cr70end2] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.admin-card .card-body[b-r1cr70end2] {
    padding: 2rem;
    color: #2d3748;
    background: white;
}

.form-label[b-r1cr70end2] {
    color: #2d3748;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-control[b-r1cr70end2], .form-select[b-r1cr70end2], textarea[b-r1cr70end2] {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    background: white;
    color: #2d3748;
    transition: all 0.3s ease;
}

.form-control:focus[b-r1cr70end2], .form-select:focus[b-r1cr70end2], textarea:focus[b-r1cr70end2] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    background: white;
    color: #2d3748;
}

.form-text[b-r1cr70end2] {
    color: #718096;
    font-size: 0.875rem;
}

.input-group-text[b-r1cr70end2] {
    background: #f7fafc;
    border: 2px solid #e2e8f0;
    border-right: none;
    color: #4a5568;
    font-weight: 600;
}

.input-group .form-control[b-r1cr70end2] {
    border-left: none;
}

.form-check-input[b-r1cr70end2] {
    border: 2px solid #e2e8f0;
    width: 1.25rem;
    height: 1.25rem;
}

.form-check-input:checked[b-r1cr70end2] {
    background-color: #667eea;
    border-color: #667eea;
}

.form-check-input:focus[b-r1cr70end2] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
}

.form-check-label[b-r1cr70end2] {
    color: #2d3748;
    font-weight: 500;
}

.btn-primary[b-r1cr70end2] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: white !important;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.btn-primary:hover[b-r1cr70end2] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.btn-success[b-r1cr70end2] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
    border: none !important;
    color: white !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(72, 187, 120, 0.3);
}

.btn-success:hover[b-r1cr70end2] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(72, 187, 120, 0.4);
}

.btn-outline-secondary[b-r1cr70end2] {
    border: 2px solid #a0aec0 !important;
    color: #4a5568 !important;
    background: white !important;
    border-radius: 8px;
}

.btn-outline-secondary:hover[b-r1cr70end2] {
    background: #a0aec0 !important;
    color: white !important;
}

.btn-secondary[b-r1cr70end2] {
    background: #a0aec0 !important;
    border: none !important;
    color: white !important;
    border-radius: 8px;
}

.btn-outline-danger[b-r1cr70end2], .btn-outline-light[b-r1cr70end2] {
    border: 2px solid #e53e3e !important;
    color: #e53e3e !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 6px;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.btn-outline-danger:hover[b-r1cr70end2], .btn-outline-light:hover[b-r1cr70end2] {
    background: #e53e3e !important;
    color: white !important;
}

/* Image Gallery Styles */
.image-gallery[b-r1cr70end2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 1rem;
}

.image-item[b-r1cr70end2] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
    background: white;
}

.image-item.main-image[b-r1cr70end2] {
    border-color: #ffd700;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.3);
}

.image-item:hover[b-r1cr70end2] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.product-image[b-r1cr70end2] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.product-image:hover[b-r1cr70end2] {
    transform: scale(1.05);
}

.image-overlay[b-r1cr70end2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-item:hover .image-overlay[b-r1cr70end2] {
    opacity: 1;
}

.main-badge[b-r1cr70end2] {
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    color: #2d3748;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.image-caption[b-r1cr70end2] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: white;
    padding: 1rem 0.5rem 0.5rem;
    font-size: 0.75rem;
    text-align: center;
}

/* Modal Styles */
.modal-overlay[b-r1cr70end2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    animation: fadeIn-b-r1cr70end2 0.3s ease;
}

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

.modal[b-r1cr70end2] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    max-height: 90vh;
    overflow-y: auto;
    animation: slideIn-b-r1cr70end2 0.3s ease-out;
}

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

.image-upload-modal[b-r1cr70end2] {
    width: 90%;
    max-width: 500px;
}

.modal-header[b-r1cr70end2] {
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.modal-header h3[b-r1cr70end2] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.modal-body[b-r1cr70end2] {
    padding: 2rem;
    color: #2d3748;
}

.modal-footer[b-r1cr70end2] {
    padding: 1rem 2rem 2rem;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.btn-close[b-r1cr70end2] {
    background: none;
    border: none;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.btn-close:hover[b-r1cr70end2] {
    background: rgba(255, 255, 255, 0.2);
}

/* Loading States */
.spinner-border[b-r1cr70end2] {
    color: #667eea;
}

.text-center.p-5[b-r1cr70end2] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    color: #2d3748;
}

.text-muted[b-r1cr70end2] {
    color: #718096 !important;
}

/* Toast Notifications */
.alert[b-r1cr70end2] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    color: white;
}

.alert-success[b-r1cr70end2] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
}

.alert-danger[b-r1cr70end2] {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
}

.alert-info[b-r1cr70end2] {
    background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
}

.alert-warning[b-r1cr70end2] {
    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
}

/* Responsive Design */
@media (max-width: 768px) {
    .admin-page[b-r1cr70end2] {
        padding: 1rem;
    }
    
    .page-header[b-r1cr70end2] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    
    .header-actions[b-r1cr70end2] {
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
    
    .header-actions .btn[b-r1cr70end2] {
        width: 100%;
    }
    
    .admin-card .card-body[b-r1cr70end2] {
        padding: 1rem;
    }
    
    .image-gallery[b-r1cr70end2] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 0.75rem;
    }
    
    .product-image[b-r1cr70end2] {
        height: 100px;
    }
    
    .modal[b-r1cr70end2] {
        margin: 1rem;
        max-height: calc(100vh - 2rem);
    }
    
    .modal-header[b-r1cr70end2], .modal-body[b-r1cr70end2] {
        padding: 1rem;
    }
    
    .modal-footer[b-r1cr70end2] {
        padding: 1rem;
        flex-direction: column;
    }
    
    .modal-footer .btn[b-r1cr70end2] {
        width: 100%;
    }
}

/* Image Gallery Styles */
.image-gallery[b-r1cr70end2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.gallery-item[b-r1cr70end2] {
    position: relative;
    width: 100%;
    height: 150px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #e0e0e0;
    transition: border-color 0.3s ease;
}

.gallery-item:hover[b-r1cr70end2] {
    border-color: #007bff;
}

.gallery-item.main-image[b-r1cr70end2] {
    border-color: #28a745;
    border-width: 3px;
}

.gallery-item img[b-r1cr70end2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-overlay[b-r1cr70end2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    flex-direction: column;
    gap: 10px;
}

.gallery-item:hover .image-overlay[b-r1cr70end2] {
    opacity: 1;
}

.main-image-badge[b-r1cr70end2] {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #28a745;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
}

.overlay-btn[b-r1cr70end2] {
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
    font-weight: 500;
}

.overlay-btn:hover[b-r1cr70end2] {
    background: white;
}

.btn-set-main[b-r1cr70end2] {
    color: #28a745;
}

.btn-set-main:hover[b-r1cr70end2] {
    background: #28a745;
    color: white;
}

.btn-delete[b-r1cr70end2] {
    color: #dc3545;
}

.btn-delete:hover[b-r1cr70end2] {
    background: #dc3545;
    color: white;
}

.no-images-message[b-r1cr70end2] {
    text-align: center;
    color: #6c757d;
    font-style: italic;
    padding: 30px;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-top: 15px;
}

.multiple-file-input[b-r1cr70end2] {
    margin-bottom: 15px;
}

.multiple-file-input .form-label[b-r1cr70end2] {
    font-weight: 600;
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .image-gallery[b-r1cr70end2] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
    }
    
    .gallery-item[b-r1cr70end2] {
        height: 120px;
    }
    
    .overlay-btn[b-r1cr70end2] {
        padding: 4px 8px;
        font-size: 11px;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/ManageFriends.razor.rz.scp.css */
/* Manage Friends Admin Page Styling */
.admin-page[b-0bt6t6ui3l] {
    min-height: 100vh;
    background: #f8f9fb;
}

.admin-header[b-0bt6t6ui3l] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.header-content[b-0bt6t6ui3l] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-title h1[b-0bt6t6ui3l] {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.header-title h1 i[b-0bt6t6ui3l] {
    color: #ec4899;
}

.header-subtitle[b-0bt6t6ui3l] {
    color: #6b7280;
    margin: 0.5rem 0 0 0;
    font-size: 1.1rem;
}

.header-actions .btn[b-0bt6t6ui3l] {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    border: none;
    padding: 0.8rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.header-actions .btn:hover[b-0bt6t6ui3l] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(236, 72, 153, 0.3);
}

.admin-content[b-0bt6t6ui3l] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Stats Row */
.stats-row[b-0bt6t6ui3l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-0bt6t6ui3l] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

.stat-card:hover[b-0bt6t6ui3l] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-0bt6t6ui3l] {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stat-content[b-0bt6t6ui3l] {
    flex: 1;
}

.stat-number[b-0bt6t6ui3l] {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-0bt6t6ui3l] {
    color: #6b7280;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Table Container */
.table-container[b-0bt6t6ui3l] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.table-header[b-0bt6t6ui3l] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.table-header h3[b-0bt6t6ui3l] {
    color: #1f2937;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}

.table-controls[b-0bt6t6ui3l] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.search-box[b-0bt6t6ui3l] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-box i[b-0bt6t6ui3l] {
    position: absolute;
    left: 1rem;
    color: #9ca3af;
    z-index: 1;
}

.search-box input[b-0bt6t6ui3l] {
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 250px;
    transition: all 0.3s ease;
}

.search-box input:focus[b-0bt6t6ui3l] {
    outline: none;
    border-color: #ec4899;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

/* Table Styles */
.table-wrapper[b-0bt6t6ui3l] {
    overflow-x: auto;
}

.admin-table[b-0bt6t6ui3l] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.admin-table th[b-0bt6t6ui3l] {
    background: #f9fafb;
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.admin-table td[b-0bt6t6ui3l] {
    padding: 1rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: top;
}

.admin-table tr:hover[b-0bt6t6ui3l] {
    background: #f9fafb;
}

.company-info strong[b-0bt6t6ui3l] {
    display: block;
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.company-info small[b-0bt6t6ui3l] {
    color: #6b7280;
    font-size: 0.8rem;
}

.category-tag[b-0bt6t6ui3l] {
    background: #ede9fe;
    color: #7c3aed;
    padding: 0.25rem 0.8rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.featured-badge[b-0bt6t6ui3l] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: white;
    padding: 0.25rem 0.8rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.not-featured[b-0bt6t6ui3l] {
    color: #9ca3af;
    font-size: 0.8rem;
}

.tags-container[b-0bt6t6ui3l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    max-width: 200px;
}

.tag[b-0bt6t6ui3l] {
    background: #fdf2f8;
    color: #be185d;
    padding: 0.2rem 0.6rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 500;
}

.tag-more[b-0bt6t6ui3l] {
    color: #6b7280;
    font-size: 0.75rem;
    font-style: italic;
}

.social-links[b-0bt6t6ui3l] {
    display: flex;
    gap: 0.5rem;
    font-size: 1rem;
}

.text-instagram[b-0bt6t6ui3l] { color: #e4405f; }
.text-facebook[b-0bt6t6ui3l] { color: #1877f2; }
.text-twitter[b-0bt6t6ui3l] { color: #1da1f2; }

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

.action-buttons .btn[b-0bt6t6ui3l] {
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

.btn-outline-primary[b-0bt6t6ui3l] {
    border: 1px solid #ec4899;
    color: #ec4899;
    background: transparent;
}

.btn-outline-primary:hover[b-0bt6t6ui3l] {
    background: #ec4899;
    color: white;
}

.btn-outline-danger[b-0bt6t6ui3l] {
    border: 1px solid #dc2626;
    color: #dc2626;
    background: transparent;
}

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

/* Loading and Empty States */
.loading-state[b-0bt6t6ui3l], .empty-state[b-0bt6t6ui3l] {
    text-align: center;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-state .spinner[b-0bt6t6ui3l] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f4f6;
    border-top: 4px solid #ec4899;
    border-radius: 50%;
    animation: spin-b-0bt6t6ui3l 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-0bt6t6ui3l {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state i[b-0bt6t6ui3l] {
    font-size: 4rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-0bt6t6ui3l] {
    color: #374151;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.empty-state p[b-0bt6t6ui3l] {
    margin-bottom: 2rem;
    font-size: 1rem;
}

/* Modal Styles */
.modal-overlay[b-0bt6t6ui3l] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-0bt6t6ui3l] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-header[b-0bt6t6ui3l] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-0bt6t6ui3l] {
    color: #1f2937;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

.modal-close[b-0bt6t6ui3l] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #9ca3af;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.modal-close:hover[b-0bt6t6ui3l] {
    background: #f3f4f6;
    color: #374151;
}

.modal-body[b-0bt6t6ui3l] {
    padding: 2rem;
}

/* Form Styles */
.form-row[b-0bt6t6ui3l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

.form-group label[b-0bt6t6ui3l] {
    display: block;
    color: #374151;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.form-control[b-0bt6t6ui3l] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-0bt6t6ui3l] {
    outline: none;
    border-color: #ec4899;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

.checkbox-group[b-0bt6t6ui3l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.checkbox-group input[type="checkbox"][b-0bt6t6ui3l] {
    width: auto;
    margin: 0;
}

.form-text[b-0bt6t6ui3l] {
    color: #6b7280;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.modal-actions[b-0bt6t6ui3l] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.modal-actions .btn[b-0bt6t6ui3l] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-secondary[b-0bt6t6ui3l] {
    background: #f3f4f6;
    color: #374151;
}

.btn-secondary:hover[b-0bt6t6ui3l] {
    background: #e5e7eb;
}

.btn-primary[b-0bt6t6ui3l] {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-0bt6t6ui3l] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(236, 72, 153, 0.3);
}

.btn-primary:disabled[b-0bt6t6ui3l] {
    opacity: 0.6;
    cursor: not-allowed;
}

.spinner-sm[b-0bt6t6ui3l] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin-b-0bt6t6ui3l 1s linear infinite;
    margin-right: 0.5rem;
}

/* Validation Styles */
.validation-message[b-0bt6t6ui3l] {
    color: #dc2626;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.form-control.invalid[b-0bt6t6ui3l] {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    .header-content[b-0bt6t6ui3l] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-title h1[b-0bt6t6ui3l] {
        font-size: 2rem;
    }

    .stats-row[b-0bt6t6ui3l] {
        grid-template-columns: 1fr;
    }

    .table-header[b-0bt6t6ui3l] {
        flex-direction: column;
        align-items: flex-start;
    }

    .search-box input[b-0bt6t6ui3l] {
        width: 100%;
    }

    .form-row[b-0bt6t6ui3l] {
        grid-template-columns: 1fr;
    }

    .modal-actions[b-0bt6t6ui3l] {
        flex-direction: column-reverse;
    }

    .modal-actions .btn[b-0bt6t6ui3l] {
        width: 100%;
        justify-content: center;
    }

    .admin-content[b-0bt6t6ui3l] {
        padding: 0 1rem;
    }

    .modal-header[b-0bt6t6ui3l],
    .modal-body[b-0bt6t6ui3l] {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .table-container[b-0bt6t6ui3l] {
        margin: 0 -1rem;
        border-radius: 0;
    }
    
    .admin-table[b-0bt6t6ui3l] {
        font-size: 0.8rem;
    }
    
    .admin-table th[b-0bt6t6ui3l],
    .admin-table td[b-0bt6t6ui3l] {
        padding: 0.75rem 0.5rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/ManageOrders.razor.rz.scp.css */
.admin-page[b-4muotadhbg] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

.page-header[b-4muotadhbg] {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-left: 6px solid #fd79a8;
}

.header-left h1[b-4muotadhbg] {
    color: #2d3748;
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle[b-4muotadhbg] {
    color: #4a5568;
    margin: 0.5rem 0 0 0;
    font-size: 1.1rem;
    font-weight: 400;
}

.back-button[b-4muotadhbg] {
    background: linear-gradient(135deg, #fd79a8 0%, #fc5c9c 100%) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(253, 121, 168, 0.3);
    transition: all 0.3s ease;
}

.back-button:hover[b-4muotadhbg] {
    box-shadow: 0 6px 20px rgba(253, 121, 168, 0.4);
    transform: translateY(-2px);
}

.admin-card[b-4muotadhbg] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.table-controls[b-4muotadhbg] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.search-field[b-4muotadhbg] {
    flex: 2;
    min-width: 300px;
}

.status-filter[b-4muotadhbg] {
    flex: 1;
    min-width: 200px;
}

.custom-data-grid[b-4muotadhbg] {
    background: transparent;
    border-radius: 12px;
}

.custom-data-grid .mud-table[b-4muotadhbg] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
}

.custom-data-grid .mud-table-head[b-4muotadhbg] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.custom-data-grid .mud-table-head .mud-table-cell[b-4muotadhbg] {
    color: white;
    font-weight: 600;
    border-bottom: none;
}

.custom-data-grid .mud-table-row:hover[b-4muotadhbg] {
    background: #f8f9fa;
    transition: background-color 0.2s ease;
}

.status-item[b-4muotadhbg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-weight: 500;
    font-size: 0.875rem;
    min-width: 120px;
    justify-content: center;
}

.status-item.pending[b-4muotadhbg] { 
    background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%); 
    color: #e17055; 
}
.status-item.in-progress[b-4muotadhbg] { 
    background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); 
    color: white; 
}
.status-item.completed[b-4muotadhbg] { 
    background: linear-gradient(135deg, #00b894 0%, #00a085 100%); 
    color: white; 
}
.status-item.shipped[b-4muotadhbg] { 
    background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%); 
    color: white; 
}
.status-item.delivered[b-4muotadhbg] { 
    background: linear-gradient(135deg, #55a3ff 0%, #2d3436 100%); 
    color: white; 
}
.status-item.cancelled[b-4muotadhbg] { 
    background: linear-gradient(135deg, #ff7675 0%, #d63031 100%); 
    color: white; 
}

.order-details[b-4muotadhbg] {
    padding: 1rem 0;
}

.order-summary[b-4muotadhbg] {
    text-align: right;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    border-left: 4px solid #fd79a8;
}

.order-summary .text-success[b-4muotadhbg] {
    color: #00b894 !important;
    font-size: 1.25rem;
    font-weight: 700;
}

.mud-button-group .mud-icon-button[b-4muotadhbg] {
    transition: all 0.2s ease;
}

.mud-button-group .mud-icon-button:hover[b-4muotadhbg] {
    transform: scale(1.1);
}

.font-weight-bold[b-4muotadhbg] {
    font-weight: 600 !important;
}

.text-success[b-4muotadhbg] {
    color: #00b894 !important;
}

@media (max-width: 768px) {
    .admin-page[b-4muotadhbg] {
        padding: 1rem;
    }
    
    .page-header[b-4muotadhbg] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem;
    }
    
    .header-left h1[b-4muotadhbg] {
        font-size: 2rem;
    }
    
    .table-controls[b-4muotadhbg] {
        flex-direction: column;
    }
    
    .search-field[b-4muotadhbg],
    .status-filter[b-4muotadhbg] {
        min-width: 100%;
    }
}

/* Custom MudBlazor overrides */
.mud-chip[b-4muotadhbg] {
    font-weight: 500;
}

.mud-select .mud-input-control[b-4muotadhbg] {
    min-height: auto;
}

.mud-data-grid .mud-table-cell[b-4muotadhbg] {
    vertical-align: middle;
}

.mud-dialog .mud-dialog-title[b-4muotadhbg] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    margin: -24px -24px 24px -24px;
    padding: 1.5rem 2rem;
}

.mud-table-striped .mud-table-row:nth-of-type(odd)[b-4muotadhbg] {
    background-color: #f8f9fa;
}

.mud-table-hover .mud-table-row:hover[b-4muotadhbg] {
    background-color: #e9ecef !important;
}

/* Action Buttons Styling */
.action-buttons[b-4muotadhbg] {
    display: flex;
    gap: 0.5rem;
}

.action-buttons .btn[b-4muotadhbg] {
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

.btn-outline-primary[b-4muotadhbg] {
    border: 1px solid #ec4899;
    color: #ec4899;
    background: transparent;
}

.btn-outline-primary:hover[b-4muotadhbg] {
    background: #ec4899;
    color: white;
}

.btn-outline-secondary[b-4muotadhbg] {
    border: 1px solid #6b7280;
    color: #6b7280;
    background: transparent;
}

.btn-outline-secondary:hover[b-4muotadhbg] {
    background: #6b7280;
    color: white;
}

.btn-outline-danger[b-4muotadhbg] {
    border: 1px solid #dc2626;
    color: #dc2626;
    background: transparent;
}

.btn-outline-danger:hover[b-4muotadhbg] {
    background: #dc2626;
    color: white;
}
/* _content/MajickLamp.Web/Components/Pages/Admin/ManageProducts.razor.rz.scp.css */
/* MajickLamp Admin Panel - Product Management Page
   Following ADMIN-STYLE-GUIDE.md standards */

.admin-page[b-3vxf3y3gze] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

.page-header[b-3vxf3y3gze] {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-left: 6px solid #fd79a8;
}

.header-left h1[b-3vxf3y3gze] {
    color: #2d3748;
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle[b-3vxf3y3gze] {
    color: #4a5568;
    margin: 0.5rem 0 0 0;
    font-size: 1.1rem;
    font-weight: 400;
}

.header-actions[b-3vxf3y3gze] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.admin-card[b-3vxf3y3gze] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    margin-bottom: 2rem;
    overflow: hidden;
}

.admin-card .card-header[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1.5rem 2rem;
    border-bottom: none;
    margin: 0;
}

.admin-card .card-header h3[b-3vxf3y3gze] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.admin-card .card-body[b-3vxf3y3gze] {
    padding: 2rem;
    color: #2d3748;
    background: white;
}

.table-controls[b-3vxf3y3gze] {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: 1px solid #e2e8f0;
}

.form-control[b-3vxf3y3gze], .form-select[b-3vxf3y3gze] {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    background: white;
    color: #2d3748;
    transition: all 0.3s ease;
}

.form-control:focus[b-3vxf3y3gze], .form-select:focus[b-3vxf3y3gze] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    background: white;
    color: #2d3748;
}

.btn-primary[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: white !important;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.btn-primary:hover[b-3vxf3y3gze] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.btn-success[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
    border: none !important;
    color: white !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(72, 187, 120, 0.3);
}

.btn-success:hover[b-3vxf3y3gze] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(72, 187, 120, 0.4);
}

.btn-outline-secondary[b-3vxf3y3gze] {
    border: 2px solid #a0aec0 !important;
    color: #4a5568 !important;
    background: white !important;
    border-radius: 8px;
}

.btn-outline-secondary:hover[b-3vxf3y3gze] {
    background: #a0aec0 !important;
    color: white !important;
}

.btn-outline-danger[b-3vxf3y3gze] {
    border: 2px solid #e53e3e !important;
    color: #e53e3e !important;
    background: white !important;
    border-radius: 8px;
}

.btn-outline-danger:hover[b-3vxf3y3gze] {
    background: #e53e3e !important;
    color: white !important;
}

.table-responsive[b-3vxf3y3gze] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.table[b-3vxf3y3gze] {
    margin: 0;
    background: white;
    color: #2d3748;
}

.table thead th[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
    color: white;
    border: none;
    padding: 1rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
}

.table tbody td[b-3vxf3y3gze] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}

.table tbody tr:hover[b-3vxf3y3gze] {
    background-color: #f7fafc;
}

.badge[b-3vxf3y3gze] {
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-weight: 500;
    font-size: 0.75rem;
}

.badge.bg-success[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
}

.badge.bg-danger[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%) !important;
}

.product-thumbnail[b-3vxf3y3gze] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-thumbnail:hover[b-3vxf3y3gze] {
    transform: scale(1.1);
    border-color: #667eea;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.no-image-placeholder[b-3vxf3y3gze] {
    width: 60px;
    height: 60px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
}

.no-data-message[b-3vxf3y3gze] {
    padding: 2rem;
    text-align: center;
    color: #4a5568;
}

.form-check-input:checked[b-3vxf3y3gze] {
    background-color: #667eea;
    border-color: #667eea;
}

.form-check-input:focus[b-3vxf3y3gze] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
}

/* Image Modal */
.modal-overlay[b-3vxf3y3gze] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    animation: fadeIn-b-3vxf3y3gze 0.3s ease;
}

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

.modal-overlay img[b-3vxf3y3gze] {
    max-width: 90%;
    max-height: 90%;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* Responsive Design */
@media (max-width: 768px) {
    .admin-page[b-3vxf3y3gze] {
        padding: 1rem;
    }
    
    .page-header[b-3vxf3y3gze] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    
    .header-actions[b-3vxf3y3gze] {
        justify-content: center;
        width: 100%;
    }
    
    .header-actions .btn[b-3vxf3y3gze] {
        flex: 1;
        min-width: 120px;
    }
    
    .table-controls[b-3vxf3y3gze] {
        padding: 1rem;
    }
    
    .table-controls .row > *[b-3vxf3y3gze] {
        margin-bottom: 1rem;
    }
}

/* Loading States */
.spinner-border[b-3vxf3y3gze] {
    color: #667eea;
}

/* Toast Notifications */
.alert[b-3vxf3y3gze] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    color: white;
}

.alert-success[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
}

.alert-danger[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
}

.alert-info[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
}

.alert-warning[b-3vxf3y3gze] {
    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
}
/* _content/MajickLamp.Web/Components/Pages/Admin/ManageUsers.razor.rz.scp.css */
/* MajickLamp Admin Panel - User Management Page
   Following ADMIN-STYLE-GUIDE.md standards */

.admin-page[b-sklh513wz3] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

.page-header[b-sklh513wz3] {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-left: 6px solid #fd79a8;
}

.header-left h1[b-sklh513wz3] {
    color: #2d3748;
    margin: 0;
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle[b-sklh513wz3] {
    color: #4a5568;
    margin: 0.5rem 0 0 0;
    font-size: 1.1rem;
    font-weight: 400;
}

.back-button[b-sklh513wz3] {
    background: linear-gradient(135deg, #fd79a8 0%, #fc5c9c 100%) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(253, 121, 168, 0.3);
    transition: all 0.3s ease;
}

.back-button:hover[b-sklh513wz3] {
    box-shadow: 0 6px 20px rgba(253, 121, 168, 0.4);
    transform: translateY(-2px);
}

.admin-card[b-sklh513wz3] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.table-controls[b-sklh513wz3] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.table-responsive[b-sklh513wz3] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.custom-data-table[b-sklh513wz3] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 0;
}

.custom-data-table .table-dark[b-sklh513wz3] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.custom-data-table .table-dark th[b-sklh513wz3] {
    color: white;
    font-weight: 600;
    border-bottom: none;
}

.custom-data-table tbody[b-sklh513wz3] {
    background: white;
}

.custom-data-table tbody tr:hover[b-sklh513wz3] {
    background: #f8f9fa !important;
    transition: background-color 0.2s ease;
}

/* User-specific styling following style guide patterns */
.user-info[b-sklh513wz3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar[b-sklh513wz3] {
    flex-shrink: 0;
}

.user-details[b-sklh513wz3] {
    flex-grow: 1;
    min-width: 0;
}

.user-details strong[b-sklh513wz3] {
    display: block;
    color: #2d3748;
    font-weight: 600;
}

.user-details small[b-sklh513wz3] {
    font-size: 0.75rem;
    color: #6b7280;
    opacity: 0.8;
}

.contact-info[b-sklh513wz3] {
    min-width: 200px;
}

.contact-info > div[b-sklh513wz3] {
    margin-bottom: 0.25rem;
}

.contact-info .small[b-sklh513wz3] {
    font-size: 0.8rem;
    color: #6b7280;
}

/* Status badges following style guide */
.badge.bg-success[b-sklh513wz3] {
    background-color: #28a745 !important;
    color: white !important;
}

.badge.bg-warning[b-sklh513wz3] {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.badge.bg-danger[b-sklh513wz3] {
    background-color: #dc3545 !important;
    color: white !important;
}

.badge.bg-primary[b-sklh513wz3] {
    background-color: #007bff !important;
    color: white !important;
}

.badge.bg-info[b-sklh513wz3] {
    background-color: #17a2b8 !important;
    color: white !important;
}

/* Confirmation icons */
.fas.fa-check-circle[b-sklh513wz3] {
    font-size: 0.8rem;
    color: #28a745;
}

.fas.fa-exclamation-circle[b-sklh513wz3] {
    font-size: 0.8rem;
    color: #ffc107;
}

/* Button groups following style guide */
.btn-group .btn[b-sklh513wz3] {
    transition: all 0.2s ease;
    border-radius: 0.375rem !important;
    margin-right: 2px;
}

.btn-group .btn:last-child[b-sklh513wz3] {
    margin-right: 0;
}

.btn-group .btn:hover[b-sklh513wz3] {
    transform: scale(1.1);
}

/* Modal styling following style guide */
.modal-header[b-sklh513wz3] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.modal-footer[b-sklh513wz3] {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.modal-body .table-sm td[b-sklh513wz3] {
    padding: 0.25rem 0.5rem;
    border: none;
    vertical-align: top;
}

.modal-body .table-sm td:first-child[b-sklh513wz3] {
    width: 35%;
    font-weight: 500;
    color: #4a5568;
}

/* Loading states */
.spinner-border-sm[b-sklh513wz3] {
    width: 1rem;
    height: 1rem;
}

/* Text utilities */
.text-break[b-sklh513wz3] {
    word-break: break-word !important;
}

.text-muted[b-sklh513wz3] {
    color: #6b7280 !important;
}

/* Responsive design following style guide */
@media (max-width: 768px) {
    .admin-page[b-sklh513wz3] {
        padding: 1rem;
    }
    
    .page-header[b-sklh513wz3] {
        padding: 1.5rem;
        flex-direction: column;
        align-items: stretch;
    }
    
    .header-left h1[b-sklh513wz3] {
        font-size: 2rem;
    }
    
    .user-info[b-sklh513wz3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .contact-info[b-sklh513wz3] {
        min-width: auto;
    }
    
    .btn-group[b-sklh513wz3] {
        flex-direction: column;
        width: 100%;
    }
    
    .btn-group .btn[b-sklh513wz3] {
        margin-right: 0;
        margin-bottom: 2px;
        border-radius: 0.375rem !important;
    }
    
    .table-controls .col-md-4[b-sklh513wz3],
    .table-controls .col-md-3[b-sklh513wz3],
    .table-controls .col-md-2[b-sklh513wz3] {
        margin-bottom: 0.5rem;
    }
    
    .table-responsive[b-sklh513wz3] {
        font-size: 0.875rem;
    }
}

/* Action Buttons Styling */
.action-buttons[b-sklh513wz3] {
    display: flex;
    gap: 0.5rem;
}

.action-buttons .btn[b-sklh513wz3] {
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

.btn-outline-primary[b-sklh513wz3] {
    border: 1px solid #ec4899;
    color: #ec4899;
    background: transparent;
}

.btn-outline-primary:hover[b-sklh513wz3] {
    background: #ec4899;
    color: white;
}

.btn-outline-secondary[b-sklh513wz3] {
    border: 1px solid #6b7280;
    color: #6b7280;
    background: transparent;
}

.btn-outline-secondary:hover[b-sklh513wz3] {
    background: #6b7280;
    color: white;
}

.btn-outline-warning[b-sklh513wz3] {
    border: 1px solid #f59e0b;
    color: #f59e0b;
    background: transparent;
}

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

.btn-outline-danger[b-sklh513wz3] {
    border: 1px solid #dc2626;
    color: #dc2626;
    background: transparent;
}

.btn-outline-danger:hover[b-sklh513wz3] {
    background: #dc2626;
    color: white;
}
/* _content/MajickLamp.Web/Components/Pages/Admin/ProductionTodo.razor.rz.scp.css */
/* Production Todo Page Styling */
.stat-card[b-nj4s78heol] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stat-card[b-nj4s78heol]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
}

.stat-card.urgent[b-nj4s78heol]::before {
    background: linear-gradient(90deg, #dc3545, #fd7e14);
}

.stat-card.warning[b-nj4s78heol]::before {
    background: linear-gradient(90deg, #ffc107, #fd7e14);
}

.stat-card.info[b-nj4s78heol]::before {
    background: linear-gradient(90deg, var(--primary-dark), var(--accent-warm));
}

.stat-card.time[b-nj4s78heol]::before {
    background: linear-gradient(90deg, #6f42c1, #6610f2);
}

.stat-card .stat-icon[b-nj4s78heol] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.stat-card .stat-content h3[b-nj4s78heol] {
    color: var(--text-light);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.stat-card .stat-content p[b-nj4s78heol] {
    color: var(--text-muted);
    margin: 0;
    font-weight: 500;
}

.filter-controls[b-nj4s78heol] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.filter-controls .form-select[b-nj4s78heol] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    color: var(--text-light);
    min-width: 200px;
}

.filter-controls .form-select:focus[b-nj4s78heol] {
    border-color: var(--accent-warm);
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.1);
}

.production-list[b-nj4s78heol] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.production-item[b-nj4s78heol] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.production-item[b-nj4s78heol]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
}

.production-item.priority-urgent[b-nj4s78heol] {
    border-left-color: #dc3545;
    background: linear-gradient(135deg, var(--card-bg) 0%, rgba(220, 53, 69, 0.05) 100%);
}

.production-item.priority-urgent[b-nj4s78heol]::before {
    background: linear-gradient(180deg, #dc3545, #fd7e14);
}

.production-item.priority-high[b-nj4s78heol] {
    border-left-color: #ffc107;
    background: linear-gradient(135deg, var(--card-bg) 0%, rgba(255, 193, 7, 0.05) 100%);
}

.production-item.priority-high[b-nj4s78heol]::before {
    background: linear-gradient(180deg, #ffc107, #fd7e14);
}

.production-item.priority-normal[b-nj4s78heol] {
    border-left-color: var(--accent-warm);
    background: linear-gradient(135deg, var(--card-bg) 0%, rgba(245, 166, 35, 0.03) 100%);
}

.production-item.priority-normal[b-nj4s78heol]::before {
    background: linear-gradient(180deg, var(--primary-dark), var(--accent-warm));
}

.production-item:hover[b-nj4s78heol] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.item-info[b-nj4s78heol] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.item-header[b-nj4s78heol] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.item-name[b-nj4s78heol] {
    color: var(--text-light);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.item-badges[b-nj4s78heol] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.item-badges .badge[b-nj4s78heol] {
    font-size: 0.75rem;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
}

.item-details[b-nj4s78heol] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stock-info[b-nj4s78heol] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
}

.stock-numbers[b-nj4s78heol] {
    display: flex;
    gap: 1rem;
    color: var(--text-light);
}

.stock-numbers strong[b-nj4s78heol] {
    color: var(--accent-warm);
    margin-right: 0.25rem;
}

.time-estimate[b-nj4s78heol] {
    color: var(--text-muted);
    font-size: 0.9rem;
    padding: 0.25rem 0.75rem;
    background: rgba(245, 166, 35, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(245, 166, 35, 0.2);
}

.production-notes[b-nj4s78heol] {
    color: var(--text-muted);
    font-style: italic;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border-left: 3px solid var(--accent-warm);
}

.production-item[b-nj4s78heol] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.item-actions[b-nj4s78heol] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 120px;
}

.item-actions .btn[b-nj4s78heol] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    white-space: nowrap;
}

.stock-controls[b-nj4s78heol] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
}

.stock-controls .btn[b-nj4s78heol] {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.current-stock[b-nj4s78heol] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    color: var(--text-light);
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    min-width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stock-controls .btn-outline-danger[b-nj4s78heol] {
    border-color: #dc3545;
    color: #dc3545;
}

.stock-controls .btn-outline-danger:hover:not(:disabled)[b-nj4s78heol] {
    background-color: #dc3545;
    color: white;
}

.stock-controls .btn-outline-danger:disabled[b-nj4s78heol] {
    opacity: 0.4;
    cursor: not-allowed;
}

.stock-controls .btn-outline-success[b-nj4s78heol] {
    border-color: #198754;
    color: #198754;
}

.stock-controls .btn-outline-success:hover[b-nj4s78heol] {
    background-color: #198754;
    color: white;
}

.empty-state[b-nj4s78heol] {
    color: var(--text-muted);
}

.empty-state i[b-nj4s78heol] {
    opacity: 0.7;
}

.empty-state h3[b-nj4s78heol] {
    color: var(--text-light);
    margin-bottom: 1rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .item-header[b-nj4s78heol] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .item-badges[b-nj4s78heol] {
        justify-content: flex-start;
    }
    
    .production-item[b-nj4s78heol] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .item-actions[b-nj4s78heol] {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        min-width: auto;
    }
    
    .stock-controls[b-nj4s78heol] {
        order: 2;
        margin: 0 0.5rem;
    }
    
    .stock-info[b-nj4s78heol] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .filter-controls .form-select[b-nj4s78heol] {
        min-width: auto;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .stat-card .stat-content h3[b-nj4s78heol] {
        font-size: 1.5rem;
    }
    
    .item-name[b-nj4s78heol] {
        font-size: 1.1rem;
    }
    
    .stock-numbers[b-nj4s78heol] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Admin/Reports.razor.rz.scp.css */
/* Reports Page Styling */
.reports-grid[b-8cildbkck0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.report-card[b-8cildbkck0] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.report-card:hover[b-8cildbkck0] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: var(--accent-warm);
}

.report-card.priority[b-8cildbkck0] {
    border-color: var(--primary-dark);
    background: linear-gradient(135deg, var(--card-bg) 0%, rgba(233, 69, 96, 0.05) 100%);
}

.report-card.priority[b-8cildbkck0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-dark), var(--accent-warm));
}

.report-card.coming-soon[b-8cildbkck0] {
    opacity: 0.7;
    position: relative;
}

.report-card.coming-soon[b-8cildbkck0]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(255, 255, 255, 0.03) 10px,
        rgba(255, 255, 255, 0.03) 20px
    );
    pointer-events: none;
}

.report-header h3[b-8cildbkck0] {
    color: var(--text-light);
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.report-header h3 i[b-8cildbkck0] {
    color: var(--accent-warm);
    margin-right: 0.75rem;
    width: 20px;
}

.report-header p[b-8cildbkck0] {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    line-height: 1.4;
}

.report-content[b-8cildbkck0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.report-content .btn[b-8cildbkck0] {
    font-weight: 500;
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.report-content .btn:hover[b-8cildbkck0] {
    transform: translateY(-1px);
}

.report-content .badge[b-8cildbkck0] {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    border-radius: 6px;
}

/* Priority card special styling */
.priority .report-content .btn-primary[b-8cildbkck0] {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent-warm));
    border: none;
    box-shadow: 0 4px 12px rgba(233, 69, 96, 0.3);
}

.priority .report-content .btn-primary:hover[b-8cildbkck0] {
    background: linear-gradient(135deg, #c23456, #e0941f);
    box-shadow: 0 6px 16px rgba(233, 69, 96, 0.4);
}

/* Responsive design */
@media (max-width: 768px) {
    .reports-grid[b-8cildbkck0] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .report-card[b-8cildbkck0] {
        padding: 1.25rem;
    }
}

/* Dark theme adjustments */
@media (prefers-color-scheme: dark) {
    .report-card[b-8cildbkck0] {
        background: var(--card-bg);
        border-color: var(--border-color);
    }
    
    .report-card.coming-soon[b-8cildbkck0]::after {
        background: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(255, 255, 255, 0.02) 10px,
            rgba(255, 255, 255, 0.02) 20px
        );
    }
}
/* _content/MajickLamp.Web/Components/Pages/Cart.razor.rz.scp.css */
/* Mystical Cart Coming Soon Styles */
.cart-page[b-hntuds6ysu] {
    min-height: 100vh;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    position: relative;
    overflow-x: hidden;
}

.cart-page[b-hntuds6ysu]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(120, 119, 198, 0.15) 0%, transparent 50%);
    pointer-events: none;
}

.coming-soon-section[b-hntuds6ysu] {
    position: relative;
    z-index: 2;
    padding: 2rem 0;
}

/* Floating Elements */
.floating-elements[b-hntuds6ysu] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.floating-elements span[b-hntuds6ysu] {
    position: absolute;
    font-size: 2rem;
    opacity: 0.7;
    animation: float-b-hntuds6ysu 6s ease-in-out infinite;
}

.float-1[b-hntuds6ysu] { top: 10%; left: 10%; animation-delay: 0s; }
.float-2[b-hntuds6ysu] { top: 20%; right: 15%; animation-delay: 1s; }
.float-3[b-hntuds6ysu] { top: 60%; left: 20%; animation-delay: 2s; }
.float-4[b-hntuds6ysu] { top: 70%; right: 10%; animation-delay: 3s; }
.float-5[b-hntuds6ysu] { top: 40%; left: 50%; animation-delay: 4s; }

@keyframes float-b-hntuds6ysu {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

/* Mystical Header */
.mystical-header[b-hntuds6ysu] {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

.enchanted-title[b-hntuds6ysu] {
    font-size: 3rem;
    color: #fff;
    text-shadow: 0 0 20px rgba(120, 119, 198, 0.8);
    margin-bottom: 2rem;
    font-weight: bold;
    background: linear-gradient(45deg, #7877c6, #fff, #7877c6);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer-b-hntuds6ysu 3s ease-in-out infinite;
}

@keyframes shimmer-b-hntuds6ysu {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Crystal Ball */
.crystal-ball[b-hntuds6ysu] {
    width: 120px;
    height: 120px;
    margin: 0 auto 2rem;
    position: relative;
}

.crystal-inner[b-hntuds6ysu] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8), rgba(120, 119, 198, 0.4), rgba(120, 119, 198, 0.8));
    box-shadow: 
        0 0 30px rgba(120, 119, 198, 0.6),
        inset 0 0 30px rgba(255, 255, 255, 0.3);
    position: relative;
    animation: pulse-b-hntuds6ysu 4s ease-in-out infinite;
}

.swirl[b-hntuds6ysu] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: rotate-b-hntuds6ysu 8s linear infinite;
}

@keyframes pulse-b-hntuds6ysu {
    0%, 100% { transform: scale(1); box-shadow: 0 0 30px rgba(120, 119, 198, 0.6); }
    50% { transform: scale(1.1); box-shadow: 0 0 50px rgba(120, 119, 198, 0.8); }
}

@keyframes rotate-b-hntuds6ysu {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Spell Book Content */
.spell-book-content[b-hntuds6ysu] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1rem;
}

.enchanted-message[b-hntuds6ysu] {
    text-align: center;
    margin-bottom: 3rem;
    color: #fff;
}

.enchanted-message h2[b-hntuds6ysu] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #7877c6;
    text-shadow: 0 0 10px rgba(120, 119, 198, 0.5);
}

.magical-text[b-hntuds6ysu] {
    font-size: 1.2rem;
    line-height: 1.6;
    opacity: 0.9;
    margin: 0 auto;
    max-width: 600px;
}

/* Spell Cards */
.spell-cards[b-hntuds6ysu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.spell-card[b-hntuds6ysu] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 0;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(120, 119, 198, 0.3);
    box-shadow: 0 8px 32px rgba(120, 119, 198, 0.2);
    transition: all 0.3s ease;
    overflow: hidden;
}

.spell-card:hover[b-hntuds6ysu] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(120, 119, 198, 0.4);
    border-color: rgba(120, 119, 198, 0.6);
}

.spell-card .card-header[b-hntuds6ysu] {
    background: linear-gradient(135deg, rgba(120, 119, 198, 0.8), rgba(120, 119, 198, 0.6));
    padding: 1.5rem;
    margin: 0;
    border-bottom: 1px solid rgba(120, 119, 198, 0.3);
}

.spell-card .card-header h3[b-hntuds6ysu] {
    color: #fff;
    margin: 0;
    font-size: 1.5rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.spell-card .card-body[b-hntuds6ysu] {
    padding: 2rem;
    color: #fff;
}

.spell-card .card-body p[b-hntuds6ysu] {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.spell-card .card-body ul[b-hntuds6ysu] {
    margin-bottom: 1.5rem;
    padding-left: 1rem;
}

.spell-card .card-body li[b-hntuds6ysu] {
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

/* Mystical Buttons */
.btn-mystical[b-hntuds6ysu] {
    background: linear-gradient(135deg, #7877c6, #5a4fcf);
    border: none;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(120, 119, 198, 0.4);
    position: relative;
    overflow: hidden;
}

.btn-mystical[b-hntuds6ysu]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.btn-mystical:hover[b-hntuds6ysu]::before {
    left: 100%;
}

.btn-mystical:hover[b-hntuds6ysu] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(120, 119, 198, 0.6);
    background: linear-gradient(135deg, #8b7ee8, #6c5ce7);
}

.btn-mystical-alt[b-hntuds6ysu] {
    background: linear-gradient(135deg, #e17055, #d63031);
    border: none;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(225, 112, 85, 0.4);
}

.btn-mystical-alt:hover[b-hntuds6ysu] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(225, 112, 85, 0.6);
    background: linear-gradient(135deg, #fd79a8, #e84393);
}

.btn-outline-mystical[b-hntuds6ysu] {
    background: transparent;
    border: 2px solid #7877c6;
    color: #7877c6;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    margin: 0.5rem;
}

.btn-outline-mystical:hover[b-hntuds6ysu] {
    background: #7877c6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(120, 119, 198, 0.4);
}

/* Promise Section */
.promise-section[b-hntuds6ysu] {
    text-align: center;
    margin: 3rem 0;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    border: 1px solid rgba(120, 119, 198, 0.2);
}

.promise-content h3[b-hntuds6ysu] {
    color: #7877c6;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-shadow: 0 0 10px rgba(120, 119, 198, 0.5);
}

.promise-text[b-hntuds6ysu] {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.completion-notice[b-hntuds6ysu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: rgba(120, 119, 198, 0.2);
    padding: 1.5rem;
    border-radius: 15px;
    border: 1px solid rgba(120, 119, 198, 0.3);
}

.notice-icon[b-hntuds6ysu] {
    font-size: 2.5rem;
    animation: bounce-b-hntuds6ysu 2s infinite;
}

@keyframes bounce-b-hntuds6ysu {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

.notice-text[b-hntuds6ysu] {
    color: #fff;
    text-align: left;
}

.notice-text strong[b-hntuds6ysu] {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #7877c6;
}

.timeline[b-hntuds6ysu] {
    font-style: italic;
    opacity: 0.8;
}

/* Navigation Spells */
.navigation-spells[b-hntuds6ysu] {
    text-align: center;
    margin-top: 2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .enchanted-title[b-hntuds6ysu] {
        font-size: 2rem;
    }
    
    .enchanted-message h2[b-hntuds6ysu] {
        font-size: 1.8rem;
    }
    
    .spell-cards[b-hntuds6ysu] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .crystal-ball[b-hntuds6ysu] {
        width: 80px;
        height: 80px;
    }
    
    .completion-notice[b-hntuds6ysu] {
        flex-direction: column;
        text-align: center;
    }
    
    .notice-text[b-hntuds6ysu] {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .spell-card .card-body[b-hntuds6ysu] {
        padding: 1.5rem;
    }
    
    .floating-elements span[b-hntuds6ysu] {
        font-size: 1.5rem;
    }
    
    .btn-mystical[b-hntuds6ysu], .btn-mystical-alt[b-hntuds6ysu] {
        width: 100%;
        margin-bottom: 1rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Categories.razor.rz.scp.css */
.categories-page[b-qaw3fbvwzq] {
    min-height: 100vh;
    background: linear-gradient(135deg, #ffeef8 0%, #fff5f5 50%, #f8f9fa 100%);
}

.page-header[b-qaw3fbvwzq] {
    background: linear-gradient(135deg, #e91e63 0%, #ad1457 100%);
    color: white;
    padding: 4rem 0 3rem;
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

.page-header[b-qaw3fbvwzq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="70" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="70" cy="80" r="2.5" fill="rgba(255,255,255,0.1)"/></svg>');
    animation: float-b-qaw3fbvwzq 20s ease-in-out infinite;
}

@keyframes float-b-qaw3fbvwzq {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(180deg); }
}

.page-title[b-qaw3fbvwzq] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.page-description[b-qaw3fbvwzq] {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 0;
}

.categories-grid[b-qaw3fbvwzq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.category-card[b-qaw3fbvwzq] {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    height: 250px;
}

.category-card:hover[b-qaw3fbvwzq] {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(233, 30, 99, 0.2);
}

.category-image[b-qaw3fbvwzq] {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e91e63, #ad1457);
}

.category-image img[b-qaw3fbvwzq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.category-card:hover .category-image img[b-qaw3fbvwzq] {
    transform: scale(1.1);
}

.no-image[b-qaw3fbvwzq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: white;
    text-align: center;
}

.no-image i[b-qaw3fbvwzq] {
    font-size: 3rem;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}

.no-image span[b-qaw3fbvwzq] {
    font-size: 1.2rem;
    font-weight: 600;
    opacity: 0.9;
}

.category-overlay[b-qaw3fbvwzq] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1.5rem;
    color: white;
    transition: all 0.3s ease;
}

.category-card:hover .category-overlay[b-qaw3fbvwzq] {
    background: linear-gradient(to top, rgba(233, 30, 99, 0.9) 0%, rgba(233, 30, 99, 0.6) 50%, rgba(233, 30, 99, 0.2) 100%);
}

.category-info h3[b-qaw3fbvwzq] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.product-count[b-qaw3fbvwzq] {
    font-size: 0.9rem;
    opacity: 0.9;
    margin-bottom: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.view-button[b-qaw3fbvwzq] {
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.category-card:hover .view-button[b-qaw3fbvwzq] {
    background: rgba(255,255,255,0.3);
    transform: scale(1.1);
}

.all-products-section[b-qaw3fbvwzq] {
    margin-bottom: 3rem;
}

.all-products-card[b-qaw3fbvwzq] {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(233, 30, 99, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
}

.all-products-card:hover[b-qaw3fbvwzq] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(233, 30, 99, 0.15);
    border-color: #e91e63;
}

.all-products-content[b-qaw3fbvwzq] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.all-products-icon[b-qaw3fbvwzq] {
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.all-products-info[b-qaw3fbvwzq] {
    flex: 1;
}

.all-products-info h3[b-qaw3fbvwzq] {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.all-products-info p[b-qaw3fbvwzq] {
    margin-bottom: 0;
    color: #6c757d;
    font-size: 1rem;
}

.all-products-arrow[b-qaw3fbvwzq] {
    color: #e91e63;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.all-products-card:hover .all-products-arrow[b-qaw3fbvwzq] {
    transform: translateX(5px);
}

.featured-section[b-qaw3fbvwzq] {
    background: white;
    border-radius: 15px;
    padding: 2.5rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(233, 30, 99, 0.1);
}

.section-title[b-qaw3fbvwzq] {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 2rem;
    text-align: center;
}

.featured-products-grid[b-qaw3fbvwzq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

.featured-product-card[b-qaw3fbvwzq] {
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: white;
}

.featured-product-card:hover[b-qaw3fbvwzq] {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(233, 30, 99, 0.15);
}

.featured-product-card .product-image[b-qaw3fbvwzq] {
    position: relative;
    height: 150px;
    overflow: hidden;
}

.featured-product-card .product-image img[b-qaw3fbvwzq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.featured-product-card:hover .product-image img[b-qaw3fbvwzq] {
    transform: scale(1.1);
}

.featured-product-card .no-image[b-qaw3fbvwzq] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    color: #6c757d;
    height: 100%;
}

.featured-product-card .no-image i[b-qaw3fbvwzq] {
    font-size: 2rem;
    margin-bottom: 0;
}

.featured-badge[b-qaw3fbvwzq] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.featured-product-card .product-info[b-qaw3fbvwzq] {
    padding: 1rem;
}

.featured-product-card .product-name[b-qaw3fbvwzq] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #2c3e50;
    line-height: 1.3;
}

.featured-product-card .product-category[b-qaw3fbvwzq] {
    font-size: 0.8rem;
    color: #e91e63;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.featured-product-card .product-price[b-qaw3fbvwzq] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #e91e63;
    margin-bottom: 0;
}

.no-categories[b-qaw3fbvwzq],
.no-featured[b-qaw3fbvwzq] {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(233, 30, 99, 0.1);
}

.no-categories i[b-qaw3fbvwzq] {
    color: #e91e63;
}

.no-categories h3[b-qaw3fbvwzq] {
    color: #2c3e50;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-title[b-qaw3fbvwzq] {
        font-size: 2.2rem;
    }
    
    .page-description[b-qaw3fbvwzq] {
        font-size: 1rem;
    }
    
    .categories-grid[b-qaw3fbvwzq] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.5rem;
    }
    
    .all-products-content[b-qaw3fbvwzq] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .all-products-arrow[b-qaw3fbvwzq] {
        display: none;
    }
    
    .featured-products-grid[b-qaw3fbvwzq] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 1rem;
    }
    
    .featured-section[b-qaw3fbvwzq] {
        padding: 1.5rem;
    }
}

@media (max-width: 576px) {
    .categories-grid[b-qaw3fbvwzq] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .category-card[b-qaw3fbvwzq] {
        height: 200px;
    }
    
    .all-products-card[b-qaw3fbvwzq] {
        padding: 1.5rem;
    }
    
    .featured-products-grid[b-qaw3fbvwzq] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
    
    .featured-section[b-qaw3fbvwzq] {
        padding: 1rem;
    }
    
    .section-title[b-qaw3fbvwzq] {
        font-size: 1.5rem;
    }
}

/* Animation for category cards */
.category-card[b-qaw3fbvwzq] {
    animation: fadeInUp-b-qaw3fbvwzq 0.6s ease-out;
}

@keyframes fadeInUp-b-qaw3fbvwzq {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Stagger animation for multiple cards */
.category-card:nth-child(1)[b-qaw3fbvwzq] { animation-delay: 0.1s; }
.category-card:nth-child(2)[b-qaw3fbvwzq] { animation-delay: 0.2s; }
.category-card:nth-child(3)[b-qaw3fbvwzq] { animation-delay: 0.3s; }
.category-card:nth-child(4)[b-qaw3fbvwzq] { animation-delay: 0.4s; }
.category-card:nth-child(5)[b-qaw3fbvwzq] { animation-delay: 0.5s; }
.category-card:nth-child(6)[b-qaw3fbvwzq] { animation-delay: 0.6s; }

.featured-product-card[b-qaw3fbvwzq] {
    animation: fadeInUp-b-qaw3fbvwzq 0.6s ease-out;
}

.featured-product-card:nth-child(1)[b-qaw3fbvwzq] { animation-delay: 0.7s; }
.featured-product-card:nth-child(2)[b-qaw3fbvwzq] { animation-delay: 0.8s; }
.featured-product-card:nth-child(3)[b-qaw3fbvwzq] { animation-delay: 0.9s; }
.featured-product-card:nth-child(4)[b-qaw3fbvwzq] { animation-delay: 1.0s; }
.featured-product-card:nth-child(5)[b-qaw3fbvwzq] { animation-delay: 1.1s; }
.featured-product-card:nth-child(6)[b-qaw3fbvwzq] { animation-delay: 1.2s; }
/* _content/MajickLamp.Web/Components/Pages/CommissionDetail.razor.rz.scp.css */
/* Commission Detail Page Styles */
.commission-detail-page[b-zu9u4vxv6z] {
    padding: 2rem;
    background: var(--primary-dark);
    min-height: 100vh;
    color: var(--text-light);
    max-width: 1000px;
    margin: 0 auto;
}

/* Loading State */
.loading-container[b-zu9u4vxv6z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    color: var(--text-muted);
}

.loading-spinner[b-zu9u4vxv6z] {
    width: 50px;
    height: 50px;
    border: 4px solid var(--border-color);
    border-top: 4px solid var(--accent-warm);
    border-radius: 50%;
    animation: spin-b-zu9u4vxv6z 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-zu9u4vxv6z {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Error State */
.error-container[b-zu9u4vxv6z] {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
}

.error-icon[b-zu9u4vxv6z] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.6;
}

.error-container h2[b-zu9u4vxv6z] {
    color: var(--text-light);
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

.error-container p[b-zu9u4vxv6z] {
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* Header Section */
.detail-header[b-zu9u4vxv6z] {
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 2rem;
}

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

.back-link[b-zu9u4vxv6z] {
    color: var(--accent-warm);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.back-link:hover[b-zu9u4vxv6z] {
    color: var(--accent-bright);
    transform: translateX(-4px);
}

.header-actions[b-zu9u4vxv6z] {
    display: flex;
    gap: 1rem;
}

.request-header-info[b-zu9u4vxv6z] {
    text-align: center;
}

.request-title-section[b-zu9u4vxv6z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.request-title-section h1[b-zu9u4vxv6z] {
    color: var(--text-accent);
    font-size: 2.2rem;
    margin: 0;
}

.request-meta[b-zu9u4vxv6z] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    color: var(--text-muted);
    font-size: 0.95rem;
}

.meta-item strong[b-zu9u4vxv6z] {
    color: var(--text-light);
}

/* Status Badges */
.status-badge[b-zu9u4vxv6z] {
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-zu9u4vxv6z] {
    background-color: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 2px solid #fbbf24;
}

.status-badge.status-under-review[b-zu9u4vxv6z] {
    background-color: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
    border: 2px solid #3b82f6;
}

.status-badge.status-approved[b-zu9u4vxv6z] {
    background-color: rgba(16, 185, 129, 0.2);
    color: #10b981;
    border: 2px solid #10b981;
}

.status-badge.status-rejected[b-zu9u4vxv6z] {
    background-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
    border: 2px solid #ef4444;
}

.status-badge.status-converted[b-zu9u4vxv6z] {
    background-color: rgba(139, 92, 246, 0.2);
    color: #8b5cf6;
    border: 2px solid #8b5cf6;
}

/* Detail Sections */
.detail-section[b-zu9u4vxv6z] {
    margin-bottom: 2.5rem;
    background: var(--secondary-dark);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.detail-section h2[b-zu9u4vxv6z] {
    background: var(--primary-dark);
    color: var(--text-accent);
    margin: 0;
    padding: 1.5rem;
    font-size: 1.4rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-content[b-zu9u4vxv6z] {
    padding: 2rem;
}

/* Project Information Grid */
.project-info-grid[b-zu9u4vxv6z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.info-item[b-zu9u4vxv6z] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-item.full-width[b-zu9u4vxv6z] {
    grid-column: 1 / -1;
}

.info-item label[b-zu9u4vxv6z] {
    font-weight: 600;
    color: var(--text-accent);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-zu9u4vxv6z] {
    color: var(--text-light);
    line-height: 1.6;
    font-size: 1rem;
}

.info-value.budget[b-zu9u4vxv6z] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-warm);
}

.info-value.deadline[b-zu9u4vxv6z] {
    font-size: 1.1rem;
    color: var(--text-accent);
}

.info-value.description[b-zu9u4vxv6z] {
    background: var(--primary-dark);
    padding: 1rem;
    border-radius: 8px;
    border-left: 4px solid var(--accent-warm);
    white-space: pre-wrap;
}

/* Images Gallery */
.images-gallery[b-zu9u4vxv6z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

.image-item[b-zu9u4vxv6z] {
    text-align: center;
}

.reference-image[b-zu9u4vxv6z] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.reference-image:hover[b-zu9u4vxv6z] {
    border-color: var(--accent-warm);
    transform: scale(1.03);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.image-caption[b-zu9u4vxv6z] {
    margin-top: 0.5rem;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-style: italic;
}

/* Timeline */
.timeline[b-zu9u4vxv6z] {
    position: relative;
    padding-left: 2rem;
}

.timeline[b-zu9u4vxv6z]::before {
    content: '';
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--border-color);
}

.timeline-item[b-zu9u4vxv6z] {
    position: relative;
    margin-bottom: 2rem;
    padding-left: 2rem;
}

.timeline-marker[b-zu9u4vxv6z] {
    position: absolute;
    left: -2rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--border-color);
    border: 3px solid var(--secondary-dark);
}

.timeline-item.completed .timeline-marker[b-zu9u4vxv6z] {
    background: var(--accent-warm);
}

.timeline-item.current .timeline-marker[b-zu9u4vxv6z] {
    background: #3b82f6;
    animation: pulse-b-zu9u4vxv6z 2s infinite;
}

.timeline-item.rejected .timeline-marker[b-zu9u4vxv6z] {
    background: #ef4444;
}

@keyframes pulse-b-zu9u4vxv6z {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

.timeline-content h4[b-zu9u4vxv6z] {
    color: var(--text-accent);
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
}

.timeline-content p[b-zu9u4vxv6z] {
    color: var(--text-light);
    margin: 0 0 0.5rem 0;
    font-weight: 500;
}

.timeline-description[b-zu9u4vxv6z] {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.timeline-description.pending[b-zu9u4vxv6z] {
    color: #fbbf24;
    font-style: italic;
}

/* Admin Feedback */
.admin-feedback[b-zu9u4vxv6z] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
}

.feedback-content p[b-zu9u4vxv6z] {
    margin: 0 0 1rem 0;
    line-height: 1.7;
    font-size: 1.05rem;
    color: var(--text-light);
}

.feedback-signature[b-zu9u4vxv6z] {
    text-align: right;
    padding-top: 1rem;
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

.feedback-signature small[b-zu9u4vxv6z] {
    color: #3b82f6;
    font-style: italic;
}

/* Custom Order Info */
.custom-order-info[b-zu9u4vxv6z] {
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
}

.order-header[b-zu9u4vxv6z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}

.order-header h3[b-zu9u4vxv6z] {
    color: #8b5cf6;
    margin: 0;
    font-size: 1.3rem;
}

.order-status[b-zu9u4vxv6z] {
    background: rgba(139, 92, 246, 0.2);
    color: #8b5cf6;
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.85rem;
    font-weight: 600;
}

.order-pricing[b-zu9u4vxv6z], .order-timeline[b-zu9u4vxv6z], .order-notes[b-zu9u4vxv6z] {
    margin-bottom: 1rem;
}

.order-pricing label[b-zu9u4vxv6z], .order-timeline label[b-zu9u4vxv6z], .order-notes label[b-zu9u4vxv6z] {
    display: block;
    font-weight: 600;
    color: var(--text-accent);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.price-display[b-zu9u4vxv6z] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-warm);
}

.date-display[b-zu9u4vxv6z] {
    font-size: 1.1rem;
    color: var(--text-light);
    font-weight: 500;
}

.notes-content[b-zu9u4vxv6z] {
    background: var(--primary-dark);
    padding: 1rem;
    border-radius: 6px;
    line-height: 1.6;
    color: var(--text-light);
    white-space: pre-wrap;
}

/* Action Buttons */
.action-buttons[b-zu9u4vxv6z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.action-info[b-zu9u4vxv6z] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 8px;
    padding: 1rem;
    color: var(--text-light);
    line-height: 1.6;
}

.action-info i[b-zu9u4vxv6z] {
    color: #3b82f6;
    margin-right: 0.5rem;
}

.action-buttons .btn[b-zu9u4vxv6z] {
    align-self: flex-start;
}

/* Buttons */
.btn[b-zu9u4vxv6z] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 0.95rem;
}

.btn-primary[b-zu9u4vxv6z] {
    background: var(--accent-warm);
    color: var(--text-dark);
}

.btn-primary:hover[b-zu9u4vxv6z] {
    background: var(--accent-bright);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-outline[b-zu9u4vxv6z] {
    background: transparent;
    color: var(--text-light);
    border: 1px solid var(--border-color);
}

.btn-outline:hover[b-zu9u4vxv6z] {
    background: var(--accent-warm);
    color: var(--text-dark);
    border-color: var(--accent-warm);
    transform: translateY(-2px);
}

/* Alert Styles */
.alert[b-zu9u4vxv6z] {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    position: relative;
    border: 1px solid;
}

.alert-info[b-zu9u4vxv6z] {
    background-color: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
    color: #3b82f6;
}

.alert-success[b-zu9u4vxv6z] {
    background-color: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.3);
    color: #10b981;
}

.alert-danger[b-zu9u4vxv6z] {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.btn-close[b-zu9u4vxv6z] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

.btn-close:hover[b-zu9u4vxv6z] {
    opacity: 1;
}

/* Print Styles */
@media print {
    .commission-detail-page[b-zu9u4vxv6z] {
        background: white;
        color: black;
        padding: 1rem;
    }

    .header-nav[b-zu9u4vxv6z],
    .action-buttons[b-zu9u4vxv6z] {
        display: none;
    }

    .detail-section[b-zu9u4vxv6z] {
        background: white;
        border: 1px solid #ccc;
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }

    .detail-section h2[b-zu9u4vxv6z] {
        background: #f5f5f5;
        color: black;
    }

    .status-badge[b-zu9u4vxv6z] {
        border: 2px solid currentColor;
    }

    .timeline[b-zu9u4vxv6z]::before {
        background: #ccc;
    }

    .timeline-marker[b-zu9u4vxv6z] {
        border-color: white;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .commission-detail-page[b-zu9u4vxv6z] {
        padding: 1rem;
    }

    .header-nav[b-zu9u4vxv6z] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-actions[b-zu9u4vxv6z] {
        justify-content: center;
    }

    .request-title-section[b-zu9u4vxv6z] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .request-title-section h1[b-zu9u4vxv6z] {
        font-size: 1.8rem;
    }

    .request-meta[b-zu9u4vxv6z] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .section-content[b-zu9u4vxv6z] {
        padding: 1rem;
    }

    .project-info-grid[b-zu9u4vxv6z] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .images-gallery[b-zu9u4vxv6z] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 1rem;
    }

    .reference-image[b-zu9u4vxv6z] {
        height: 150px;
    }

    .timeline[b-zu9u4vxv6z] {
        padding-left: 1.5rem;
    }

    .timeline-item[b-zu9u4vxv6z] {
        padding-left: 1.5rem;
    }

    .timeline-marker[b-zu9u4vxv6z] {
        left: -1.5rem;
        width: 0.8rem;
        height: 0.8rem;
    }

    .order-header[b-zu9u4vxv6z] {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }

    .action-buttons[b-zu9u4vxv6z] {
        align-items: stretch;
    }

    .action-buttons .btn[b-zu9u4vxv6z] {
        align-self: stretch;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .request-title-section h1[b-zu9u4vxv6z] {
        font-size: 1.5rem;
    }

    .detail-section h2[b-zu9u4vxv6z] {
        padding: 1rem;
        font-size: 1.2rem;
    }

    .btn[b-zu9u4vxv6z] {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }

    .timeline[b-zu9u4vxv6z]::before {
        left: 0.5rem;
    }

    .timeline-item[b-zu9u4vxv6z] {
        padding-left: 1rem;
    }

    .timeline-marker[b-zu9u4vxv6z] {
        left: -1rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Friends.razor.rz.scp.css */
/* Friends Page Styling */
.friends-page[b-gikvhh02ka] {
    min-height: 100vh;
    background: linear-gradient(135deg, #fff 0%, #fdf2f8 100%);
}

/* Hero Section */
.hero-section[b-gikvhh02ka] {
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
    color: white;
}

.hero-section[b-gikvhh02ka]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ec4899' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    z-index: 1;
}

.hero-content[b-gikvhh02ka] {
    position: relative;
    z-index: 2;
}

.hero-title[b-gikvhh02ka] {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.hero-title i[b-gikvhh02ka] {
    color: #ec4899;
    font-size: 3rem;
}

.hero-subtitle[b-gikvhh02ka] {
    font-size: 1.3rem;
    color: #d1d5db;
    line-height: 1.6;
    font-style: italic;
    max-width: 600px;
    margin: 0 auto;
}

/* Intro Section */
.intro-section[b-gikvhh02ka] {
    padding: 5rem 0;
    background: white;
}

.section-title[b-gikvhh02ka] {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-title i[b-gikvhh02ka] {
    color: #ec4899;
}

.intro-text[b-gikvhh02ka] {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #6b7280;
    margin-bottom: 3rem;
}

.community-stats[b-gikvhh02ka] {
    display: flex;
    justify-content: center;
    gap: 4rem;
    margin-top: 3rem;
}

.stat-item[b-gikvhh02ka] {
    text-align: center;
}

.stat-number[b-gikvhh02ka] {
    font-size: 3rem;
    font-weight: 700;
    color: #ec4899;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.stat-label[b-gikvhh02ka] {
    font-size: 1.1rem;
    color: #6b7280;
    font-weight: 500;
}

/* Friends Grid Section */
.friends-grid-section[b-gikvhh02ka] {
    padding: 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.friends-grid[b-gikvhh02ka] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.friend-card[b-gikvhh02ka] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}

.friend-card:hover[b-gikvhh02ka] {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.friend-image[b-gikvhh02ka] {
    position: relative;
    height: 200px;
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.image-placeholder[b-gikvhh02ka] {
    color: white;
    font-size: 4rem;
    opacity: 0.9;
}

.featured-badge[b-gikvhh02ka] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #ec4899;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.featured-badge i[b-gikvhh02ka] {
    font-size: 0.8rem;
}

.friend-content[b-gikvhh02ka] {
    padding: 2rem;
}

.friend-header[b-gikvhh02ka] {
    margin-bottom: 1rem;
}

.friend-name[b-gikvhh02ka] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.friend-category[b-gikvhh02ka] {
    color: #ec4899;
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.friend-description[b-gikvhh02ka] {
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.friend-specialties[b-gikvhh02ka] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.specialty-tag[b-gikvhh02ka] {
    background: #fdf2f8;
    color: #be185d;
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid #f3e8ff;
}

.friend-actions[b-gikvhh02ka] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.visit-btn[b-gikvhh02ka] {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    color: white;
    text-decoration: none;
    padding: 0.8rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.visit-btn:hover[b-gikvhh02ka] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(236, 72, 153, 0.3);
    color: white;
}

.social-btn[b-gikvhh02ka] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.social-btn.instagram[b-gikvhh02ka] {
    background: linear-gradient(135deg, #e4405f 0%, #f77737 100%);
}

.social-btn.facebook[b-gikvhh02ka] {
    background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%);
}

.social-btn.twitter[b-gikvhh02ka] {
    background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%);
}

.social-btn:hover[b-gikvhh02ka] {
    transform: translateY(-2px) scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    color: white;
}

/* Partnership Section */
.partnership-section[b-gikvhh02ka] {
    padding: 5rem 0;
    background: white;
}

.partnership-description[b-gikvhh02ka] {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #6b7280;
    margin-bottom: 2rem;
}

.partnership-benefits[b-gikvhh02ka] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.benefit-item[b-gikvhh02ka] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.1rem;
    color: #374151;
}

.benefit-item i[b-gikvhh02ka] {
    color: #10b981;
    font-size: 1.2rem;
}

.check-icon[b-gikvhh02ka] {
    color: #10b981;
    font-size: 1.3rem;
    font-weight: bold;
    font-family: monospace;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
}

.partnership-cta[b-gikvhh02ka] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-card[b-gikvhh02ka] {
    background: linear-gradient(135deg, #fdf2f8 0%, #f3e8ff 100%);
    border-radius: 20px;
    padding: 3rem;
    text-align: center;
    box-shadow: 0 15px 40px rgba(236, 72, 153, 0.1);
    border: 1px solid #fce7f3;
    max-width: 400px;
    width: 100%;
}

.cta-icon[b-gikvhh02ka] {
    background: #ec4899;
    color: white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin: 0 auto 1.5rem;
    box-shadow: 0 10px 30px rgba(236, 72, 153, 0.3);
}

.cta-card h3[b-gikvhh02ka] {
    color: #1f2937;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.cta-card p[b-gikvhh02ka] {
    color: #6b7280;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.cta-button[b-gikvhh02ka] {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    color: white;
    text-decoration: none;
    padding: 1rem 2rem;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.cta-button:hover[b-gikvhh02ka] {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(236, 72, 153, 0.4);
    color: white;
}

/* Support Section */
.support-section[b-gikvhh02ka] {
    padding: 5rem 0;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    color: white;
    position: relative;
    overflow: hidden;
}

.support-section[b-gikvhh02ka]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ec4899' fill-opacity='0.1'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E") repeat;
    z-index: 1;
}

.support-content[b-gikvhh02ka] {
    position: relative;
    z-index: 2;
}

.support-section .section-title[b-gikvhh02ka] {
    color: white;
    justify-content: center;
}

.support-text[b-gikvhh02ka] {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #d1d5db;
    margin-bottom: 3rem;
}

.support-actions[b-gikvhh02ka] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.support-item[b-gikvhh02ka] {
    text-align: center;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    border: 1px solid rgba(236, 72, 153, 0.2);
    transition: all 0.3s ease;
}

.support-item:hover[b-gikvhh02ka] {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
}

.support-icon[b-gikvhh02ka] {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    color: white;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    margin: 0 auto 1.5rem;
    box-shadow: 0 10px 30px rgba(236, 72, 153, 0.3);
}

.support-item h4[b-gikvhh02ka] {
    color: white;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.support-item p[b-gikvhh02ka] {
    color: #d1d5db;
    line-height: 1.6;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-title[b-gikvhh02ka] {
        font-size: 2.5rem;
        text-align: center;
    }
    
    .hero-title i[b-gikvhh02ka] {
        font-size: 2rem;
    }
    
    .hero-subtitle[b-gikvhh02ka] {
        font-size: 1.1rem;
    }
    
    .community-stats[b-gikvhh02ka] {
        gap: 2rem;
    }
    
    .stat-number[b-gikvhh02ka] {
        font-size: 2.5rem;
    }
    
    .friends-grid[b-gikvhh02ka] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .friend-card[b-gikvhh02ka] {
        margin: 0 1rem;
    }
    
    .friend-content[b-gikvhh02ka] {
        padding: 1.5rem;
    }
    
    .friend-actions[b-gikvhh02ka] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .social-btn[b-gikvhh02ka] {
        align-self: center;
    }
    
    .partnership-content .row[b-gikvhh02ka] {
        flex-direction: column-reverse;
    }
    
    .cta-card[b-gikvhh02ka] {
        padding: 2rem;
        margin-bottom: 2rem;
    }
    
    .support-actions[b-gikvhh02ka] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 576px) {
    .friends-grid-section[b-gikvhh02ka],
    .partnership-section[b-gikvhh02ka],
    .support-section[b-gikvhh02ka] {
        padding: 3rem 0;
    }
    
    .section-title[b-gikvhh02ka] {
        font-size: 2rem;
    }
    
    .hero-section[b-gikvhh02ka] {
        padding: 3rem 0;
    }
    
    .intro-section[b-gikvhh02ka] {
        padding: 3rem 0;
    }
    
    .friend-card[b-gikvhh02ka] {
        margin: 0 0.5rem;
    }
    
    .friend-specialties[b-gikvhh02ka] {
        justify-content: center;
    }
    
    .cta-card[b-gikvhh02ka] {
        padding: 1.5rem;
    }
    
    .support-item[b-gikvhh02ka] {
        padding: 1.5rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/Home.razor.rz.scp.css */
.hero-section[b-hw5mf9e20y] {
    background: linear-gradient(135deg, var(--secondary-dark), var(--card-bg), var(--cozy-purple));
    padding: 4rem 2rem;
    text-align: center;
    margin: -1.5rem -2rem 3rem -2rem;
    position: relative;
    overflow: hidden;
}

.hero-section[b-hw5mf9e20y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,215,0,0.3)"/><circle cx="80" cy="40" r="1.5" fill="rgba(253,121,168,0.4)"/><circle cx="40" cy="80" r="1" fill="rgba(108,92,231,0.3)"/><circle cx="70" cy="70" r="2.5" fill="rgba(243,156,18,0.2)"/></svg>') repeat;
}

.hero-content[b-hw5mf9e20y] {
    position: relative;
    z-index: 1;
}

.hero-subtitle[b-hw5mf9e20y] {
    font-size: 1.2rem;
    color: var(--text-muted);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.hero-buttons[b-hw5mf9e20y] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.features-section[b-hw5mf9e20y] {
    padding: 3rem 0;
    background-color: var(--card-bg);
    margin: 0 -2rem;
}

.features-section h2[b-hw5mf9e20y] {
    text-align: center;
    margin-bottom: 3rem;
    color: var(--text-accent);
}

.feature-card[b-hw5mf9e20y] {
    text-align: center;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}

.feature-icon[b-hw5mf9e20y] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.feature-card h3[b-hw5mf9e20y] {
    color: var(--accent-soft);
    margin-bottom: 1rem;
}

.featured-products[b-hw5mf9e20y] {
    padding: 3rem 0;
}

.featured-products h2[b-hw5mf9e20y] {
    text-align: center;
    margin-bottom: 3rem;
    color: var(--text-accent);
}

.featured-badge-header[b-hw5mf9e20y] {
    background: linear-gradient(135deg, var(--accent-warm), var(--soft-pink));
    color: var(--text-light);
    padding: 0.5rem 1rem;
    margin: -1.5rem -1.5rem 1.5rem -1.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 10px rgba(233, 69, 96, 0.3);
}

.product-image-placeholder[b-hw5mf9e20y] {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    background: linear-gradient(135deg, var(--secondary-dark), var(--card-bg));
    border-radius: 12px 12px 0 0;
}

.container[b-hw5mf9e20y] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.row[b-hw5mf9e20y] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col-md-4[b-hw5mf9e20y] {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 15px;
}

@media (max-width: 768px) {
    .col-md-4[b-hw5mf9e20y] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .hero-buttons[b-hw5mf9e20y] {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-lg[b-hw5mf9e20y] {
        width: 200px;
    }
    
    .hero-section[b-hw5mf9e20y] {
        padding: 2rem 1rem;
        margin: -1rem -1rem 2rem -1rem;
    }
    
    .features-section[b-hw5mf9e20y] {
        margin: 0 -1rem;
        padding: 2rem 0;
    }
}
/* _content/MajickLamp.Web/Components/Pages/MyCommissions.razor.rz.scp.css */
/* My Commissions User Page Styles */
.user-page[b-d6afsib76x] {
    padding: 2rem;
    background: var(--primary-dark);
    min-height: 100vh;
    color: var(--text-light);
}

.user-header[b-d6afsib76x] {
    margin-bottom: 2rem;
    text-align: center;
}

.user-header h1[b-d6afsib76x] {
    color: var(--text-accent);
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.user-header p[b-d6afsib76x] {
    color: var(--text-muted);
    font-size: 1.1rem;
}

.user-content[b-d6afsib76x] {
    max-width: 1200px;
    margin: 0 auto;
}

/* Quick Actions */
.quick-actions[b-d6afsib76x] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.quick-actions .btn[b-d6afsib76x] {
    padding: 0.75rem 2rem;
    font-size: 1.1rem;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Filter Tabs */
.filter-tabs[b-d6afsib76x] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.filter-tab[b-d6afsib76x] {
    background: var(--secondary-dark);
    color: var(--text-light);
    border: 1px solid var(--border-color);
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.filter-tab:hover[b-d6afsib76x] {
    background: var(--accent-warm);
    border-color: var(--accent-warm);
    transform: translateY(-2px);
}

.filter-tab.active[b-d6afsib76x] {
    background: var(--accent-warm);
    border-color: var(--accent-warm);
    color: var(--text-dark);
    font-weight: 600;
}

/* Requests Grid */
.requests-grid[b-d6afsib76x] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

/* Request Cards */
.request-card[b-d6afsib76x] {
    background: var(--secondary-dark);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.request-card:hover[b-d6afsib76x] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: var(--accent-warm);
}

.request-card.status-pending[b-d6afsib76x] {
    border-left: 4px solid #fbbf24;
}

.request-card.status-under-review[b-d6afsib76x] {
    border-left: 4px solid #3b82f6;
}

.request-card.status-approved[b-d6afsib76x] {
    border-left: 4px solid #10b981;
}

.request-card.status-rejected[b-d6afsib76x] {
    border-left: 4px solid #ef4444;
}

.request-card.status-converted[b-d6afsib76x] {
    border-left: 4px solid #8b5cf6;
}

/* Request Header */
.request-header[b-d6afsib76x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.request-id h3[b-d6afsib76x] {
    color: var(--text-accent);
    margin: 0 0 0.5rem 0;
    font-size: 1.3rem;
}

.request-date[b-d6afsib76x] {
    color: var(--text-muted);
    font-size: 0.9rem;
    text-align: right;
}

/* Status Badges */
.status-badge[b-d6afsib76x] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-d6afsib76x] {
    background-color: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 1px solid #fbbf24;
}

.status-badge.status-under-review[b-d6afsib76x] {
    background-color: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
    border: 1px solid #3b82f6;
}

.status-badge.status-approved[b-d6afsib76x] {
    background-color: rgba(16, 185, 129, 0.2);
    color: #10b981;
    border: 1px solid #10b981;
}

.status-badge.status-rejected[b-d6afsib76x] {
    background-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
    border: 1px solid #ef4444;
}

.status-badge.status-converted[b-d6afsib76x] {
    background-color: rgba(139, 92, 246, 0.2);
    color: #8b5cf6;
    border: 1px solid #8b5cf6;
}

/* Request Body */
.request-body[b-d6afsib76x] {
    margin-bottom: 1.5rem;
}

.project-details h4[b-d6afsib76x] {
    color: var(--text-accent);
    margin: 0 0 0.5rem 0;
    font-size: 1.2rem;
}

.project-details .description[b-d6afsib76x] {
    color: var(--text-light);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.project-meta[b-d6afsib76x] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.project-meta span[b-d6afsib76x] {
    background: var(--primary-dark);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
    color: var(--text-muted);
}

/* Request Images */
.request-images[b-d6afsib76x] {
    margin: 1rem 0;
}

.request-images h6[b-d6afsib76x] {
    color: var(--text-accent);
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.image-gallery[b-d6afsib76x] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.reference-image[b-d6afsib76x] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.reference-image:hover[b-d6afsib76x] {
    border-color: var(--accent-warm);
    transform: scale(1.05);
}

.more-images[b-d6afsib76x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--primary-dark);
    border: 2px dashed var(--border-color);
    border-radius: 6px;
    color: var(--text-muted);
    font-size: 0.8rem;
    text-align: center;
}

/* Additional Info */
.additional-info[b-d6afsib76x] {
    background: var(--primary-dark);
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
}

.additional-info > div[b-d6afsib76x] {
    margin-bottom: 0.5rem;
}

.additional-info > div:last-child[b-d6afsib76x] {
    margin-bottom: 0;
}

.additional-info strong[b-d6afsib76x] {
    color: var(--text-accent);
}

/* Admin Feedback */
.admin-feedback[b-d6afsib76x] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
}

.admin-feedback h6[b-d6afsib76x] {
    color: #3b82f6;
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.admin-feedback p[b-d6afsib76x] {
    margin: 0 0 0.5rem 0;
    line-height: 1.6;
}

.admin-feedback small[b-d6afsib76x] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

/* Conversion Info */
.conversion-info[b-d6afsib76x] {
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
}

.conversion-info h6[b-d6afsib76x] {
    color: #8b5cf6;
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.conversion-info p[b-d6afsib76x] {
    margin: 0 0 0.5rem 0;
    line-height: 1.6;
}

.conversion-info p:last-child[b-d6afsib76x] {
    margin-bottom: 0;
}

/* Request Actions */
.request-actions[b-d6afsib76x] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.status-message[b-d6afsib76x] {
    font-size: 0.9rem;
    color: var(--text-muted);
    font-style: italic;
    flex: 1;
}

/* Buttons */
.btn[b-d6afsib76x] {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
}

.btn-primary[b-d6afsib76x] {
    background: var(--accent-warm);
    color: var(--text-dark);
}

.btn-primary:hover[b-d6afsib76x] {
    background: var(--accent-bright);
    transform: translateY(-2px);
}

.btn-outline[b-d6afsib76x] {
    background: transparent;
    color: var(--text-light);
    border: 1px solid var(--border-color);
}

.btn-outline:hover[b-d6afsib76x] {
    background: var(--accent-warm);
    color: var(--text-dark);
    border-color: var(--accent-warm);
}

/* No Requests State */
.no-requests[b-d6afsib76x] {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
    grid-column: 1 / -1;
}

.no-requests-icon[b-d6afsib76x] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.6;
}

.no-requests h3[b-d6afsib76x] {
    color: var(--text-light);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.no-requests p[b-d6afsib76x] {
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

/* Alert Styles */
.alert[b-d6afsib76x] {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    position: relative;
    border: 1px solid;
}

.alert-info[b-d6afsib76x] {
    background-color: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
    color: #3b82f6;
}

.alert-success[b-d6afsib76x] {
    background-color: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.3);
    color: #10b981;
}

.alert-danger[b-d6afsib76x] {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.btn-close[b-d6afsib76x] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

.btn-close:hover[b-d6afsib76x] {
    opacity: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .user-page[b-d6afsib76x] {
        padding: 1rem;
    }

    .user-header h1[b-d6afsib76x] {
        font-size: 2rem;
    }

    .requests-grid[b-d6afsib76x] {
        grid-template-columns: 1fr;
    }

    .filter-tabs[b-d6afsib76x] {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 1rem;
    }

    .filter-tab[b-d6afsib76x] {
        white-space: nowrap;
        min-width: fit-content;
    }

    .request-header[b-d6afsib76x] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .request-date[b-d6afsib76x] {
        text-align: left;
    }

    .project-meta[b-d6afsib76x] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .request-actions[b-d6afsib76x] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .status-message[b-d6afsib76x] {
        text-align: center;
        margin-bottom: 0.5rem;
    }
}
/* _content/MajickLamp.Web/Components/Pages/ProductDetails.razor.rz.scp.css */
.product-details-page[b-uebrxiwpx4] {
    min-height: 100vh;
    background: linear-gradient(135deg, #ffeef8 0%, #fff5f5 50%, #f8f9fa 100%);
}

.loading-container[b-uebrxiwpx4],
.not-found-container[b-uebrxiwpx4] {
    background: white;
    margin: 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(233, 30, 99, 0.1);
}

.breadcrumb-section[b-uebrxiwpx4] {
    background: white;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(233, 30, 99, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.breadcrumb[b-uebrxiwpx4] {
    margin-bottom: 0;
    background: none;
    padding: 0;
}

.breadcrumb-link[b-uebrxiwpx4] {
    color: #e91e63;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-link:hover[b-uebrxiwpx4] {
    color: #ad1457;
    text-decoration: underline;
}

.breadcrumb-item.active[b-uebrxiwpx4] {
    color: #6c757d;
}

.product-content[b-uebrxiwpx4] {
    padding: 3rem 0;
}

.product-images[b-uebrxiwpx4] {
    position: sticky;
    top: 2rem;
}

.main-image[b-uebrxiwpx4] {
    position: relative;
    margin-bottom: 1.5rem;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    background: white;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.main-image:hover[b-uebrxiwpx4] {
    transform: scale(1.02);
}

.main-image img[b-uebrxiwpx4] {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.main-image:hover img[b-uebrxiwpx4] {
    transform: scale(1.05);
}

.featured-badge[b-uebrxiwpx4] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.image-thumbnails[b-uebrxiwpx4] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.thumbnail[b-uebrxiwpx4] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.thumbnail:hover[b-uebrxiwpx4] {
    border-color: #e91e63;
    transform: translateY(-2px);
}

.thumbnail.active[b-uebrxiwpx4] {
    border-color: #e91e63;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.3);
}

.thumbnail img[b-uebrxiwpx4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-image[b-uebrxiwpx4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 15px;
    color: #6c757d;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.no-image i[b-uebrxiwpx4] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.product-info[b-uebrxiwpx4] {
    background: white;
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border: 1px solid rgba(233, 30, 99, 0.1);
    height: fit-content;
}

.product-header[b-uebrxiwpx4] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e9ecef;
}

.product-category[b-uebrxiwpx4] {
    color: #e91e63;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.product-title[b-uebrxiwpx4] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.product-price[b-uebrxiwpx4] {
    font-size: 2rem;
    font-weight: 700;
    color: #e91e63;
    margin-bottom: 1rem;
}

.featured-label[b-uebrxiwpx4] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3);
}

.product-description[b-uebrxiwpx4] {
    margin-bottom: 2rem;
}

.product-description h3[b-uebrxiwpx4] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.product-description p[b-uebrxiwpx4] {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #495057;
    margin-bottom: 0;
}

.product-meta[b-uebrxiwpx4] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 10px;
    border-left: 4px solid #e91e63;
}

.meta-item[b-uebrxiwpx4] {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #2c3e50;
}

.meta-item strong[b-uebrxiwpx4] {
    color: #2c3e50;
    font-weight: 600;
}

.meta-item span[b-uebrxiwpx4] {
    color: #495057;
    font-weight: 500;
}

.meta-item:last-child[b-uebrxiwpx4] {
    margin-bottom: 0;
}

.availability.available[b-uebrxiwpx4] {
    color: #28a745;
    font-weight: 600;
}

.availability.unavailable[b-uebrxiwpx4] {
    color: #dc3545;
    font-weight: 600;
}

.product-actions[b-uebrxiwpx4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.add-to-cart[b-uebrxiwpx4] {
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.add-to-cart:hover[b-uebrxiwpx4] {
    background: linear-gradient(135deg, #ad1457, #7b1fa2);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.4);
}

.btn-outline-primary[b-uebrxiwpx4] {
    border-color: #e91e63;
    color: #e91e63;
}

.btn-outline-primary:hover[b-uebrxiwpx4] {
    background-color: #e91e63;
    border-color: #e91e63;
}

.btn-outline-secondary[b-uebrxiwpx4] {
    border-color: #6c757d;
    color: #6c757d;
}

.btn-outline-secondary:hover[b-uebrxiwpx4] {
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Image Modal */
.image-modal[b-uebrxiwpx4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    cursor: pointer;
    animation: fadeIn-b-uebrxiwpx4 0.3s ease;
}

.modal-content[b-uebrxiwpx4] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    cursor: default;
}

.modal-content img[b-uebrxiwpx4] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.modal-close[b-uebrxiwpx4] {
    position: absolute;
    top: -50px;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal-close:hover[b-uebrxiwpx4] {
    background: white;
    transform: scale(1.1);
}

/* Responsive Design */
@media (max-width: 992px) {
    .product-title[b-uebrxiwpx4] {
        font-size: 2rem;
    }
    
    .product-price[b-uebrxiwpx4] {
        font-size: 1.5rem;
    }
    
    .product-info[b-uebrxiwpx4] {
        margin-top: 2rem;
        padding: 2rem;
    }
    
    .main-image img[b-uebrxiwpx4] {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .product-content[b-uebrxiwpx4] {
        padding: 2rem 0;
    }
    
    .product-title[b-uebrxiwpx4] {
        font-size: 1.8rem;
    }
    
    .product-info[b-uebrxiwpx4] {
        padding: 1.5rem;
    }
    
    .product-actions[b-uebrxiwpx4] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .product-actions .btn[b-uebrxiwpx4] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .image-thumbnails[b-uebrxiwpx4] {
        justify-content: center;
    }
    
    .main-image img[b-uebrxiwpx4] {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .breadcrumb-section[b-uebrxiwpx4] {
        padding: 0.5rem 0;
    }
    
    .breadcrumb[b-uebrxiwpx4] {
        font-size: 0.9rem;
    }
    
    .product-title[b-uebrxiwpx4] {
        font-size: 1.5rem;
    }
    
    .product-info[b-uebrxiwpx4] {
        padding: 1rem;
    }
    
    .thumbnail[b-uebrxiwpx4] {
        width: 60px;
        height: 60px;
    }
}

/* Animation */
@keyframes fadeIn-b-uebrxiwpx4 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.product-info[b-uebrxiwpx4] {
    animation: slideInRight-b-uebrxiwpx4 0.6s ease-out;
}

.product-images[b-uebrxiwpx4] {
    animation: slideInLeft-b-uebrxiwpx4 0.6s ease-out;
}

@keyframes slideInLeft-b-uebrxiwpx4 {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight-b-uebrxiwpx4 {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* _content/MajickLamp.Web/Components/Pages/Products.razor.rz.scp.css */
.products-page[b-ig25o8rhb4] {
    min-height: 100vh;
    background: linear-gradient(135deg, #ffeef8 0%, #fff5f5 50%, #f8f9fa 100%);
}

.page-header[b-ig25o8rhb4] {
    background: linear-gradient(135deg, #e91e63 0%, #ad1457 100%);
    color: white;
    padding: 4rem 0 3rem;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.page-header[b-ig25o8rhb4]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="70" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="70" cy="80" r="2.5" fill="rgba(255,255,255,0.1)"/></svg>');
    animation: float-b-ig25o8rhb4 20s ease-in-out infinite;
}

@keyframes float-b-ig25o8rhb4 {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(180deg); }
}

.page-title[b-ig25o8rhb4] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.page-description[b-ig25o8rhb4] {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 0;
}

.filters-section[b-ig25o8rhb4] {
    background: white;
    padding: 1.5rem;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    border: 1px solid rgba(233, 30, 99, 0.1);
}

.search-box .input-group-text[b-ig25o8rhb4] {
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border: none;
    color: white;
}

.search-box .form-control[b-ig25o8rhb4] {
    border-left: none;
    border-color: #e91e63;
}

.search-box .form-control:focus[b-ig25o8rhb4] {
    border-color: #e91e63;
    box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25);
}

.category-filter .form-select[b-ig25o8rhb4] {
    border-color: #e91e63;
}

.category-filter .form-select:focus[b-ig25o8rhb4] {
    border-color: #e91e63;
    box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25);
}

.products-grid[b-ig25o8rhb4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.product-card[b-ig25o8rhb4] {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(233, 30, 99, 0.1);
    height: fit-content;
}

.product-card:hover[b-ig25o8rhb4] {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(233, 30, 99, 0.15);
    border-color: #e91e63;
}

.product-image[b-ig25o8rhb4] {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #f8f9fa;
}

.product-image img[b-ig25o8rhb4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image img[b-ig25o8rhb4] {
    transform: scale(1.05);
}

.no-image[b-ig25o8rhb4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #6c757d;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.no-image i[b-ig25o8rhb4] {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.featured-badge[b-ig25o8rhb4] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.product-info[b-ig25o8rhb4] {
    padding: 1.5rem;
}

.product-category[b-ig25o8rhb4] {
    color: #e91e63;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.product-name[b-ig25o8rhb4] {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
    color: #2c3e50;
    line-height: 1.3;
}

.product-description[b-ig25o8rhb4] {
    color: #6c757d;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-footer[b-ig25o8rhb4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.product-price[b-ig25o8rhb4] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #e91e63;
}

.btn-view[b-ig25o8rhb4] {
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border: none;
    border-radius: 25px;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-view:hover[b-ig25o8rhb4] {
    background: linear-gradient(135deg, #ad1457, #7b1fa2);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(233, 30, 99, 0.3);
}

.results-info[b-ig25o8rhb4] {
    text-align: center;
    padding: 1rem;
    font-size: 0.95rem;
}

.no-products[b-ig25o8rhb4] {
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    border: 1px solid rgba(233, 30, 99, 0.1);
}

.no-products i[b-ig25o8rhb4] {
    color: #e91e63;
}

.no-products h3[b-ig25o8rhb4] {
    color: #2c3e50;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .page-title[b-ig25o8rhb4] {
        font-size: 2.2rem;
    }
    
    .page-description[b-ig25o8rhb4] {
        font-size: 1rem;
    }
    
    .products-grid[b-ig25o8rhb4] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.5rem;
    }
    
    .filters-section[b-ig25o8rhb4] {
        padding: 1rem;
    }
    
    .filters-section .row > div[b-ig25o8rhb4] {
        margin-bottom: 1rem;
    }
}

@media (max-width: 576px) {
    .products-grid[b-ig25o8rhb4] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .product-footer[b-ig25o8rhb4] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .btn-view[b-ig25o8rhb4] {
        width: 100%;
        justify-content: center;
    }
}

/* Loading state */
.spinner-border[b-ig25o8rhb4] {
    width: 3rem;
    height: 3rem;
}

/* Animation for grid items */
.product-card[b-ig25o8rhb4] {
    animation: fadeInUp-b-ig25o8rhb4 0.6s ease-out;
}

@keyframes fadeInUp-b-ig25o8rhb4 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Stagger animation for multiple cards */
.product-card:nth-child(1)[b-ig25o8rhb4] { animation-delay: 0.1s; }
.product-card:nth-child(2)[b-ig25o8rhb4] { animation-delay: 0.2s; }
.product-card:nth-child(3)[b-ig25o8rhb4] { animation-delay: 0.3s; }
.product-card:nth-child(4)[b-ig25o8rhb4] { animation-delay: 0.4s; }
.product-card:nth-child(5)[b-ig25o8rhb4] { animation-delay: 0.5s; }
.product-card:nth-child(6)[b-ig25o8rhb4] { animation-delay: 0.6s; }
/* _content/MajickLamp.Web/Components/Pages/UserProfile.razor.rz.scp.css */
/* Profile page styling following ADMIN-STYLE-GUIDE.md */
.profile-page[b-lqcziy3cfn] {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
    padding: 2rem 0;
}

.container[b-lqcziy3cfn] {
    max-width: 1200px;
}

/* Profile Card */
.profile-card[b-lqcziy3cfn] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 2rem;
}

.profile-header[b-lqcziy3cfn] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 2rem;
    text-align: center;
}

.profile-avatar[b-lqcziy3cfn] {
    margin-bottom: 1rem;
}

.profile-avatar i[b-lqcziy3cfn] {
    font-size: 4rem;
    opacity: 0.9;
}

.profile-header h3[b-lqcziy3cfn] {
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.profile-header p[b-lqcziy3cfn] {
    margin: 0 0 0.5rem 0;
    opacity: 1;
    color: white;
    font-weight: 400;
}

.member-since[b-lqcziy3cfn] {
    font-size: 0.875rem;
    opacity: 0.8;
}

.profile-stats[b-lqcziy3cfn] {
    display: flex;
    justify-content: space-around;
    padding: 1.5rem;
    background: #f8f9fa;
}

.stat-item[b-lqcziy3cfn] {
    text-align: center;
}

.stat-number[b-lqcziy3cfn] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #667eea;
    margin-bottom: 0.25rem;
}

.stat-label[b-lqcziy3cfn] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

/* Profile Sections */
.profile-section[b-lqcziy3cfn] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    overflow: hidden;
}

.section-header[b-lqcziy3cfn] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 1.5rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-header h4[b-lqcziy3cfn] {
    margin: 0;
    color: #495057;
    font-size: 1.25rem;
    font-weight: 600;
}

.section-header h4 i[b-lqcziy3cfn] {
    margin-right: 0.5rem;
    color: #667eea;
}

/* Profile Details */
.profile-details[b-lqcziy3cfn] {
    padding: 2rem;
}

.detail-item[b-lqcziy3cfn] {
    margin-bottom: 1.5rem;
}

.detail-item label[b-lqcziy3cfn] {
    display: block;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-lqcziy3cfn] {
    font-size: 1rem;
    color: #212529;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

/* Form Styling */
.form-group[b-lqcziy3cfn] {
    margin-bottom: 1.5rem;
}

.form-label[b-lqcziy3cfn] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-control[b-lqcziy3cfn] {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-lqcziy3cfn] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

.form-actions[b-lqcziy3cfn] {
    padding: 2rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    gap: 1rem;
}

/* Order Tabs */
.order-tabs[b-lqcziy3cfn] {
    display: flex;
    gap: 0.5rem;
}

.order-tabs .btn[b-lqcziy3cfn] {
    border-radius: 6px;
    font-weight: 500;
}

/* Orders Section */
.orders-section[b-lqcziy3cfn] {
    padding: 1.5rem;
    max-height: 600px;
    overflow-y: auto;
}

.order-card[b-lqcziy3cfn] {
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1.5rem;
    transition: all 0.3s ease;
    border-left: 4px solid #667eea;
}

.order-card:hover[b-lqcziy3cfn] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.order-header[b-lqcziy3cfn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.order-info h5[b-lqcziy3cfn] {
    margin: 0 0 0.25rem 0;
    color: #495057;
    font-size: 1.1rem;
    font-weight: 600;
}

.order-date[b-lqcziy3cfn] {
    margin: 0;
    color: #6c757d;
    font-size: 0.875rem;
}

.order-status[b-lqcziy3cfn] {
    text-align: right;
}

.status-badge[b-lqcziy3cfn] {
    padding: 0.375rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-pending[b-lqcziy3cfn] {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.status-inprogress[b-lqcziy3cfn] {
    background-color: #cff4fc;
    color: #055160;
    border: 1px solid #74c0fc;
}

.status-completed[b-lqcziy3cfn] {
    background-color: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.status-quoteprovided[b-lqcziy3cfn] {
    background-color: #e2e3f4;
    color: #383d41;
    border: 1px solid #b8b9e0;
}

.status-cancelled[b-lqcziy3cfn] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Order Items */
.order-items[b-lqcziy3cfn] {
    margin-bottom: 1rem;
}

.order-item[b-lqcziy3cfn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f8f9fa;
}

.order-item:last-child[b-lqcziy3cfn] {
    border-bottom: none;
}

.item-name[b-lqcziy3cfn] {
    font-weight: 500;
    color: #495057;
    flex: 1;
}

.item-quantity[b-lqcziy3cfn] {
    color: #6c757d;
    font-size: 0.875rem;
    margin: 0 1rem;
}

.item-price[b-lqcziy3cfn] {
    font-weight: 600;
    color: #667eea;
}

.order-description[b-lqcziy3cfn] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #667eea;
}

.order-description p[b-lqcziy3cfn] {
    margin-bottom: 0.5rem;
    color: #495057;
}

.order-description p:last-child[b-lqcziy3cfn] {
    margin-bottom: 0;
}

.order-description strong[b-lqcziy3cfn] {
    color: #212529;
    font-weight: 600;
}

.order-total[b-lqcziy3cfn] {
    text-align: right;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
    font-size: 1.1rem;
    color: #667eea;
}

.order-total strong[b-lqcziy3cfn] {
    color: #667eea;
    font-weight: 600;
}

.order-total em[b-lqcziy3cfn] {
    color: #6c757d;
    font-style: italic;
}

/* No Orders State */
.no-orders[b-lqcziy3cfn] {
    text-align: center;
    padding: 3rem;
    color: #6c757d;
}

.no-orders i[b-lqcziy3cfn] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.no-orders p[b-lqcziy3cfn] {
    font-size: 1.1rem;
    margin: 0;
}

/* Alert Styling */
.alert[b-lqcziy3cfn] {
    border-radius: 8px;
    border: none;
    font-weight: 500;
}

.alert-success[b-lqcziy3cfn] {
    background-color: #d1e7dd;
    color: #0f5132;
}

.alert-danger[b-lqcziy3cfn] {
    background-color: #f8d7da;
    color: #721c24;
}

/* Responsive Design */
@media (max-width: 768px) {
    .profile-page[b-lqcziy3cfn] {
        padding: 1rem 0;
    }
    
    .section-header[b-lqcziy3cfn] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .order-tabs[b-lqcziy3cfn] {
        justify-content: center;
    }
    
    .order-header[b-lqcziy3cfn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .order-status[b-lqcziy3cfn] {
        text-align: left;
    }
    
    .order-item[b-lqcziy3cfn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .form-actions[b-lqcziy3cfn] {
        flex-direction: column;
    }
    
    .profile-stats[b-lqcziy3cfn] {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 576px) {
    .orders-section[b-lqcziy3cfn] {
        padding: 1rem;
    }
    
    .order-card[b-lqcziy3cfn] {
        padding: 1rem;
    }
    
    .profile-header[b-lqcziy3cfn] {
        padding: 1.5rem;
    }
    
    .profile-avatar i[b-lqcziy3cfn] {
        font-size: 3rem;
    }
}
/* _content/MajickLamp.Web/Components/Shared/CommissionChat.razor.rz.scp.css */
/* Commission Conversation Styles - Themed to match MajickLamp */
.commission-conversation[b-wki66spco6] {
    background: var(--card-bg, #0f3460);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    /*margin-top: 2rem;*/
    border: 1px solid var(--border-color, #2c3e50);
}

.conversation-header[b-wki66spco6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, var(--accent-warm, #e94560) 0%, var(--soft-pink, #fd79a8) 100%);
    color: var(--text-light, #f4f4f4);
    border-bottom: 1px solid var(--border-color, #2c3e50);
}

.conversation-header h4[b-wki66spco6] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.conversation-stats[b-wki66spco6] {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: 0.875rem;
}

.unread-badge[b-wki66spco6] {
    background: var(--accent-warm, #e94560);
    color: var(--text-light, #f4f4f4);
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 500;
    font-size: 0.75rem;
    box-shadow: 0 2px 8px rgba(233, 69, 96, 0.4);
}

.message-count[b-wki66spco6] {
    opacity: 0.9;
    color: var(--text-light, #f4f4f4);
}

.conversation-container[b-wki66spco6] {
    display: flex;
    flex-direction: column;
    height: 500px;
}

.messages-container[b-wki66spco6] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--primary-dark, #1a1a2e);
}

/* Custom scrollbar - Dark themed */
.messages-container[b-wki66spco6]::-webkit-scrollbar {
    width: 8px;
}

.messages-container[b-wki66spco6]::-webkit-scrollbar-track {
    background: var(--secondary-dark, #16213e);
    border-radius: 4px;
}

.messages-container[b-wki66spco6]::-webkit-scrollbar-thumb {
    background: var(--accent-soft, #f39c12);
    border-radius: 4px;
    transition: background 0.3s ease;
}

.messages-container[b-wki66spco6]::-webkit-scrollbar-thumb:hover {
    background: var(--text-accent, #ffd700);
}

.message[b-wki66spco6] {
    display: flex;
    flex-direction: column;
    max-width: 80%;
    animation: messageSlideIn-b-wki66spco6 0.3s ease-out;
}

@keyframes messageSlideIn-b-wki66spco6 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes spin-b-wki66spco6 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.message-incoming[b-wki66spco6] {
    align-self: flex-start;
}

.message-outgoing[b-wki66spco6] {
    align-self: flex-end;
}

.message-header[b-wki66spco6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.message-author[b-wki66spco6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.author-avatar[b-wki66spco6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    color: white;
}

.admin-avatar[b-wki66spco6] {
    background: linear-gradient(135deg, var(--accent-warm, #e94560) 0%, var(--soft-pink, #fd79a8) 100%);
    box-shadow: 0 2px 8px rgba(233, 69, 96, 0.3);
}

.user-avatar[b-wki66spco6] {
    background: linear-gradient(135deg, var(--accent-soft, #f39c12) 0%, var(--text-accent, #ffd700) 100%);
    color: var(--primary-dark, #1a1a2e);
    box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3);
}

.author-info[b-wki66spco6] {
    display: flex;
    flex-direction: column;
}

.author-name[b-wki66spco6] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-light, #f4f4f4);
}

.message-time[b-wki66spco6] {
    font-size: 0.75rem;
    color: var(--text-muted, #b8b8b8);
}

.message-status[b-wki66spco6] {
    font-size: 0.75rem;
    color: var(--text-muted, #b8b8b8);
}

.read-status[b-wki66spco6] {
    color: var(--success-color, #27ae60);
    font-weight: 500;
}

.message-content[b-wki66spco6] {
    background: var(--card-bg, #0f3460);
    padding: 1rem;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color, #2c3e50);
    font-size: 0.925rem;
    line-height: 1.6;
    color: var(--text-light, #f4f4f4);
}

.message-outgoing .message-content[b-wki66spco6] {
    background: linear-gradient(135deg, var(--accent-warm, #e94560) 0%, var(--soft-pink, #fd79a8) 100%);
    color: var(--text-light, #f4f4f4);
    border: none;
    box-shadow: 0 4px 15px rgba(233, 69, 96, 0.3);
}

.no-messages[b-wki66spco6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-muted, #b8b8b8);
    text-align: center;
}

.no-messages-icon[b-wki66spco6] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.6;
    color: var(--accent-soft, #f39c12);
}

.no-messages p[b-wki66spco6] {
    margin: 0;
    font-size: 1rem;
    color: var(--text-muted, #b8b8b8);
}

.message-input-container[b-wki66spco6] {
    border-top: 1px solid var(--border-color, #2c3e50);
    background: var(--secondary-dark, #16213e);
    padding: 1rem;
}

.message-input-wrapper[b-wki66spco6] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
}

.message-input[b-wki66spco6] {
    flex: 1;
    border: 1px solid var(--border-color, #2c3e50);
    border-radius: 8px;
    padding: 0.75rem;
    font-size: 0.925rem;
    line-height: 1.5;
    resize: none;
    min-height: 42px;
    max-height: 120px;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--card-bg, #0f3460);
    color: var(--text-light, #f4f4f4);
}

.message-input:focus[b-wki66spco6] {
    outline: none;
    border-color: var(--accent-soft, #f39c12);
    box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.2);
}

.message-input[b-wki66spco6]::placeholder {
    color: var(--text-muted, #b8b8b8);
}

.send-button[b-wki66spco6] {
    background: linear-gradient(135deg, var(--accent-warm, #e94560) 0%, var(--soft-pink, #fd79a8) 100%);
    color: var(--text-light, #f4f4f4);
    border: none;
    border-radius: 8px;
    padding: 0.75rem;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 1rem;
    box-shadow: 0 4px 15px rgba(233, 69, 96, 0.3);
}

.send-button:hover:not(:disabled)[b-wki66spco6] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(233, 69, 96, 0.4);
}

.send-button:disabled[b-wki66spco6] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.loading-spinner-small[b-wki66spco6] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(244, 244, 244, 0.3);
    border-top: 2px solid var(--text-light, #f4f4f4);
    border-radius: 50%;
    animation: spin-b-wki66spco6 1s linear infinite;
}

.message-input-footer[b-wki66spco6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--text-muted, #b8b8b8);
}

.character-count[b-wki66spco6] {
    font-weight: 500;
    color: var(--accent-soft, #f39c12);
}

.input-tip[b-wki66spco6] {
    font-style: italic;
    color: var(--text-muted, #b8b8b8);
}

/* Responsive Design - Dark Theme */
@media (max-width: 768px) {
    .commission-conversation[b-wki66spco6] {
        margin-top: 1rem;
        border-radius: 8px;
    }
    
    .conversation-container[b-wki66spco6] {
        height: 400px;
    }
    
    .conversation-header[b-wki66spco6] {
        padding: 1rem;
    }
    
    .conversation-stats[b-wki66spco6] {
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-end;
    }
    
    .message[b-wki66spco6] {
        max-width: 90%;
    }
    
    .message-author[b-wki66spco6] {
        gap: 0.5rem;
    }
    
    .author-avatar[b-wki66spco6] {
        width: 32px;
        height: 32px;
        font-size: 0.7rem;
    }
    
    .message-content[b-wki66spco6] {
        padding: 0.75rem;
        font-size: 0.875rem;
    }
    
    .message-input-footer[b-wki66spco6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .message-input-wrapper[b-wki66spco6] {
        gap: 0.5rem;
    }
    
    .send-button[b-wki66spco6] {
        width: 38px;
        height: 38px;
        font-size: 0.9rem;
    }
}
/* _content/MajickLamp.Web/Components/Shared/QuoteDisplay.razor.rz.scp.css */
/* Quote Display Styles - Themed to match MajickLamp */
.quote-display-card[b-72nhweonhk] {
    background: var(--card-bg, #0f3460);
    border: 2px solid var(--accent-soft, #f39c12);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1rem 0;
    box-shadow: 0 4px 20px rgba(243, 156, 18, 0.2);
}

.quote-header[b-72nhweonhk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #2c3e50);
}

.quote-header h4[b-72nhweonhk] {
    margin: 0;
    color: var(--text-light, #f4f4f4);
    font-size: 1.25rem;
    font-weight: 600;
}

.quote-header h4 i[b-72nhweonhk] {
    color: var(--accent-soft, #f39c12);
    margin-right: 0.5rem;
}

.quote-amount[b-72nhweonhk] {
    font-size: 2rem;
    font-weight: bold;
    color: var(--accent-soft, #f39c12);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.quote-details[b-72nhweonhk] {
    margin-bottom: 1rem;
}

.quote-details h5[b-72nhweonhk] {
    color: var(--text-light, #f4f4f4);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.quote-details p[b-72nhweonhk] {
    color: var(--text-light, #f4f4f4);
    line-height: 1.6;
    margin: 0;
    background: var(--primary-dark, #1a1a2e);
    padding: 1rem;
    border-radius: 8px;
    border-left: 4px solid var(--accent-soft, #f39c12);
}

.quote-footer[b-72nhweonhk] {
    color: var(--text-muted, #b8b8b8);
    font-size: 0.875rem;
    border-top: 1px solid var(--border-color, #2c3e50);
    padding-top: 1rem;
}

.quote-footer i[b-72nhweonhk] {
    color: var(--accent-soft, #f39c12);
    margin-right: 0.25rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .quote-header[b-72nhweonhk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .quote-amount[b-72nhweonhk] {
        font-size: 1.75rem;
    }
    
    .quote-footer[b-72nhweonhk] {
        font-size: 0.8rem;
    }
}
/* _content/MajickLamp.Web/Components/Shared/StatusManagement.razor.rz.scp.css */
/* Inline Quote Form */
.quote-form-section[b-nbwbnjdmxk] {
    background: var(--secondary-dark, #16213e);
    border: 1px solid var(--border-color, #2c3e50);
    border-radius: 12px;
    margin-top: 1.5rem;
    overflow: hidden;
    animation: slideDown-b-nbwbnjdmxk 0.3s ease-out;
}

@keyframes slideDown-b-nbwbnjdmxk {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.quote-form-header[b-nbwbnjdmxk] {
    background: linear-gradient(135deg, var(--accent-soft, #f39c12) 0%, var(--accent-warm, #e94560) 100%);
    color: var(--text-light, #f4f4f4);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #2c3e50);
}

.quote-form-header h3[b-nbwbnjdmxk] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.quote-form-body[b-nbwbnjdmxk] {
    padding: 1.5rem;
}

.form-row[b-nbwbnjdmxk] {
    display: grid;
    gap: 1.5rem;
}

.quote-form-actions[b-nbwbnjdmxk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #2c3e50);
}

.quote-form-actions .btn[b-nbwbnjdmxk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Responsive Design for Quote Form */
@media (max-width: 768px) {
    .quote-form-actions[b-nbwbnjdmxk] {
        flex-direction: column;
    }
    
    .quote-form-actions .btn[b-nbwbnjdmxk] {
        justify-content: center;
    }
}

/* Status Management Component Styles */
.status-management-section[b-nbwbnjdmxk] {
    background: var(--card-bg, #0f3460);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid var(--border-color, #2c3e50);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.section-header[b-nbwbnjdmxk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #2c3e50);
}

.section-header h2[b-nbwbnjdmxk] {
    color: var(--text-light, #f4f4f4);
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.section-header h2 i[b-nbwbnjdmxk] {
    margin-right: 0.5rem;
    color: var(--accent-soft, #f39c12);
}

.current-status-actions[b-nbwbnjdmxk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.current-status-actions .btn[b-nbwbnjdmxk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.current-status-actions .btn:hover[b-nbwbnjdmxk] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.converted-notice[b-nbwbnjdmxk] {
    color: var(--text-muted, #b8b8b8);
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.converted-notice i[b-nbwbnjdmxk] {
    color: var(--success-color, #27ae60);
}

/* Status History Styles */
.status-history[b-nbwbnjdmxk] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #2c3e50);
}

.status-history h3[b-nbwbnjdmxk] {
    color: var(--text-light, #f4f4f4);
    margin: 0 0 1.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.status-history h3 i[b-nbwbnjdmxk] {
    margin-right: 0.5rem;
    color: var(--accent-soft, #f39c12);
}

.history-timeline[b-nbwbnjdmxk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.history-item[b-nbwbnjdmxk] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    position: relative;
}

.history-item:not(:last-child)[b-nbwbnjdmxk]::after {
    content: '';
    position: absolute;
    left: 18px;
    top: 40px;
    bottom: -24px;
    width: 2px;
    background: var(--border-color, #2c3e50);
}

.history-icon[b-nbwbnjdmxk] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--accent-soft, #f39c12);
    color: var(--primary-dark, #1a1a2e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    flex-shrink: 0;
    z-index: 1;
    position: relative;
}

.history-content[b-nbwbnjdmxk] {
    flex: 1;
    background: var(--secondary-dark, #16213e);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--border-color, #2c3e50);
}

.history-header[b-nbwbnjdmxk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.status-change[b-nbwbnjdmxk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.from-status[b-nbwbnjdmxk] {
    color: var(--text-muted, #b8b8b8);
}

.status-change .fa-arrow-right[b-nbwbnjdmxk] {
    color: var(--accent-soft, #f39c12);
    font-size: 0.75rem;
}

.to-status[b-nbwbnjdmxk] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Status Badge Colors */
.status-pending[b-nbwbnjdmxk] {
    background: #f39c12;
    color: var(--primary-dark, #1a1a2e);
}

.status-underreview[b-nbwbnjdmxk] {
    background: #3498db;
    color: white;
}

.status-approved[b-nbwbnjdmxk] {
    background: #27ae60;
    color: white;
}

.status-rejected[b-nbwbnjdmxk] {
    background: var(--accent-warm, #e94560);
    color: white;
}

.status-converted[b-nbwbnjdmxk] {
    background: var(--soft-pink, #fd79a8);
    color: white;
}

.timestamp[b-nbwbnjdmxk] {
    color: var(--text-muted, #b8b8b8);
    font-size: 0.875rem;
}

.changed-by[b-nbwbnjdmxk] {
    color: var(--text-light, #f4f4f4);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.changed-by i[b-nbwbnjdmxk] {
    color: var(--accent-soft, #f39c12);
}

.reason[b-nbwbnjdmxk], .admin-notes[b-nbwbnjdmxk] {
    color: var(--text-light, #f4f4f4);
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.reason:last-child[b-nbwbnjdmxk], .admin-notes:last-child[b-nbwbnjdmxk] {
    margin-bottom: 0;
}

/* Modal Overlay */
.modal-overlay[b-nbwbnjdmxk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

/* Modal Base Styles */
.modal[b-nbwbnjdmxk] {
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    max-height: 90vh;
    overflow-y: auto;
    animation: modalFadeIn-b-nbwbnjdmxk 0.3s ease-out;
}

@keyframes modalFadeIn-b-nbwbnjdmxk {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modal-header[b-nbwbnjdmxk] {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color, #2c3e50);
    border-radius: 12px 12px 0 0;
}

.modal-header h3[b-nbwbnjdmxk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close[b-nbwbnjdmxk] {
    background: none;
    border: none;
    color: var(--text-light, #f4f4f4);
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.btn-close:hover[b-nbwbnjdmxk] {
    background: rgba(255, 255, 255, 0.1);
}

.modal-body[b-nbwbnjdmxk] {
    padding: 1.5rem;
}

.modal-footer[b-nbwbnjdmxk] {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    border-top: 1px solid var(--border-color, #2c3e50);
    border-radius: 0 0 12px 12px;
    background: var(--secondary-dark, #16213e);
}

/* Status Change Modal */
.status-change-modal[b-nbwbnjdmxk] {
    width: 100%;
    max-width: 500px;
    background: var(--card-bg, #0f3460);
    border: 1px solid var(--border-color, #2c3e50);
}

.status-change-modal .modal-header[b-nbwbnjdmxk] {
    background: linear-gradient(135deg, var(--accent-warm, #e94560) 0%, var(--soft-pink, #fd79a8) 100%);
    color: var(--text-light, #f4f4f4);
}

.status-change-modal .modal-body[b-nbwbnjdmxk] {
    background: var(--card-bg, #0f3460);
    color: var(--text-light, #f4f4f4);
}

/* Form Styles */
.form-group[b-nbwbnjdmxk] {
    margin-bottom: 1.5rem;
}

.form-group:last-child[b-nbwbnjdmxk] {
    margin-bottom: 0;
}

.form-group label[b-nbwbnjdmxk] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--text-light, #f4f4f4);
}

.form-control[b-nbwbnjdmxk] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #2c3e50);
    border-radius: 6px;
    background: var(--secondary-dark, #16213e);
    color: var(--text-light, #f4f4f4);
    font-size: 0.95rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus[b-nbwbnjdmxk] {
    outline: none;
    border-color: var(--accent-soft, #f39c12);
    box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.2);
}

.form-control[b-nbwbnjdmxk]::placeholder {
    color: var(--text-muted, #b8b8b8);
}

.input-group[b-nbwbnjdmxk] {
    display: flex;
    align-items: stretch;
}

.input-group-text[b-nbwbnjdmxk] {
    padding: 0.75rem;
    background: var(--border-color, #2c3e50);
    color: var(--text-light, #f4f4f4);
    border: 1px solid var(--border-color, #2c3e50);
    border-right: none;
    border-radius: 6px 0 0 6px;
    font-weight: 500;
}

.input-group .form-control[b-nbwbnjdmxk] {
    border-radius: 0 6px 6px 0;
    border-left: none;
}

.input-group .form-control:focus[b-nbwbnjdmxk] {
    border-left: none;
}

.status-change-modal .form-group[b-nbwbnjdmxk] {
    margin-bottom: 1.5rem;
}

.status-change-modal .form-group:last-child[b-nbwbnjdmxk] {
    margin-bottom: 0;
}

.status-change-modal .form-control[b-nbwbnjdmxk] {
    background: var(--secondary-dark, #16213e);
    border: 1px solid var(--border-color, #2c3e50);
    color: var(--text-light, #f4f4f4);
}

.status-change-modal .form-control:focus[b-nbwbnjdmxk] {
    border-color: var(--accent-soft, #f39c12);
    box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.2);
}

.status-change-modal .form-control[b-nbwbnjdmxk]::placeholder {
    color: var(--text-muted, #b8b8b8);
}

.required[b-nbwbnjdmxk] {
    color: var(--accent-warm, #e94560);
}

/* Responsive Design */
@media (max-width: 768px) {
    .section-header[b-nbwbnjdmxk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .current-status-actions[b-nbwbnjdmxk] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .current-status-actions .btn[b-nbwbnjdmxk] {
        justify-content: center;
    }
    
    .history-header[b-nbwbnjdmxk] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .status-change-modal[b-nbwbnjdmxk] {
        margin: 1rem;
    }
}

/* Additional styles for the new PendingApproval status */
.status-pending-approval[b-nbwbnjdmxk] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
    font-weight: 600;
    border-radius: 6px;
    padding: 0.375rem 0.75rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.75rem;
}

.user-approval-actions[b-nbwbnjdmxk] {
    background: var(--card-bg, #0f3460);
    border: 2px solid var(--accent-soft, #f39c12);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1rem 0;
    text-align: center;
}

.approval-message[b-nbwbnjdmxk] {
    color: var(--text-light, #f4f4f4);
    margin-bottom: 1rem;
    font-size: 1rem;
}

.approval-message i[b-nbwbnjdmxk] {
    color: var(--accent-soft, #f39c12);
    margin-right: 0.5rem;
}

.user-approval-actions .btn[b-nbwbnjdmxk] {
    margin: 0 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.user-approval-actions .btn-success[b-nbwbnjdmxk] {
    background: linear-gradient(135deg, #28a745, #20c997);
    border: none;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

.user-approval-actions .btn-success:hover[b-nbwbnjdmxk] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
}

.user-approval-actions .btn-danger[b-nbwbnjdmxk] {
    background: linear-gradient(135deg, var(--accent-warm, #e94560), #c0392b);
    border: none;
    box-shadow: 0 4px 15px rgba(233, 69, 96, 0.3);
}

.user-approval-actions .btn-danger:hover[b-nbwbnjdmxk] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(233, 69, 96, 0.4);
}

.pending-approval-notice[b-nbwbnjdmxk] {
    color: var(--text-muted, #b8b8b8);
    font-style: italic;
    padding: 1rem;
    background: var(--secondary-dark, #16213e);
    border-radius: 8px;
    border-left: 4px solid var(--accent-soft, #f39c12);
}

/* Additional responsive styles for quote functionality */
@media (max-width: 768px) {
    .user-approval-actions .btn[b-nbwbnjdmxk] {
        display: block;
        margin: 0.5rem 0;
        width: 100%;
    }
}