/* /Components/Analytics/BreakdownChart.razor.rz.scp.css */
.breakdown-item[b-x24h89vhro]{margin:17px 0}.breakdown-item>div:first-child[b-x24h89vhro]{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#34443e}.breakdown-item strong[b-x24h89vhro]{font-variant-numeric:tabular-nums;color:#142e25}.breakdown-track[b-x24h89vhro]{height:7px;background:#f0f4f2;border-radius:4px;margin-top:7px;overflow:hidden}.breakdown-track span[b-x24h89vhro]{display:block;height:100%;background:#39987c;border-radius:4px}.empty-breakdown[b-x24h89vhro]{padding:32px 12px;text-align:center;font-size:13px;color:#65756e}
/* /Components/Analytics/ChannelSalesReport.razor.rz.scp.css */
.channel-report[b-h1j3ilxxm5]{background:#fff;border:1px solid #dfe8e1;border-radius:13px;padding:24px;margin-bottom:22px;color:#294c35}.heading[b-h1j3ilxxm5]{display:flex;justify-content:space-between;align-items:start;gap:16px}.heading h2[b-h1j3ilxxm5]{font-size:16px;font-weight:650;margin:0 0 7px}.heading p[b-h1j3ilxxm5],.heading a[b-h1j3ilxxm5]{font-size:12px;color:#788e7f}.heading a[b-h1j3ilxxm5]{white-space:nowrap;color:#297052;text-decoration:none}.channel-chart[b-h1j3ilxxm5]{display:grid;gap:20px;margin:25px 0}.channel-label[b-h1j3ilxxm5]{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:7px;font-size:13px}.channel-label small[b-h1j3ilxxm5],.channel-row>small[b-h1j3ilxxm5]{font-size:11px;color:#788e7f}.channel-row>small[b-h1j3ilxxm5]{display:block;margin-top:7px}.channel-track[b-h1j3ilxxm5]{height:10px;background:#eef3ef;border-radius:4px;position:relative;overflow:hidden}.channel-bar[b-h1j3ilxxm5]{height:100%;position:absolute;background:#439572;border-radius:3px}.channel-bar.negative[b-h1j3ilxxm5]{background:#bc8641}.baseline[b-h1j3ilxxm5]{position:absolute;height:100%;width:1px;background:#799283}.table-scroll[b-h1j3ilxxm5]{overflow:auto}table[b-h1j3ilxxm5]{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th[b-h1j3ilxxm5],td[b-h1j3ilxxm5]{text-align:right;padding:13px 10px;border-bottom:1px solid #edf2ee}th[b-h1j3ilxxm5]{background:#f7faf8;color:#788e7f;font-size:11px}th:first-child[b-h1j3ilxxm5],td:first-child[b-h1j3ilxxm5]{text-align:left}button[b-h1j3ilxxm5]{border:0;background:transparent;color:#287452;padding:0;text-align:left;font:inherit;text-decoration:underline;text-underline-offset:3px}.source-note[b-h1j3ilxxm5],.empty[b-h1j3ilxxm5]{font-size:12px;color:#788e7f;margin:18px 0 0;line-height:1.7}.empty[b-h1j3ilxxm5]{padding:35px 0;text-align:center}@media(max-width:600px){.channel-report[b-h1j3ilxxm5]{padding:16px}.heading[b-h1j3ilxxm5]{flex-wrap:wrap}}
/* /Components/Analytics/DailyReport.razor.rz.scp.css */
.daily-report[b-5y3ikebqh7]{background:#fff;border:1px solid #dfe7e2;border-radius:14px;padding:22px;margin-top:20px;box-shadow:0 2px 4px #142e2504}.heading[b-5y3ikebqh7]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.heading h2[b-5y3ikebqh7]{font-size:15px;font-weight:650;color:#213a2e;margin:0}.heading p[b-5y3ikebqh7]{font-size:12px;color:#748278;margin:7px 0 0}.heading a[b-5y3ikebqh7]{color:#177358;font-size:12px;text-decoration:none;font-weight:600}.table-scroll[b-5y3ikebqh7]{overflow:auto;max-height:560px}table[b-5y3ikebqh7]{width:100%;font-size:12px;border-collapse:collapse;white-space:nowrap}th[b-5y3ikebqh7]{font-size:11px;color:#748278;font-weight:600;background:#f7f9f7;position:sticky;top:0}th[b-5y3ikebqh7],td[b-5y3ikebqh7]{padding:13px 12px;border-bottom:1px solid #edf1ee;text-align:right}th:first-child[b-5y3ikebqh7],td:first-child[b-5y3ikebqh7]{text-align:left}td[b-5y3ikebqh7]{color:#344d3e;font-variant-numeric:tabular-nums}.empty[b-5y3ikebqh7]{padding:24px;text-align:center;font-size:13px;color:#748278}
/* /Components/Analytics/TrendChart.razor.rz.scp.css */
.trend-chart svg[b-jhqo0z0w3c]{width:100%;height:auto;display:block;margin:14px 0 4px;overflow:visible}.trend-chart text[b-jhqo0z0w3c]{fill:#7b8882;font-size:11px;font-family:inherit}.chart-legend[b-jhqo0z0w3c]{display:flex;gap:20px;justify-content:center;font-size:11px;color:#718078}.chart-legend span[b-jhqo0z0w3c]{display:flex;gap:7px;align-items:center}.chart-legend i[b-jhqo0z0w3c]{width:16px;height:3px;background:#168166;display:inline-block}.chart-legend .previous[b-jhqo0z0w3c]{background:repeating-linear-gradient(to right,#a5b7ad 0 4px,transparent 4px 6px)}
/* /Layout/EmptyLayout.razor.rz.scp.css */
.auth-layout[b-pgfbnzct89] {
    min-height: 100vh;
    background: var(--app-bg);
    display: flex;
    flex-direction: column;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-98vrg9bxcc] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--app-bg);
}

main[b-98vrg9bxcc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.sidebar[b-98vrg9bxcc] {
    background: linear-gradient(180deg, var(--app-sidebar-from) 0%, var(--app-sidebar-to) 100%);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
    z-index: 50;
    overflow: hidden;
    transition: width 0.22s ease, min-width 0.22s ease, opacity 0.18s ease;
}

.app-topbar[b-98vrg9bxcc] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    position: sticky;
    top: 0;
    z-index: 30;
}

.app-topbar-left[b-98vrg9bxcc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.app-menu-toggle[b-98vrg9bxcc] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: #fff;
    color: #334155;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.app-menu-toggle:hover[b-98vrg9bxcc] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: var(--app-primary);
}

.app-menu-toggle:focus-visible[b-98vrg9bxcc] {
    outline: 3px solid rgba(59, 130, 246, 0.25);
    outline-offset: 2px;
}

.app-menu-toggle i[b-98vrg9bxcc] {
    font-size: 1.35rem;
    line-height: 1;
}

.app-breadcrumb[b-98vrg9bxcc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    color: var(--app-text-muted);
    margin: 0;
}

.app-breadcrumb strong[b-98vrg9bxcc] {
    color: var(--app-text);
    font-weight: 600;
}

.app-breadcrumb i[b-98vrg9bxcc] {
    font-size: 0.7rem;
    opacity: 0.6;
}

.app-topbar-datetime[b-98vrg9bxcc] {
    font-size: 0.75rem;
    color: var(--app-text-muted);
    white-space: nowrap;
}

.app-topbar-actions[b-98vrg9bxcc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.app-topbar-btn[b-98vrg9bxcc] {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    border-radius: var(--app-radius-sm);
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    cursor: pointer;
}

.app-topbar-btn:hover[b-98vrg9bxcc] {
    background: #f1f5f9;
}

article.content[b-98vrg9bxcc] {
    flex: 1;
    padding: 1.25rem 1.5rem 2rem;
    position: relative;
    overflow: visible;
}

@media (max-width: 640.98px) {
    article.content[b-98vrg9bxcc] { padding: 1rem; }
    .app-topbar[b-98vrg9bxcc] { padding: 0.65rem 1rem; }
    .app-topbar-datetime[b-98vrg9bxcc] { display: none; }

    .menu-collapsed .sidebar[b-98vrg9bxcc] {
        display: none;
    }
}

@media (min-width: 641px) {
    .page[b-98vrg9bxcc] {
        flex-direction: row;
        align-items: stretch;
    }

    .sidebar[b-98vrg9bxcc] {
        width: var(--app-sidebar-width);
        min-width: var(--app-sidebar-width);
        min-height: 100vh;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        position: sticky;
        top: 0;
        height: auto;
    }

    .menu-collapsed .sidebar[b-98vrg9bxcc] {
        width: 0;
        min-width: 0;
        opacity: 0;
        box-shadow: none;
        pointer-events: none;
    }
}

@media (min-width: 1024px) {
    article.content[b-98vrg9bxcc] { padding: 1.5rem 1.75rem 2rem; }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.sidebar-inner[b-ccuqvx4y2k] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100%;
}

.sidebar-brand-row[b-ccuqvx4y2k] {
    height: 68px;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

.navbar-brand[b-ccuqvx4y2k] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

.brand-logo[b-ccuqvx4y2k] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, #60a5fa, #22d3ee);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
}

.brand-sub[b-ccuqvx4y2k] {
    font-size: 0.68rem;
    font-weight: 500;
    color: rgba(147, 197, 253, 0.75);
    letter-spacing: 0.03em;
    display: block;
    line-height: 1;
    margin-top: 3px;
}

.nav-scrollable[b-ccuqvx4y2k] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.65rem 0.5rem 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.12) transparent;
}

.nav-scrollable[b-ccuqvx4y2k]::-webkit-scrollbar { width: 5px; }
.nav-scrollable[b-ccuqvx4y2k]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
}

.nav-item[b-ccuqvx4y2k] {
    font-size: 0.875rem;
    padding-bottom: 0.1rem;
}

.nav-item[b-ccuqvx4y2k]  a {
    color: var(--app-sidebar-text);
    border-radius: 0 10px 10px 0;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    line-height: 1.3;
    padding: 0.45rem 0.85rem;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    margin: 0 0.25rem 0 0;
    border-left: 3px solid transparent;
}

.nav-item[b-ccuqvx4y2k]  a .bi,
.nav-item[b-ccuqvx4y2k]  a .oi {
    font-size: 1rem;
    margin-right: 0.65rem;
    opacity: 0.85;
    width: 1.1rem;
    text-align: center;
}

.nav-item[b-ccuqvx4y2k]  a.active {
    background: var(--app-sidebar-active);
    border-left-color: var(--app-sidebar-active-border);
    color: #63b3ed;
    font-weight: 600;
}

.nav-item[b-ccuqvx4y2k]  a.active .bi {
    opacity: 1;
    color: #63b3ed;
}

.nav-item[b-ccuqvx4y2k]  a:hover {
    background: rgba(255, 255, 255, 0.06);
    border-left-color: rgba(255, 255, 255, 0.35);
    color: rgba(255, 255, 255, 0.95);
}

.nav-parent[b-ccuqvx4y2k] { cursor: pointer; }

.nav-parent .nav-arrow[b-ccuqvx4y2k] {
    margin-left: auto;
    margin-right: 0;
    font-size: 0.68rem;
    opacity: 0.55;
}

.nav-parent.expanded[b-ccuqvx4y2k] {
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.04);
    border-left-color: rgba(255, 255, 255, 0.2);
}

.nav-submenu[b-ccuqvx4y2k] {
    margin: 0.1rem 0.5rem 0.25rem 0.75rem;
    padding: 0.2rem 0 0.2rem 0.5rem;
    border-left: 2px solid rgba(99, 179, 237, 0.35);
}

.nav-child[b-ccuqvx4y2k] {
    font-size: 0.8125rem !important;
    min-height: 2.25rem !important;
    padding-left: 0.65rem !important;
}

.orders-management-link[b-ccuqvx4y2k] { font-size: 0.85rem; white-space: nowrap; }
.process-flow-link[b-ccuqvx4y2k] { font-size: 0.82rem !important; white-space: nowrap; }

.nav-item.mt-2[b-ccuqvx4y2k]  a {
    color: #fca5a5 !important;
    margin-top: 0.35rem;
}

.nav-item.mt-2[b-ccuqvx4y2k]  a:hover {
    background: rgba(239, 68, 68, 0.12);
    border-left-color: #f87171;
    color: #fecaca !important;
}

/* Sidebar user footer (Courier Portal style) */
.sidebar-footer[b-ccuqvx4y2k] {
    padding: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

.sidebar-user-card[b-ccuqvx4y2k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
}

.sidebar-user-avatar[b-ccuqvx4y2k] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #10b981;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
}

.sidebar-user-info[b-ccuqvx4y2k] {
    flex: 1;
    min-width: 0;
    line-height: 1.25;
}

.sidebar-user-info span:first-child[b-ccuqvx4y2k] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-user-info span:last-child[b-ccuqvx4y2k] {
    display: block;
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Access Denied Modal */
.access-denied-overlay[b-ccuqvx4y2k] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.access-denied-modal[b-ccuqvx4y2k] {
    background: var(--app-surface);
    border-radius: var(--app-radius-lg);
    box-shadow: var(--app-shadow-lg);
    width: 90%;
    max-width: 420px;
    overflow: hidden;
    animation: modalSlideIn-b-ccuqvx4y2k 0.3s ease-out;
}

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

.access-denied-header[b-ccuqvx4y2k] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.access-denied-close[b-ccuqvx4y2k] {
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
}

.access-denied-body[b-ccuqvx4y2k] { padding: 24px; text-align: center; }
.access-denied-icon[b-ccuqvx4y2k] { font-size: 3.5rem; color: var(--app-danger); margin-bottom: 16px; }
.access-denied-body h5[b-ccuqvx4y2k] { color: var(--app-text); margin-bottom: 20px; font-weight: 600; }

.permission-box[b-ccuqvx4y2k] {
    background: #f8fafc;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    padding: 12px 16px;
    margin-bottom: 16px;
    text-align: left;
}

.permission-label[b-ccuqvx4y2k] {
    color: var(--app-text-muted);
    font-size: 0.85rem;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.permission-box code[b-ccuqvx4y2k] { color: var(--app-danger); background: transparent; }

.contact-text[b-ccuqvx4y2k] {
    color: var(--app-text-muted);
    font-size: 0.85rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.access-denied-footer[b-ccuqvx4y2k] {
    background: #f8fafc;
    padding: 16px 20px;
    display: flex;
    justify-content: center;
}

.btn-close-modal[b-ccuqvx4y2k] {
    background: var(--app-danger);
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: var(--app-radius-sm);
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 640.98px) {
    .sidebar-inner[b-ccuqvx4y2k] { min-height: auto; }
}
/* /Pages/Channels/ChannelLocations.razor.rz.scp.css */
.channel-locations-page .channel-locations-summary[b-99e5w6if6q] {
    padding: 0.5rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}

.channel-locations-table-wrap[b-99e5w6if6q] {
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

.channel-locations-page .location-col[b-99e5w6if6q] {
    min-width: 280px;
    position: sticky;
    left: 0;
    background: #f8fafc;
    z-index: 1;
}

.channel-locations-page .check-col[b-99e5w6if6q] {
    width: 120px;
    white-space: nowrap;
}

.channel-locations-page .priority-col[b-99e5w6if6q] {
    width: 130px;
    min-width: 130px;
}

.channel-locations-page .buffer-col[b-99e5w6if6q] {
    width: 100px;
    min-width: 100px;
}

.channel-locations-page .actions-col[b-99e5w6if6q] {
    width: 200px;
    min-width: 200px;
}

.channel-locations-page .buffer-input[b-99e5w6if6q] {
    min-width: 80px;
    max-width: 100px;
}

.channel-locations-page .priority-select[b-99e5w6if6q] {
    min-width: 110px;
}

.channel-locations-page .location-check[b-99e5w6if6q] {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
}

.channel-locations-page thead th[b-99e5w6if6q] {
    position: sticky;
    top: 0;
    background: #f8fafc;
    z-index: 2;
    box-shadow: inset 0 -1px 0 #e2e8f0;
}

.channel-buffer-view-modal[b-99e5w6if6q],
.channel-buffer-upload-modal[b-99e5w6if6q] {
    background: rgba(15, 23, 42, 0.45) !important;
    z-index: 1060 !important;
}

.channel-buffer-view-modal .modal-dialog[b-99e5w6if6q],
.channel-buffer-upload-modal .modal-dialog[b-99e5w6if6q] {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.buffer-rules-table-wrap[b-99e5w6if6q] {
    max-height: min(60vh, 520px);
    overflow: auto;
}

.buffer-rules-table thead th[b-99e5w6if6q] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    box-shadow: inset 0 -1px 0 #e2e8f0;
}

.buffer-rules-table thead tr:nth-child(2) th[b-99e5w6if6q] {
    top: 2.1rem;
    font-size: 0.68rem;
}

.buffer-rules-table .border-end[b-99e5w6if6q] {
    border-right: 1px solid #e2e8f0 !important;
}
/* /Pages/Channels/Channels.razor.rz.scp.css */
.channels-page .platform-badge[b-ixrybns9l3] {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
}

.channels-page .cred-section[b-ixrybns9l3] {
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    padding: 1rem;
    background: #f8f9fa;
}

.channels-page .secret-hint[b-ixrybns9l3] {
    font-size: 0.8rem;
    color: #6c757d;
}
/* /Pages/Channels/LocalInventory.razor.rz.scp.css */
.inventory-page[b-yi00x4vf2h]{max-width:1600px;margin:0 auto;padding:32px;color:#18302a}.inventory-page header[b-yi00x4vf2h]{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.eyebrow[b-yi00x4vf2h]{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#608277}h1[b-yi00x4vf2h]{font-size:30px;font-weight:750;margin:8px 0}h2[b-yi00x4vf2h]{font-size:20px}p[b-yi00x4vf2h]{color:#66766f;font-size:14px;margin:6px 0 12px}.filters[b-yi00x4vf2h]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}label[b-yi00x4vf2h]{font-size:12px;font-weight:600;display:block}.form-control[b-yi00x4vf2h],.form-select[b-yi00x4vf2h]{margin-top:6px;font-size:14px;min-height:40px}.sample-note[b-yi00x4vf2h]{background:#fff8e5;border:1px solid #efdfaf;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px;color:#73591e}.stats[b-yi00x4vf2h]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stats article[b-yi00x4vf2h],.panel[b-yi00x4vf2h]{background:white;border:1px solid #dde5df;border-radius:10px;overflow:hidden}.stats article[b-yi00x4vf2h]{padding:20px}.stats span[b-yi00x4vf2h]{display:block;color:#687970;font-size:12px}.stats strong[b-yi00x4vf2h]{font-size:29px;display:block;margin-top:8px}.tabs[b-yi00x4vf2h]{display:flex;gap:24px;border-bottom:1px solid #d7e1dc;margin-bottom:20px}.tabs button[b-yi00x4vf2h]{background:none;border:0;padding:12px 0;color:#6a7d73;font-size:14px;font-weight:600;border-bottom:3px solid transparent}.tabs button.selected[b-yi00x4vf2h]{border-bottom-color:#19815e;color:#176a4f}.panel[b-yi00x4vf2h]{margin-bottom:20px}th[b-yi00x4vf2h]{font-size:11px;color:#6a7b72;background:#f6f9f7;text-transform:uppercase;letter-spacing:.6px}td[b-yi00x4vf2h]{font-size:13px}th[b-yi00x4vf2h],td[b-yi00x4vf2h]{padding:14px 16px}td strong[b-yi00x4vf2h]{font-weight:600}small[b-yi00x4vf2h]{display:block;font-size:11px;color:#71847a;margin-top:4px}.product[b-yi00x4vf2h]{max-width:310px}.number[b-yi00x4vf2h]{text-align:right;font-variant-numeric:tabular-nums}.available[b-yi00x4vf2h]{color:#17805b}.zero[b-yi00x4vf2h]{color:#b87421}.rule-tag[b-yi00x4vf2h]{display:inline-block;background:#eef4f0;padding:3px 6px;border-radius:4px;font-size:11px}.empty[b-yi00x4vf2h]{padding:40px;text-align:center;color:#71847a}footer[b-yi00x4vf2h]{padding:16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5ebe7;font-size:12px;color:#71847a}.rule-form[b-yi00x4vf2h]{padding:24px}.footnote[b-yi00x4vf2h]{font-size:12px}.edit-overlay[b-yi00x4vf2h]{position:fixed;inset:0;background:#12241db3;display:flex;align-items:center;justify-content:center;z-index:1100}.edit-dialog[b-yi00x4vf2h]{background:white;border-radius:12px;padding:28px;width:460px;max-width:95vw}.btn-primary[b-yi00x4vf2h]{background:#177453;border-color:#177453}@media(max-width:1000px){.inventory-page[b-yi00x4vf2h]{padding:20px}.filters[b-yi00x4vf2h],.stats[b-yi00x4vf2h]{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-page header[b-yi00x4vf2h]{align-items:flex-start;flex-direction:column}}@media(max-width:550px){.filters[b-yi00x4vf2h],.stats[b-yi00x4vf2h]{grid-template-columns:1fr}.stats[b-yi00x4vf2h]{gap:8px}.stats article[b-yi00x4vf2h]{padding:12px}.tabs[b-yi00x4vf2h]{gap:16px}}
/* /Pages/Home.razor.rz.scp.css */
.analytics-workspace[b-o2yzyvmou0]{max-width:1560px;margin:0 auto;padding:12px 8px 30px;color:#203c2f;--green:#168166;--muted:#728179;--line:#e0e7e2}
.analytics-header[b-o2yzyvmou0]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow[b-o2yzyvmou0]{font-size:10px;letter-spacing:1.8px;color:#6c8275;font-weight:700;margin-bottom:8px}.analytics-header h1[b-o2yzyvmou0]{font-size:29px;letter-spacing:-.8px;font-weight:700;margin:0 0 7px}.analytics-header p[b-o2yzyvmou0]{font-size:13px;color:var(--muted);margin:0}.header-actions[b-o2yzyvmou0]{display:flex;gap:9px;flex-wrap:wrap}.plain-button[b-o2yzyvmou0],.dark-button[b-o2yzyvmou0]{font-size:12px;line-height:20px;padding:8px 13px;border-radius:8px;text-decoration:none;border:1px solid #d5dfd8;background:#fff;color:#324b3c;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.dark-button[b-o2yzyvmou0]{background:#263d31;border-color:#263d31;color:#fff}.dark-button:disabled[b-o2yzyvmou0],.plain-button:disabled[b-o2yzyvmou0]{opacity:.55}.plain-button:hover[b-o2yzyvmou0]{background:#eef4ef}.dark-button:hover[b-o2yzyvmou0]{background:#335b44}button:focus-visible[b-o2yzyvmou0],a:focus-visible[b-o2yzyvmou0],select:focus-visible[b-o2yzyvmou0],input:focus-visible[b-o2yzyvmou0]{outline:3px solid #8ccdb0;outline-offset:2px}
.filter-bar[b-o2yzyvmou0]{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px}.filter-bar select[b-o2yzyvmou0],.card-heading select[b-o2yzyvmou0]{font-size:12px;color:#304c3b;border:1px solid #dfe7e1;border-radius:7px;background:#fff;padding:8px 25px 8px 9px;max-width:100%}.store-filter[b-o2yzyvmou0]{display:flex;align-items:center;gap:8px;margin:0;color:#48866d}.store-filter select[b-o2yzyvmou0]{border:0;font-weight:650;padding-left:0}.date-filters[b-o2yzyvmou0]{display:flex;align-items:center;gap:10px}.date-filters label[b-o2yzyvmou0]{display:flex;align-items:center;gap:7px;font-size:10px;color:#7c8c81}.date-filters input[b-o2yzyvmou0]{font:inherit;font-size:11px;border:0;color:#425c4c;background:transparent;width:116px}.date-arrow[b-o2yzyvmou0]{font-size:12px;color:#8ca293}.apply[b-o2yzyvmou0]{padding:5px 12px}.context-line[b-o2yzyvmou0]{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7a8b7f;margin:13px 2px 21px}.context-line>span[b-o2yzyvmou0]{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.store-dot[b-o2yzyvmou0]{width:6px;height:6px;background:#22865d;border-radius:50%;display:inline-block}.separator[b-o2yzyvmou0]{color:#becdc2;margin:0 3px}
.report-tabs[b-o2yzyvmou0]{display:flex;gap:6px;margin:0 0 22px;padding-bottom:10px;border-bottom:1px solid var(--line);overflow:auto}.report-tabs a[b-o2yzyvmou0]{font-size:12px;color:#79887e;text-decoration:none;padding:7px 13px;border-radius:7px;white-space:nowrap}.report-tabs a.active[b-o2yzyvmou0]{color:#18563c;background:#e4efe7;font-weight:700}.report-tabs a:hover[b-o2yzyvmou0]{background:#edf3ee}.metric-grid[b-o2yzyvmou0]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card[b-o2yzyvmou0]{border:1px solid var(--line);border-radius:12px;background:#fff;padding:19px 20px;display:flex;flex-direction:column;min-height:155px;box-shadow:0 2px 4px #142e2504}.metric-name[b-o2yzyvmou0]{font-size:12px;color:#425a4b;font-weight:550;display:flex;justify-content:space-between;gap:6px}.metric-name i[b-o2yzyvmou0]{color:#8ba695}.metric-card>strong[b-o2yzyvmou0]{font-size:32px;letter-spacing:-1px;font-weight:650;line-height:1.25;margin:13px 0 8px;font-variant-numeric:tabular-nums}.metric-change[b-o2yzyvmou0]{font-size:10px;color:#528469}.metric-foot[b-o2yzyvmou0]{font-size:10px;color:#8a978e;margin-top:9px;line-height:1.5}.analytics-card[b-o2yzyvmou0]{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:0 2px 4px #142e2504;min-width:0}.chart-grid[b-o2yzyvmou0]{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:20px;margin:0 0 20px}.three-grid[b-o2yzyvmou0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}.two-grid[b-o2yzyvmou0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.card-heading[b-o2yzyvmou0]{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-heading h2[b-o2yzyvmou0]{font-size:14px;font-weight:650;margin:0;color:#213e2e;letter-spacing:-.1px}.card-heading p[b-o2yzyvmou0]{font-size:11px;color:#7d8f81;margin:8px 0 0}.card-heading p span[b-o2yzyvmou0]{color:#acb7ae;margin-left:4px}.card-heading>i[b-o2yzyvmou0]{color:#a3b6a9}.card-heading>span[b-o2yzyvmou0]{font-size:10px;color:#7b8b80}.card-heading a[b-o2yzyvmou0],.card-link[b-o2yzyvmou0]{font-size:11px;color:#248160;text-decoration:none;font-weight:600}.card-link[b-o2yzyvmou0]{display:block;border-top:1px solid #edf2ee;padding-top:14px;margin-top:18px}.funnel-head[b-o2yzyvmou0]{display:flex;gap:12px;align-items:baseline;margin:18px 0}.funnel-head strong[b-o2yzyvmou0]{font-size:26px;letter-spacing:-.7px;font-weight:600}.funnel-head span[b-o2yzyvmou0]{font-size:10px;color:#88988c}.funnel-step[b-o2yzyvmou0]{margin:15px 0}.funnel-step>div:first-child[b-o2yzyvmou0]{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;gap:14px}.funnel-step strong[b-o2yzyvmou0]{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.funnel-step small[b-o2yzyvmou0]{font-size:10px;font-weight:400;color:#84978a;display:inline-block;width:42px;text-align:right;margin-left:8px}.funnel-track[b-o2yzyvmou0]{height:7px;background:#f0f4f0;border-radius:3px;overflow:hidden;margin-top:7px}.funnel-track span[b-o2yzyvmou0]{display:block;height:100%;background:#559c7b;border-radius:3px}.funnel-step:last-child .funnel-track span[b-o2yzyvmou0]{background:#1c7357}.operations-number[b-o2yzyvmou0]{font-size:26px;font-weight:650;margin-top:20px;letter-spacing:-.5px}.operations-number span[b-o2yzyvmou0]{font-size:11px;font-weight:400;color:#7d8e82;letter-spacing:0}.small-note[b-o2yzyvmou0]{font-size:10px;color:#829388;margin:15px 0 0;line-height:1.5}.catalog-strip[b-o2yzyvmou0]{display:flex;align-items:center;gap:16px;background:#edf4ee;border:1px solid #d8e6db;border-radius:12px;padding:20px}.catalog-icon[b-o2yzyvmou0]{font-size:24px;color:#619274}.catalog-strip div[b-o2yzyvmou0]{display:flex;flex-direction:column;gap:4px}.catalog-strip strong[b-o2yzyvmou0]{font-size:13px}.catalog-strip span[b-o2yzyvmou0]{font-size:11px;color:#7d9182}.catalog-strip a[b-o2yzyvmou0]{margin-left:auto;font-size:12px;text-decoration:none;color:#2c7452;white-space:nowrap}
.notice[b-o2yzyvmou0]{border:1px solid #eedcb4;background:#fff9ec;color:#846d42;padding:13px 17px;font-size:12px;line-height:1.6;border-radius:10px;margin:16px 0}.notice.neutral[b-o2yzyvmou0]{background:#edf4ef;border-color:#dce8df;color:#537660}.notice.error[b-o2yzyvmou0]{color:#9b3434;background:#fff2f1;border-color:#edceca}.notice button[b-o2yzyvmou0]{border:0;background:transparent;color:inherit;text-decoration:underline;margin-left:9px}.loading-panel[b-o2yzyvmou0],.empty-chart[b-o2yzyvmou0]{min-height:235px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#7c8e81}.sales-breakdown[b-o2yzyvmou0]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:25px}.sales-breakdown div[b-o2yzyvmou0]{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#7c8d80}.sales-breakdown strong[b-o2yzyvmou0]{font-size:19px;color:#294c35;font-variant-numeric:tabular-nums}.report-table[b-o2yzyvmou0]{overflow:auto;margin-top:20px}table[b-o2yzyvmou0]{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th[b-o2yzyvmou0],td[b-o2yzyvmou0]{padding:13px 10px;border-bottom:1px solid #edf2ee;text-align:right}th:first-child[b-o2yzyvmou0],td:first-child[b-o2yzyvmou0]{text-align:left}th[b-o2yzyvmou0]{font-size:11px;color:#788e7f;background:#f7faf8}.health-row[b-o2yzyvmou0]{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #edf2ee;padding:22px 0;font-size:12px}.health-row strong[b-o2yzyvmou0]{color:#218363;font-weight:600}.health-row small[b-o2yzyvmou0]{grid-column:1/-1;color:#8b9b8f;font-size:11px}.report-intro[b-o2yzyvmou0]{margin:30px 0 25px}.report-intro h2[b-o2yzyvmou0]{font-size:18px;font-weight:600}.report-intro p[b-o2yzyvmou0]{font-size:13px;color:#7c8e81}.report-library[b-o2yzyvmou0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.report-tile[b-o2yzyvmou0]{display:block;color:#264631;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;transition:box-shadow .15s,border-color .15s}.report-tile:hover[b-o2yzyvmou0]{border-color:#8eaf9a;box-shadow:0 6px 18px #294b3310}.report-icon[b-o2yzyvmou0]{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dce8df;background:#f0f6f1;border-radius:12px;color:#3e8860;font-size:20px;margin-bottom:24px}.report-tile h3[b-o2yzyvmou0]{font-size:16px;font-weight:650}.report-tile p[b-o2yzyvmou0]{font-size:12px;color:#7c8e81;line-height:1.8;min-height:44px;margin:12px 0 25px}.report-link[b-o2yzyvmou0]{font-size:11px;color:#397650;display:flex;justify-content:space-between}.analytics-footer[b-o2yzyvmou0]{margin-top:25px;display:flex;align-items:baseline;gap:20px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:#8a9a8f}.analytics-footer>span[b-o2yzyvmou0]{white-space:nowrap;color:#6b8b74}.analytics-footer p[b-o2yzyvmou0]{line-height:1.7;margin:0}.analytics-footer>a[b-o2yzyvmou0]{color:#748f7d;text-decoration:none;white-space:nowrap}
@media(min-width:1700px){.trend-card[b-o2yzyvmou0]{padding:25px}.metric-card[b-o2yzyvmou0]{padding:23px}.metric-card>strong[b-o2yzyvmou0]{font-size:38px}}
@media(max-width:1150px){.analytics-header[b-o2yzyvmou0]{align-items:flex-start}.header-actions[b-o2yzyvmou0]{justify-content:flex-end}.filter-bar[b-o2yzyvmou0]{flex-wrap:wrap}.date-filters[b-o2yzyvmou0]{flex-wrap:wrap}.metric-grid[b-o2yzyvmou0]{gap:10px}.metric-card[b-o2yzyvmou0]{padding:16px}.metric-card>strong[b-o2yzyvmou0]{font-size:27px}.chart-grid[b-o2yzyvmou0]{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.analytics-footer[b-o2yzyvmou0]{flex-wrap:wrap;gap:7px 20px}.context-line[b-o2yzyvmou0]{flex-wrap:wrap}.three-grid[b-o2yzyvmou0]{gap:12px}.analytics-card[b-o2yzyvmou0]{padding:17px}}
@media(max-width:900px){.metric-grid[b-o2yzyvmou0]{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid[b-o2yzyvmou0]{grid-template-columns:1fr}.three-grid[b-o2yzyvmou0]{grid-template-columns:1fr}.report-library[b-o2yzyvmou0]{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-header h1[b-o2yzyvmou0]{font-size:24px}.analytics-header[b-o2yzyvmou0]{flex-wrap:wrap}.header-actions[b-o2yzyvmou0]{justify-content:flex-start}.analytics-workspace[b-o2yzyvmou0]{padding:7px 0 25px}.sales-breakdown[b-o2yzyvmou0]{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-strip[b-o2yzyvmou0]{flex-wrap:wrap}.catalog-strip a[b-o2yzyvmou0]{margin-left:0}.two-grid[b-o2yzyvmou0]{grid-template-columns:1fr}}
@media(max-width:520px){.report-library[b-o2yzyvmou0]{grid-template-columns:1fr}.filter-bar[b-o2yzyvmou0]{padding:12px}.date-filters[b-o2yzyvmou0]{gap:8px}.date-filters>select[b-o2yzyvmou0]{width:100%}.date-filters label[b-o2yzyvmou0]{gap:3px}.date-filters input[b-o2yzyvmou0]{width:108px}.metric-name[b-o2yzyvmou0]{font-size:11px}.metric-name i[b-o2yzyvmou0]{display:none}.metric-card[b-o2yzyvmou0]{padding:14px}.metric-card>strong[b-o2yzyvmou0]{font-size:25px}.metric-change[b-o2yzyvmou0],.metric-foot[b-o2yzyvmou0]{font-size:9px}.analytics-header h1[b-o2yzyvmou0]{font-size:25px}.card-heading p span[b-o2yzyvmou0]{display:block;margin-left:0;margin-top:4px}.context-line[b-o2yzyvmou0]{font-size:9px}}

.channel-filter[b-o2yzyvmou0]{display:flex;align-items:center;gap:9px;font-size:11px;color:#688371}.channel-filter select[b-o2yzyvmou0]{border:1px solid #dce8df;background:#fff;border-radius:7px;padding:9px 12px;max-width:210px;color:#294c35}.sales-chart-grid[b-o2yzyvmou0]{grid-template-columns:minmax(0,1fr)}
/* /Pages/OrdersManagement/DarazOrders.razor.rz.scp.css */
.daraz-orders-page[b-5gquywjpnk] {
    --daraz-primary: #f85606;
    --daraz-primary-dark: #d94a05;
    --daraz-accent: var(--app-primary);
    --daraz-surface: var(--app-surface);
    --daraz-muted: var(--app-text-muted);
    --daraz-border: var(--app-border);
    --daraz-bg: var(--app-bg);
    padding: 0 0 2rem;
    max-width: 100%;
}

.daraz-page-header[b-5gquywjpnk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.5rem 1.75rem;
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    box-shadow: var(--app-shadow);
}

.daraz-header-badge[b-5gquywjpnk] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--daraz-primary);
    background: rgba(248, 86, 6, 0.1);
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    margin-bottom: 0.5rem;
}

.daraz-page-title[b-5gquywjpnk] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.35rem;
    line-height: 1.2;
}

.daraz-page-subtitle[b-5gquywjpnk] {
    margin: 0;
    color: var(--daraz-muted);
    font-size: 0.95rem;
    max-width: 36rem;
}

.daraz-header-actions[b-5gquywjpnk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.daraz-btn-primary[b-5gquywjpnk] {
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 0.5rem 1.1rem;
    border-radius: var(--app-radius-sm);
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);
    transition: all 0.3s ease;
}

.daraz-btn-primary:hover[b-5gquywjpnk] {
    color: #fff;
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.4);
    transform: translateY(-2px);
}

.daraz-btn-export[b-5gquywjpnk] {
    background: #16a34a;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 0.5rem 1.1rem;
    border-radius: 10px;
}

.daraz-btn-export:hover[b-5gquywjpnk] {
    background: #15803d;
    color: #fff;
}

.daraz-btn-outline[b-5gquywjpnk] {
    border: 1px solid var(--daraz-border);
    background: #fff;
    color: #334155;
    font-weight: 600;
    border-radius: 10px;
    padding: 0.5rem 1rem;
}

.daraz-btn-outline:hover:not(:disabled)[b-5gquywjpnk] {
    background: var(--daraz-bg);
    border-color: #cbd5e1;
}

.daraz-btn-ghost[b-5gquywjpnk] {
    background: transparent;
    border: none;
    color: var(--daraz-muted);
    font-weight: 600;
}

.daraz-tabs-card[b-5gquywjpnk] {
    background: var(--daraz-surface);
    border: 1px solid var(--daraz-border);
    border-radius: var(--app-radius-lg);
    padding: 0.65rem;
    margin-bottom: 1rem;
    box-shadow: var(--app-shadow);
}

.daraz-tabs-scroll[b-5gquywjpnk] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    padding-bottom: 0.15rem;
    scrollbar-width: thin;
}

.daraz-tabs-scroll[b-5gquywjpnk]::-webkit-scrollbar {
    height: 6px;
}

.daraz-tabs-scroll[b-5gquywjpnk]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.daraz-tab[b-5gquywjpnk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    border: 1px solid transparent;
    background: transparent;
    color: #475569;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.55rem 0.9rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.daraz-tab span[b-5gquywjpnk] {
    white-space: nowrap;
}

.daraz-tab em[b-5gquywjpnk] {
    font-style: normal;
    font-size: 0.75rem;
    min-width: 1.35rem;
    text-align: center;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.daraz-tab:hover[b-5gquywjpnk] {
    background: #f8fafc;
    color: var(--daraz-accent);
}

.daraz-tab.active[b-5gquywjpnk] {
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
    color: #fff;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
}

.daraz-tab.active em[b-5gquywjpnk] {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.daraz-bulk-bar[b-5gquywjpnk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(6, 182, 212, 0.08));
    border: 1px solid #93c5fd;
    border-radius: 10px;
}

.daraz-bulk-bar strong[b-5gquywjpnk] {
    margin-right: 0.5rem;
    color: #1e40af;
}

.daraz-bulk-hint[b-5gquywjpnk] {
    margin-left: 0.25rem;
}

.daraz-select-col[b-5gquywjpnk] {
    width: 2.5rem;
    text-align: center;
    vertical-align: middle;
}

.daraz-toolbar[b-5gquywjpnk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    background: var(--daraz-surface);
    border: 1px solid var(--daraz-border);
    border-radius: 12px;
}

.daraz-search-wrap[b-5gquywjpnk] {
    position: relative;
    flex: 1;
    min-width: 220px;
    max-width: 480px;
}

.daraz-search-wrap i[b-5gquywjpnk] {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

.daraz-search-input[b-5gquywjpnk] {
    width: 100%;
    border: 1px solid var(--daraz-border);
    border-radius: 10px;
    padding: 0.55rem 0.9rem 0.55rem 2.35rem;
    font-size: 0.9rem;
    background: #f8fafc;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.daraz-search-input:focus[b-5gquywjpnk] {
    outline: none;
    border-color: #93c5fd;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.daraz-content-card[b-5gquywjpnk] {
    background: var(--daraz-surface);
    border: 1px solid var(--daraz-border);
    border-radius: var(--app-radius-lg);
    padding: 1.25rem;
    min-height: 320px;
    box-shadow: var(--app-shadow);
    overflow: visible;
}

.daraz-loading[b-5gquywjpnk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 4rem 1rem;
    color: var(--daraz-muted);
}

.daraz-empty[b-5gquywjpnk] {
    text-align: center;
    padding: 3.5rem 1.5rem;
}

.daraz-empty-icon[b-5gquywjpnk] {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #94a3b8;
}

.daraz-empty h5[b-5gquywjpnk] {
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.35rem;
}

.daraz-empty p[b-5gquywjpnk] {
    color: var(--daraz-muted);
    max-width: 28rem;
    margin: 0 auto 1rem;
    font-size: 0.9rem;
}

.daraz-table-scroll[b-5gquywjpnk] {
    overflow-x: auto;
    overflow-y: visible;
    border-radius: 10px;
    border: 1px solid var(--daraz-border);
}

.daraz-table[b-5gquywjpnk] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.daraz-table thead th[b-5gquywjpnk] {
    background: #f8fafc;
    color: #475569;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 2px solid var(--daraz-border);
    padding: 0.75rem 1rem;
    white-space: nowrap;
}

.daraz-table tbody td[b-5gquywjpnk] {
    padding: 0.85rem 1rem;
    vertical-align: middle;
    border-color: #f1f5f9;
}

.daraz-table tbody tr:hover[b-5gquywjpnk] {
    background: rgba(99, 179, 237, 0.05);
}

.daraz-pagination[b-5gquywjpnk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--daraz-border);
    color: var(--daraz-muted);
    font-size: 0.875rem;
}

.daraz-dropdown-backdrop[b-5gquywjpnk] {
    position: fixed;
    inset: 0;
    z-index: 9000;
    background: transparent;
}

.daraz-actions-cell[b-5gquywjpnk] {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    min-width: 8.5rem;
    overflow: visible;
}

.daraz-actions-cell.is-open[b-5gquywjpnk] {
    z-index: 9001;
}

.daraz-table-dropdown-open .daraz-actions-cell:not(.is-open) .dropdown-toggle[b-5gquywjpnk] {
    visibility: hidden;
    pointer-events: none;
}

.daraz-actions-menu.daraz-actions-menu-visible[b-5gquywjpnk] {
    position: fixed !important;
    z-index: 9010 !important;
    display: block !important;
}

.daraz-actions-cell .dropdown[b-5gquywjpnk] {
    display: inline-block;
    min-width: 7.25rem;
}

.daraz-actions-menu.show[b-5gquywjpnk] {
    min-width: 15.5rem;
    max-width: min(24rem, 92vw);
    box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.12);
    border: 1px solid var(--daraz-border);
    border-radius: 10px;
    padding: 0.35rem 0;
}

.daraz-actions-menu .dropdown-item[b-5gquywjpnk] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.daraz-invoice-iframe[b-5gquywjpnk] {
    width: 100%;
    height: 75vh;
    border: none;
    background: #f8fafc;
}

.daraz-invoice-modal .modal-content[b-5gquywjpnk] {
    min-height: 80vh;
}

.action-overlay[b-5gquywjpnk] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.action-overlay-spinner[b-5gquywjpnk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spin-icon[b-5gquywjpnk] {
    animation: daraz-spin-b-5gquywjpnk 0.8s linear infinite;
}

@keyframes daraz-spin-b-5gquywjpnk {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .daraz-page-header[b-5gquywjpnk] {
        padding: 1.1rem;
    }

    .daraz-page-title[b-5gquywjpnk] {
        font-size: 1.35rem;
    }

    .daraz-header-actions[b-5gquywjpnk] {
        width: 100%;
    }

    .daraz-header-actions .btn[b-5gquywjpnk] {
        flex: 1;
    }

    .daraz-search-wrap[b-5gquywjpnk] {
        max-width: 100%;
        width: 100%;
    }
}
/* /Pages/Setting/Account/Login.razor.rz.scp.css */
.auth-layout[b-vdtwrr7p6d] {
    min-height: 100vh;
    background: var(--app-bg);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.login-page[b-vdtwrr7p6d] {
    flex: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    position: relative;
    z-index: 1;
}

.login-card[b-vdtwrr7p6d] {
    width: 100%;
    max-width: 420px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: var(--app-radius-lg);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

.login-card-header[b-vdtwrr7p6d] {
    padding: 2rem 2rem 1.25rem;
    text-align: center;
}

.login-logo[b-vdtwrr7p6d] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35);
}

.login-card-header h1[b-vdtwrr7p6d] {
    font-size: 1.5rem;
    margin: 0 0 0.35rem;
}

.login-card-header p[b-vdtwrr7p6d] {
    color: var(--app-text-muted);
    font-size: 0.9rem;
    margin: 0;
}

.login-card-body[b-vdtwrr7p6d] {
    padding: 0 2rem 2rem;
}

.login-card-body .form-label[b-vdtwrr7p6d] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #475569;
}

.login-card-body .btn-primary[b-vdtwrr7p6d] {
    padding: 0.7rem;
    font-size: 0.95rem;
    width: 100%;
}

.login-forgot[b-vdtwrr7p6d] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--app-primary);
}