@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-dj4881oep5] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-dj4881oep5] {
    flex: 1;
}

.sidebar[b-dj4881oep5] {
    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
    min-height: 100vh;
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.top-row[b-dj4881oep5] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.auth-layout[b-dj4881oep5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.auth-layout .content[b-dj4881oep5] {
    padding: 0;
}

article.content[b-dj4881oep5] {
    padding-top: 1rem;
}

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

    main[b-dj4881oep5] {
        margin-left: 250px;
        width: calc(100% - 250px);
    }

    main.auth-layout[b-dj4881oep5] {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .sidebar[b-dj4881oep5] {
        width: 100%;
        height: auto;
        position: relative;
    }

    main[b-dj4881oep5] {
        margin-left: 0;
        width: 100%;
    }
}

#blazor-error-ui[b-dj4881oep5] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-dj4881oep5] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-uvbeaajgf6] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-uvbeaajgf6] {
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-uvbeaajgf6] {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.brand-icon[b-uvbeaajgf6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    border-radius: 6px;
    font-size: 1rem;
}

.nav-section[b-uvbeaajgf6] {
    padding: 1rem 1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.4);
}

.nav-icon[b-uvbeaajgf6] {
    font-size: 1rem;
    width: 1.25rem;
    margin-right: 0.75rem;
    opacity: 0.8;
}

.nav-item[b-uvbeaajgf6] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

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

.nav-item[b-uvbeaajgf6]  a {
    color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.nav-item[b-uvbeaajgf6]  a.active {
    background-color: rgba(233, 69, 96, 0.2);
    color: white;
    border-left-color: #e94560;
}

.nav-item[b-uvbeaajgf6]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

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

    .collapse[b-uvbeaajgf6] {
        display: block;
    }

    .nav-scrollable[b-uvbeaajgf6] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Admin/Dashboard.razor.rz.scp.css */
.admin-dashboard[b-vsihcsw7gv] {
    padding: 0;
}

.page-header[b-vsihcsw7gv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    background: white;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
}

.page-header h1[b-vsihcsw7gv] {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: #1e293b;
}

.header-actions[b-vsihcsw7gv] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.zone-selector[b-vsihcsw7gv] {
    min-width: 200px;
}

.loading-container[b-vsihcsw7gv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.dashboard-grid[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1.5rem 1.5rem;
}

/* Metrics Row */
.metrics-row[b-vsihcsw7gv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.metric-card[b-vsihcsw7gv] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-left: 4px solid;
}

.metric-card.requests[b-vsihcsw7gv] {
    border-left-color: #f59e0b;
}

.metric-card.fulfillments[b-vsihcsw7gv] {
    border-left-color: #10b981;
}

.metric-card.providers[b-vsihcsw7gv] {
    border-left-color: #8b5cf6;
}

.metric-card.hubs[b-vsihcsw7gv] {
    border-left-color: #3b82f6;
}

.metric-icon[b-vsihcsw7gv] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: #f1f5f9;
    color: #64748b;
}

.metric-content[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
}

.metric-value[b-vsihcsw7gv] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.metric-label[b-vsihcsw7gv] {
    font-size: 0.875rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.metric-trend[b-vsihcsw7gv] {
    font-size: 0.75rem;
    color: #10b981;
    margin-top: 0.5rem;
}

.metric-trend.up[b-vsihcsw7gv] {
    color: #f59e0b;
}

.metric-trend.warning[b-vsihcsw7gv] {
    color: #ef4444;
}

/* Dashboard Sections */
.dashboard-section[b-vsihcsw7gv] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard-section h2[b-vsihcsw7gv] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 1rem 0;
}

.section-desc[b-vsihcsw7gv] {
    color: #64748b;
    font-size: 0.875rem;
    margin: -0.5rem 0 1rem 0;
}

/* Priority Breakdown */
.priority-breakdown[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.priority-bar[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.priority-header[b-vsihcsw7gv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.priority-label[b-vsihcsw7gv] {
    font-weight: 500;
    font-size: 0.875rem;
}

.priority-label.high[b-vsihcsw7gv] {
    color: #dc2626;
}

.priority-label.medium[b-vsihcsw7gv] {
    color: #eab308;
}

.priority-label.low[b-vsihcsw7gv] {
    color: #16a34a;
}

.priority-count[b-vsihcsw7gv] {
    font-weight: 600;
    color: #374151;
}

.priority-bar .progress[b-vsihcsw7gv] {
    height: 0.5rem;
    border-radius: 9999px;
    background: #f1f5f9;
}

.priority-bar .progress-bar[b-vsihcsw7gv] {
    border-radius: 9999px;
}

.priority-bar .progress-bar.high[b-vsihcsw7gv] {
    background: #dc2626;
}

.priority-bar .progress-bar.medium[b-vsihcsw7gv] {
    background: #eab308;
}

.priority-bar .progress-bar.low[b-vsihcsw7gv] {
    background: #16a34a;
}

.avg-time[b-vsihcsw7gv] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Category Grid */
.category-grid[b-vsihcsw7gv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.category-card[b-vsihcsw7gv] {
    background: #f8fafc;
    border-radius: 0.5rem;
    padding: 1rem;
}

.category-header[b-vsihcsw7gv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.category-icon[b-vsihcsw7gv] {
    font-size: 1.25rem;
}

.category-name[b-vsihcsw7gv] {
    font-weight: 500;
    color: #374151;
}

.category-stats[b-vsihcsw7gv] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.75rem;
}

.category-stats .stat[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-vsihcsw7gv] {
    font-size: 1.25rem;
    font-weight: 600;
}

.stat-value.demand[b-vsihcsw7gv] {
    color: #f59e0b;
}

.stat-value.supply[b-vsihcsw7gv] {
    color: #10b981;
}

.stat-label[b-vsihcsw7gv] {
    font-size: 0.75rem;
    color: #64748b;
}

.gap-indicator[b-vsihcsw7gv] {
    font-size: 0.8125rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.gap-indicator.shortage[b-vsihcsw7gv] {
    background: #fee2e2;
    color: #dc2626;
}

.gap-indicator.surplus[b-vsihcsw7gv] {
    background: #d1fae5;
    color: #059669;
}

/* Coverage Gaps */
.gaps-list[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.gap-card[b-vsihcsw7gv] {
    background: #f8fafc;
    border-radius: 0.5rem;
    padding: 1rem;
    border-left: 4px solid;
}

.gap-card.critical[b-vsihcsw7gv] {
    border-left-color: #dc2626;
}

.gap-card.high[b-vsihcsw7gv] {
    border-left-color: #f97316;
}

.gap-card.medium[b-vsihcsw7gv] {
    border-left-color: #eab308;
}

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

.gap-severity[b-vsihcsw7gv] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.gap-severity.critical[b-vsihcsw7gv] {
    background: #fee2e2;
    color: #dc2626;
}

.gap-severity.high[b-vsihcsw7gv] {
    background: #ffedd5;
    color: #ea580c;
}

.gap-severity.medium[b-vsihcsw7gv] {
    background: #fef3c7;
    color: #d97706;
}

.gap-location[b-vsihcsw7gv] {
    font-weight: 500;
    color: #374151;
}

.gap-details p[b-vsihcsw7gv] {
    font-size: 0.875rem;
    color: #4b5563;
    margin: 0 0 0.5rem 0;
}

.gap-stats[b-vsihcsw7gv] {
    display: flex;
    gap: 1rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.gap-actions[b-vsihcsw7gv] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

/* Moderation Summary */
.moderation-summary[b-vsihcsw7gv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.mod-card[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background 0.15s;
}

.mod-card:hover[b-vsihcsw7gv] {
    background: #e2e8f0;
}

.mod-count[b-vsihcsw7gv] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
}

.mod-label[b-vsihcsw7gv] {
    font-size: 0.8125rem;
    color: #64748b;
    text-align: center;
}

/* Hub Status Table */
.hubs-table[b-vsihcsw7gv] {
    overflow-x: auto;
}

.hubs-table .table[b-vsihcsw7gv] {
    margin: 0;
}

.hubs-table th[b-vsihcsw7gv] {
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: uppercase;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
}

.hubs-table td[b-vsihcsw7gv] {
    vertical-align: middle;
}

.hubs-table tr.warning[b-vsihcsw7gv] {
    background: #fffbeb;
}

.status-badge[b-vsihcsw7gv] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.operational[b-vsihcsw7gv] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.low-stock[b-vsihcsw7gv] {
    background: #fef3c7;
    color: #d97706;
}

.inventory-indicator[b-vsihcsw7gv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.indicator-bar[b-vsihcsw7gv] {
    height: 0.375rem;
    width: 60px;
    background: #10b981;
    border-radius: 9999px;
}

.critical-needs[b-vsihcsw7gv] {
    color: #dc2626;
    font-weight: 500;
}

/* Activity Feed */
.activity-feed[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-item[b-vsihcsw7gv] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.375rem;
    background: #f8fafc;
}

.activity-icon[b-vsihcsw7gv] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.activity-item.request .activity-icon[b-vsihcsw7gv] {
    background: #fef3c7;
    color: #d97706;
}

.activity-item.fulfillment .activity-icon[b-vsihcsw7gv] {
    background: #d1fae5;
    color: #059669;
}

.activity-item.provider .activity-icon[b-vsihcsw7gv] {
    background: #ede9fe;
    color: #7c3aed;
}

.activity-item.hub .activity-icon[b-vsihcsw7gv] {
    background: #dbeafe;
    color: #2563eb;
}

.activity-item.alert .activity-icon[b-vsihcsw7gv] {
    background: #fee2e2;
    color: #dc2626;
}

.activity-content[b-vsihcsw7gv] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.activity-text[b-vsihcsw7gv] {
    font-size: 0.875rem;
    color: #374151;
}

.activity-time[b-vsihcsw7gv] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 0.125rem;
}

/* Responsive */
@media (max-width: 1200px) {
    .metrics-row[b-vsihcsw7gv] {
        grid-template-columns: repeat(2, 1fr);
    }

    .moderation-summary[b-vsihcsw7gv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-header[b-vsihcsw7gv] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-actions[b-vsihcsw7gv] {
        width: 100%;
    }

    .zone-selector[b-vsihcsw7gv] {
        flex: 1;
    }

    .metrics-row[b-vsihcsw7gv] {
        grid-template-columns: 1fr;
    }

    .moderation-summary[b-vsihcsw7gv] {
        grid-template-columns: 1fr;
    }

    .gap-actions[b-vsihcsw7gv] {
        flex-direction: column;
    }
}
/* /Pages/Admin/OperationsMap.razor.rz.scp.css */
.operations-map-page[b-nvw7adg6ma] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    background: #f8fafc;
}

.map-header[b-nvw7adg6ma] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: white;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.map-header h1[b-nvw7adg6ma] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: #1e293b;
}

.map-header h1 i[b-nvw7adg6ma] {
    color: #3b82f6;
    margin-right: 0.5rem;
}

.map-header .text-muted[b-nvw7adg6ma] {
    margin: 0;
    font-size: 0.875rem;
}

.header-actions[b-nvw7adg6ma] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.zone-filter[b-nvw7adg6ma] {
    width: auto;
    min-width: 200px;
}

.map-content[b-nvw7adg6ma] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Layer Controls Panel */
.layer-controls[b-nvw7adg6ma] {
    width: 280px;
    background: white;
    border-right: 1px solid #e2e8f0;
    padding: 1rem;
    overflow-y: auto;
    flex-shrink: 0;
}

.layer-controls h6[b-nvw7adg6ma] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.75rem;
    letter-spacing: 0.5px;
}

.layer-controls hr[b-nvw7adg6ma] {
    margin: 1rem 0;
    border-color: #e2e8f0;
}

.layer-group[b-nvw7adg6ma] {
    margin-bottom: 0.5rem;
}

.layer-toggle[b-nvw7adg6ma] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background 0.15s;
    margin: 0;
}

.layer-toggle:hover[b-nvw7adg6ma] {
    background: #f1f5f9;
}

.layer-toggle input[type="checkbox"][b-nvw7adg6ma] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

.layer-icon[b-nvw7adg6ma] {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.layer-icon.request[b-nvw7adg6ma] {
    background: #fef3c7;
    color: #d97706;
}

.layer-icon.provider[b-nvw7adg6ma] {
    background: #ede9fe;
    color: #7c3aed;
}

.layer-icon.hub[b-nvw7adg6ma] {
    background: #d1fae5;
    color: #059669;
}

.layer-icon.zone[b-nvw7adg6ma] {
    background: #fee2e2;
    color: #dc2626;
}

.layer-icon.service[b-nvw7adg6ma] {
    background: #e0e7ff;
    color: #4f46e5;
}

.layer-name[b-nvw7adg6ma] {
    flex: 1;
    font-size: 0.875rem;
    color: #374151;
}

.layer-count[b-nvw7adg6ma] {
    font-size: 0.75rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

/* Priority Filters */
.priority-filters[b-nvw7adg6ma] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.priority-toggle[b-nvw7adg6ma] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    margin: 0;
}

.priority-toggle:hover[b-nvw7adg6ma] {
    background: #f1f5f9;
}

.priority-toggle input[type="checkbox"][b-nvw7adg6ma] {
    width: 0.875rem;
    height: 0.875rem;
}

.priority-dot[b-nvw7adg6ma] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
}

.priority-toggle.high .priority-dot[b-nvw7adg6ma] {
    background: #dc2626;
}

.priority-toggle.medium .priority-dot[b-nvw7adg6ma] {
    background: #eab308;
}

.priority-toggle.low .priority-dot[b-nvw7adg6ma] {
    background: #16a34a;
}

/* Category Filters */
.category-filters[b-nvw7adg6ma] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 250px;
    overflow-y: auto;
}

.category-toggle[b-nvw7adg6ma] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    cursor: pointer;
    font-size: 0.8125rem;
    border-radius: 0.25rem;
    margin: 0;
}

.category-toggle:hover[b-nvw7adg6ma] {
    background: #f1f5f9;
}

.category-toggle input[type="checkbox"][b-nvw7adg6ma] {
    width: 0.875rem;
    height: 0.875rem;
}

.category-icon[b-nvw7adg6ma] {
    font-size: 0.875rem;
}

/* Main Map Container */
.map-container[b-nvw7adg6ma] {
    flex: 1;
    position: relative;
    min-width: 0;
}

.map-loading[b-nvw7adg6ma] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[b-nvw7adg6ma] .operations-leaflet-map {
    height: 100% !important;
    width: 100% !important;
}

/* Stats Panel */
.stats-panel[b-nvw7adg6ma] {
    width: 220px;
    background: white;
    border-left: 1px solid #e2e8f0;
    padding: 1rem;
    overflow-y: auto;
    flex-shrink: 0;
}

.stats-panel h6[b-nvw7adg6ma] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.75rem;
    letter-spacing: 0.5px;
}

.stats-panel hr[b-nvw7adg6ma] {
    margin: 1rem 0;
    border-color: #e2e8f0;
}

.stat-item[b-nvw7adg6ma] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.stat-item:last-of-type[b-nvw7adg6ma] {
    border-bottom: none;
}

.stat-label[b-nvw7adg6ma] {
    font-size: 0.8125rem;
    color: #64748b;
}

.stat-value[b-nvw7adg6ma] {
    font-size: 1.125rem;
    font-weight: 600;
}

.stat-value.requests[b-nvw7adg6ma] {
    color: #d97706;
}

.stat-value.high[b-nvw7adg6ma] {
    color: #dc2626;
}

.stat-value.providers[b-nvw7adg6ma] {
    color: #7c3aed;
}

.stat-value.hubs[b-nvw7adg6ma] {
    color: #059669;
}

/* Map Popup Styles (global) */
[b-nvw7adg6ma] .map-popup {
    min-width: 200px;
}

[b-nvw7adg6ma] .map-popup h6 {
    margin: 0 0 0.5rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
}

[b-nvw7adg6ma] .map-popup p {
    margin: 0.25rem 0;
    font-size: 0.8125rem;
    color: #4b5563;
}

[b-nvw7adg6ma] .map-popup .priority {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

[b-nvw7adg6ma] .map-popup .priority-high {
    background: #fee2e2;
    color: #dc2626;
}

[b-nvw7adg6ma] .map-popup .priority-medium {
    background: #fef3c7;
    color: #d97706;
}

[b-nvw7adg6ma] .map-popup .priority-low {
    background: #d1fae5;
    color: #059669;
}

[b-nvw7adg6ma] .map-popup .btn {
    margin-top: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .layer-controls[b-nvw7adg6ma] {
        width: 240px;
    }

    .stats-panel[b-nvw7adg6ma] {
        width: 180px;
    }
}

@media (max-width: 992px) {
    .map-content[b-nvw7adg6ma] {
        flex-direction: column;
    }

    .layer-controls[b-nvw7adg6ma],
    .stats-panel[b-nvw7adg6ma] {
        width: 100%;
        border: none;
        border-bottom: 1px solid #e2e8f0;
        max-height: 200px;
    }

    .layer-controls[b-nvw7adg6ma] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .layer-controls h6[b-nvw7adg6ma] {
        width: 100%;
    }

    .priority-filters[b-nvw7adg6ma],
    .category-filters[b-nvw7adg6ma] {
        flex-direction: row;
        flex-wrap: wrap;
        max-height: none;
    }

    .stats-panel[b-nvw7adg6ma] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 0.75rem 1rem;
    }

    .stats-panel h6[b-nvw7adg6ma] {
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .stat-item[b-nvw7adg6ma] {
        flex: 1;
        min-width: 120px;
        padding: 0.25rem 0;
        border-bottom: none;
    }
}
/* /Pages/Fulfillments/Index.razor.rz.scp.css */
.fulfillments-page[b-m9nkozecp8] {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-m9nkozecp8] {
    margin-bottom: 2rem;
}

.page-header h1[b-m9nkozecp8] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.fulfillments-filters[b-m9nkozecp8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-m9nkozecp8] {
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.search-box .form-control[b-m9nkozecp8] {
    border-radius: 8px;
}

.filter-group .form-select[b-m9nkozecp8] {
    border-radius: 8px;
    min-width: 150px;
}

.loading-container[b-m9nkozecp8] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

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

.fulfillment-card[b-m9nkozecp8] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.2s;
}

.fulfillment-card:hover[b-m9nkozecp8] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

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

.fulfillment-status[b-m9nkozecp8] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
}

.status-pending[b-m9nkozecp8] { background: #fff3cd; color: #664d03; }
.status-intransit[b-m9nkozecp8] { background: #cfe2ff; color: #084298; }
.status-delivered[b-m9nkozecp8] { background: #d1e7dd; color: #0f5132; }
.status-cancelled[b-m9nkozecp8] { background: #e9ecef; color: #6c757d; }

.fulfillment-date[b-m9nkozecp8] {
    color: #6c757d;
    font-size: 0.875rem;
}

.fulfillment-body[b-m9nkozecp8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fulfillment-route[b-m9nkozecp8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.route-point[b-m9nkozecp8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.route-label[b-m9nkozecp8] {
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
}

.route-arrow[b-m9nkozecp8] {
    font-size: 1.25rem;
    color: #6c757d;
}

.fulfillment-details[b-m9nkozecp8] {
    display: flex;
    gap: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.detail-item[b-m9nkozecp8] {
    display: flex;
    gap: 0.5rem;
}

.detail-label[b-m9nkozecp8] {
    color: #6c757d;
    font-size: 0.875rem;
}

.detail-value[b-m9nkozecp8] {
    font-weight: 500;
}

.pagination-container[b-m9nkozecp8] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.empty-state[b-m9nkozecp8] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-m9nkozecp8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #f8f9fa;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: 1rem;
}

.empty-state h3[b-m9nkozecp8] {
    margin: 0 0 0.5rem;
}

.empty-state p[b-m9nkozecp8] {
    color: #6c757d;
}
/* /Pages/Home.razor.rz.scp.css */
.dashboard[b-879iyjdgxe] {
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-879iyjdgxe] {
    margin-bottom: 2rem;
}

.dashboard-header h1[b-879iyjdgxe] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

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

.stat-card[b-879iyjdgxe] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.stat-icon[b-879iyjdgxe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.25rem;
}

.stat-zones .stat-icon[b-879iyjdgxe] {
    background: rgba(233, 69, 96, 0.1);
    color: #e94560;
}

.stat-requests .stat-icon[b-879iyjdgxe] {
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

.stat-providers .stat-icon[b-879iyjdgxe] {
    background: rgba(25, 135, 84, 0.1);
    color: #198754;
}

.stat-fulfillments .stat-icon[b-879iyjdgxe] {
    background: rgba(255, 193, 7, 0.1);
    color: #cc9a06;
}

.stat-content[b-879iyjdgxe] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.stat-value[b-879iyjdgxe] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.stat-label[b-879iyjdgxe] {
    color: #6c757d;
    font-size: 0.875rem;
}

.stat-link[b-879iyjdgxe] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0.75rem;
    color: #6c757d;
    text-decoration: none;
}

.stat-link:hover[b-879iyjdgxe] {
    color: #e94560;
}

.loading-container[b-879iyjdgxe] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.dashboard-sections[b-879iyjdgxe] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 992px) {
    .dashboard-sections[b-879iyjdgxe] {
        grid-template-columns: 1fr;
    }
}

.section[b-879iyjdgxe] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.section-header[b-879iyjdgxe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.section-header h2[b-879iyjdgxe] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.zone-list[b-879iyjdgxe] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.zone-item[b-879iyjdgxe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.zone-item:hover[b-879iyjdgxe] {
    background: #e9ecef;
    transform: translateX(4px);
}

.zone-info[b-879iyjdgxe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.zone-meta[b-879iyjdgxe] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.severity[b-879iyjdgxe] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
}

.severity-low[b-879iyjdgxe] {
    background: #d1e7dd;
    color: #0f5132;
}

.severity-medium[b-879iyjdgxe] {
    background: #fff3cd;
    color: #664d03;
}

.severity-high[b-879iyjdgxe] {
    background: #f8d7da;
    color: #842029;
}

.severity-critical[b-879iyjdgxe] {
    background: #842029;
    color: white;
}

.zone-stats[b-879iyjdgxe] {
    color: #6c757d;
    font-size: 0.875rem;
}

.quick-actions[b-879iyjdgxe] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.action-card[b-879iyjdgxe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: #495057;
    transition: all 0.2s;
}

.action-card:hover[b-879iyjdgxe] {
    background: #e9ecef;
    color: #e94560;
    transform: translateY(-2px);
}

.action-icon[b-879iyjdgxe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.action-label[b-879iyjdgxe] {
    font-size: 0.875rem;
    font-weight: 500;
}
/* /Pages/Hubs/Index.razor.rz.scp.css */
.hubs-page[b-gx7xefbkge] {
    max-width: 1400px;
    margin: 0 auto;
}

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

.page-header h1[b-gx7xefbkge] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.hubs-filters[b-gx7xefbkge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-gx7xefbkge] {
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.search-box .form-control[b-gx7xefbkge] {
    border-radius: 8px;
}

.filter-buttons[b-gx7xefbkge] {
    display: flex;
    gap: 0.5rem;
}

.filter-buttons .btn[b-gx7xefbkge] {
    border-radius: 8px;
}

.loading-container[b-gx7xefbkge] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

.hubs-grid[b-gx7xefbkge] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.hub-card[b-gx7xefbkge] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.2s;
}

.hub-card:hover[b-gx7xefbkge] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.hub-header[b-gx7xefbkge] {
    margin-bottom: 1rem;
}

.hub-status[b-gx7xefbkge] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
}

.hub-status.operational[b-gx7xefbkge] {
    background: #d1e7dd;
    color: #0f5132;
}

.hub-status.offline[b-gx7xefbkge] {
    background: #e9ecef;
    color: #6c757d;
}

.hub-name[b-gx7xefbkge] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.hub-address[b-gx7xefbkge] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.hub-meta[b-gx7xefbkge] {
    margin-bottom: 1rem;
}

.hub-zone[b-gx7xefbkge] {
    font-size: 0.8rem;
    color: #0d6efd;
}

.hub-stats[b-gx7xefbkge] {
    display: flex;
    gap: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.stat[b-gx7xefbkge] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-gx7xefbkge] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.stat-label[b-gx7xefbkge] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.pagination-container[b-gx7xefbkge] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.empty-state[b-gx7xefbkge] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-gx7xefbkge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #f8f9fa;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: 1rem;
}

.empty-state h3[b-gx7xefbkge] {
    margin: 0 0 0.5rem;
}

.empty-state p[b-gx7xefbkge] {
    color: #6c757d;
    margin-bottom: 1rem;
}
/* /Pages/Login.razor.rz.scp.css */
.login-container[b-je2jkf6314] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
}

.login-card[b-je2jkf6314] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 2.5rem;
    width: 100%;
    max-width: 400px;
}

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

.brand[b-je2jkf6314] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.brand-icon[b-je2jkf6314] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
}

.brand h1[b-je2jkf6314] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a2e;
}

.subtitle[b-je2jkf6314] {
    color: #6c757d;
    font-size: 0.9rem;
    margin: 0;
}

.login-form[b-je2jkf6314] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-group[b-je2jkf6314] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-je2jkf6314] {
    font-weight: 500;
    font-size: 0.875rem;
    color: #495057;
}

.form-control[b-je2jkf6314] {
    padding: 0.75rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-je2jkf6314] {
    border-color: #e94560;
    box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.1);
    outline: none;
}

.form-control[b-je2jkf6314]::placeholder {
    color: #adb5bd;
}

.btn-login[b-je2jkf6314] {
    padding: 0.875rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    border: none;
    margin-top: 0.5rem;
}

.btn-login:hover:not(:disabled)[b-je2jkf6314] {
    background: linear-gradient(135deg, #d63850 0%, #e94560 100%);
    transform: translateY(-1px);
}

.btn-login:disabled[b-je2jkf6314] {
    opacity: 0.7;
    cursor: not-allowed;
}

.alert-danger[b-je2jkf6314] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
}

.login-footer[b-je2jkf6314] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.login-footer p[b-je2jkf6314] {
    margin: 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.login-footer a[b-je2jkf6314] {
    color: #e94560;
    font-weight: 500;
    text-decoration: none;
}

.login-footer a:hover[b-je2jkf6314] {
    text-decoration: underline;
}

[b-je2jkf6314] .validation-message {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
/* /Pages/Providers/Index.razor.rz.scp.css */
.providers-page[b-gbzb8p7q8a] {
    max-width: 1400px;
    margin: 0 auto;
}

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

.page-header h1[b-gbzb8p7q8a] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.providers-filters[b-gbzb8p7q8a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-gbzb8p7q8a] {
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.search-box .form-control[b-gbzb8p7q8a] {
    border-radius: 8px;
}

.filter-buttons[b-gbzb8p7q8a] {
    display: flex;
    gap: 0.5rem;
}

.filter-buttons .btn[b-gbzb8p7q8a] {
    border-radius: 8px;
}

.loading-container[b-gbzb8p7q8a] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

.providers-grid[b-gbzb8p7q8a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.provider-card[b-gbzb8p7q8a] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.2s;
}

.provider-card:hover[b-gbzb8p7q8a] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

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

.verified-badge[b-gbzb8p7q8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #198754;
    color: white;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: 700;
}

.provider-name[b-gbzb8p7q8a] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.provider-contact[b-gbzb8p7q8a] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.provider-stats[b-gbzb8p7q8a] {
    display: flex;
    gap: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.stat[b-gbzb8p7q8a] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-gbzb8p7q8a] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.stat-label[b-gbzb8p7q8a] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.pagination-container[b-gbzb8p7q8a] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.empty-state[b-gbzb8p7q8a] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-gbzb8p7q8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #f8f9fa;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: 1rem;
}

.empty-state h3[b-gbzb8p7q8a] {
    margin: 0 0 0.5rem;
}

.empty-state p[b-gbzb8p7q8a] {
    color: #6c757d;
}
/* /Pages/Register.razor.rz.scp.css */
.register-container[b-u91sw3tzdw] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
}

.register-card[b-u91sw3tzdw] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 2.5rem;
    width: 100%;
    max-width: 420px;
}

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

.brand[b-u91sw3tzdw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.brand-icon[b-u91sw3tzdw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
}

.brand h1[b-u91sw3tzdw] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a2e;
}

.subtitle[b-u91sw3tzdw] {
    color: #6c757d;
    font-size: 0.9rem;
    margin: 0;
}

.register-form[b-u91sw3tzdw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-u91sw3tzdw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-u91sw3tzdw] {
    font-weight: 500;
    font-size: 0.875rem;
    color: #495057;
}

.form-control[b-u91sw3tzdw] {
    padding: 0.75rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-u91sw3tzdw] {
    border-color: #e94560;
    box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.1);
    outline: none;
}

.form-control[b-u91sw3tzdw]::placeholder {
    color: #adb5bd;
}

.btn-register[b-u91sw3tzdw] {
    padding: 0.875rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    border: none;
    margin-top: 0.5rem;
}

.btn-register:hover:not(:disabled)[b-u91sw3tzdw] {
    background: linear-gradient(135deg, #d63850 0%, #e94560 100%);
    transform: translateY(-1px);
}

.btn-register:disabled[b-u91sw3tzdw] {
    opacity: 0.7;
    cursor: not-allowed;
}

.alert-danger[b-u91sw3tzdw] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
}

.register-footer[b-u91sw3tzdw] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.register-footer p[b-u91sw3tzdw] {
    margin: 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.register-footer a[b-u91sw3tzdw] {
    color: #e94560;
    font-weight: 500;
    text-decoration: none;
}

.register-footer a:hover[b-u91sw3tzdw] {
    text-decoration: underline;
}

[b-u91sw3tzdw] .validation-message {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
/* /Pages/Requests/Detail.razor.rz.scp.css */
.request-detail[b-6spp6o6mrd] {
    max-width: 1200px;
    margin: 0 auto;
}

.loading-container[b-6spp6o6mrd] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

.page-header[b-6spp6o6mrd] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e9ecef;
}

.back-link[b-6spp6o6mrd] {
    font-size: 0.875rem;
    color: #6c757d;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.back-link:hover[b-6spp6o6mrd] {
    color: #e94560;
}

.title-row[b-6spp6o6mrd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.title-row h1[b-6spp6o6mrd] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.status[b-6spp6o6mrd] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
}

.status-pending[b-6spp6o6mrd] { background: #fff3cd; color: #664d03; }
.status-assigned[b-6spp6o6mrd] { background: #cfe2ff; color: #084298; }
.status-matched[b-6spp6o6mrd] { background: #cfe2ff; color: #084298; }
.status-inprogress[b-6spp6o6mrd] { background: #d1e7dd; color: #0f5132; }
.status-completed[b-6spp6o6mrd] { background: #198754; color: white; }
.status-fulfilled[b-6spp6o6mrd] { background: #198754; color: white; }
.status-cancelled[b-6spp6o6mrd] { background: #f8d7da; color: #842029; }

.items-list[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.item-row[b-6spp6o6mrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.item-info[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.item-category[b-6spp6o6mrd] {
    font-size: 0.8rem;
    color: #6c757d;
}

.item-progress[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.item-quantity[b-6spp6o6mrd] {
    font-size: 0.8rem;
    color: #6c757d;
}

.request-meta[b-6spp6o6mrd] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.priority[b-6spp6o6mrd] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
}

.priority-low[b-6spp6o6mrd] { background: #e9ecef; color: #6c757d; }
.priority-medium[b-6spp6o6mrd] { background: #fff3cd; color: #664d03; }
.priority-high[b-6spp6o6mrd] { background: #f8d7da; color: #842029; }
.priority-urgent[b-6spp6o6mrd] { background: #842029; color: white; }

.detail-grid[b-6spp6o6mrd] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 992px) {
    .detail-grid[b-6spp6o6mrd] {
        grid-template-columns: 1fr;
    }
}

.section[b-6spp6o6mrd] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.section h2[b-6spp6o6mrd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.info-grid[b-6spp6o6mrd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.info-item[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label[b-6spp6o6mrd] {
    font-size: 0.8rem;
    color: #6c757d;
}

.info-value[b-6spp6o6mrd] {
    font-weight: 600;
    font-size: 1.1rem;
}

.location-info[b-6spp6o6mrd] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.coord-row[b-6spp6o6mrd] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.coord-row:not(:last-child)[b-6spp6o6mrd] {
    border-bottom: 1px solid #e9ecef;
}

.coord-label[b-6spp6o6mrd] {
    color: #6c757d;
}

.coord-value[b-6spp6o6mrd] {
    font-family: monospace;
    font-weight: 500;
}

.fulfillment-list[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.fulfillment-item[b-6spp6o6mrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.fulfillment-info[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.fulfillment-quantity[b-6spp6o6mrd] {
    font-size: 0.8rem;
    color: #6c757d;
}

.fulfillment-status[b-6spp6o6mrd] {
    font-size: 0.7rem;
}

.requester-card[b-6spp6o6mrd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.requester-avatar[b-6spp6o6mrd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    border-radius: 50%;
    font-weight: 600;
}

.requester-info[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.requester-phone[b-6spp6o6mrd] {
    font-size: 0.875rem;
    color: #6c757d;
}

.zone-link[b-6spp6o6mrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}

.zone-link:hover[b-6spp6o6mrd] {
    background: #e9ecef;
}

.zone-name[b-6spp6o6mrd] {
    font-weight: 500;
}

.zone-arrow[b-6spp6o6mrd] {
    color: #6c757d;
}

.timeline[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.timeline-item[b-6spp6o6mrd] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.timeline-dot[b-6spp6o6mrd] {
    width: 12px;
    height: 12px;
    background: #e94560;
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
}

.timeline-content[b-6spp6o6mrd] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.timeline-content strong[b-6spp6o6mrd] {
    font-size: 0.875rem;
}

.timeline-content span[b-6spp6o6mrd] {
    font-size: 0.8rem;
    color: #6c757d;
}

.not-found[b-6spp6o6mrd] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
}
/* /Pages/Requests/Index.razor.rz.scp.css */
.requests-page[b-cb0agotmsb] {
    max-width: 1400px;
    margin: 0 auto;
}

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

.page-header h1[b-cb0agotmsb] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.requests-filters[b-cb0agotmsb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-cb0agotmsb] {
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.search-box .form-control[b-cb0agotmsb] {
    border-radius: 8px;
}

.filter-group .form-select[b-cb0agotmsb] {
    border-radius: 8px;
    min-width: 150px;
}

.loading-container[b-cb0agotmsb] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

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

.table[b-cb0agotmsb] {
    margin: 0;
}

.table thead th[b-cb0agotmsb] {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 1rem;
}

.table tbody td[b-cb0agotmsb] {
    padding: 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

.clickable-row[b-cb0agotmsb] {
    cursor: pointer;
    transition: background 0.2s;
}

.clickable-row:hover[b-cb0agotmsb] {
    background: #f8f9fa;
}

.requester-info strong[b-cb0agotmsb] {
    display: block;
}

.priority[b-cb0agotmsb], .status[b-cb0agotmsb] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
}

.priority-low[b-cb0agotmsb] { background: #e9ecef; color: #6c757d; }
.priority-medium[b-cb0agotmsb] { background: #fff3cd; color: #664d03; }
.priority-high[b-cb0agotmsb] { background: #f8d7da; color: #842029; }
.priority-urgent[b-cb0agotmsb] { background: #842029; color: white; }

.status-pending[b-cb0agotmsb] { background: #fff3cd; color: #664d03; }
.status-assigned[b-cb0agotmsb] { background: #cfe2ff; color: #084298; }
.status-inprogress[b-cb0agotmsb] { background: #d1e7dd; color: #0f5132; }
.status-completed[b-cb0agotmsb] { background: #198754; color: white; }
.status-cancelled[b-cb0agotmsb] { background: #e9ecef; color: #6c757d; }

.zone-name[b-cb0agotmsb] {
    color: #6c757d;
    font-size: 0.9rem;
}

.date-cell[b-cb0agotmsb] {
    color: #6c757d;
    font-size: 0.875rem;
    white-space: nowrap;
}

.pagination-container[b-cb0agotmsb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.pagination-info[b-cb0agotmsb] {
    color: #6c757d;
    font-size: 0.875rem;
}

.empty-state[b-cb0agotmsb] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-cb0agotmsb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #f8f9fa;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: 1rem;
}

.empty-state h3[b-cb0agotmsb] {
    margin: 0 0 0.5rem;
}

.empty-state p[b-cb0agotmsb] {
    color: #6c757d;
}
/* /Pages/Zones/Create.razor.rz.scp.css */
.create-zone[b-2931kx5kng] {
    max-width: 800px;
    margin: 0 auto;
}

.page-header[b-2931kx5kng] {
    margin-bottom: 2rem;
}

.back-link[b-2931kx5kng] {
    font-size: 0.875rem;
    color: #6c757d;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.back-link:hover[b-2931kx5kng] {
    color: #e94560;
}

.page-header h1[b-2931kx5kng] {
    margin: 0 0 0.25rem;
    font-size: 1.75rem;
    font-weight: 600;
}

.form-container[b-2931kx5kng] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.form-section[b-2931kx5kng] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e9ecef;
}

.form-section:last-of-type[b-2931kx5kng] {
    border-bottom: none;
    margin-bottom: 1rem;
    padding-bottom: 0;
}

.form-section h2[b-2931kx5kng] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
    color: #495057;
}

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

.form-group label[b-2931kx5kng] {
    display: block;
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    color: #495057;
}

.form-control[b-2931kx5kng], .form-select[b-2931kx5kng] {
    border-radius: 8px;
    padding: 0.625rem 1rem;
    border: 1px solid #dee2e6;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-2931kx5kng], .form-select:focus[b-2931kx5kng] {
    border-color: #e94560;
    box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.1);
}

.form-row[b-2931kx5kng] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (max-width: 576px) {
    .form-row[b-2931kx5kng] {
        grid-template-columns: 1fr;
    }
}

.form-text[b-2931kx5kng] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.form-actions[b-2931kx5kng] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding-top: 1rem;
}

.form-actions .btn[b-2931kx5kng] {
    min-width: 120px;
}

[b-2931kx5kng] .validation-message {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.alert-danger[b-2931kx5kng] {
    border-radius: 8px;
    margin-bottom: 1rem;
}
/* /Pages/Zones/Detail.razor.rz.scp.css */
.zone-detail[b-wx1j648m2u] {
    max-width: 1400px;
    margin: 0 auto;
}

.loading-container[b-wx1j648m2u] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

.page-header[b-wx1j648m2u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e9ecef;
}

.back-link[b-wx1j648m2u] {
    font-size: 0.875rem;
    color: #6c757d;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.back-link:hover[b-wx1j648m2u] {
    color: #e94560;
}

.title-row[b-wx1j648m2u] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.title-row h1[b-wx1j648m2u] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.zone-status[b-wx1j648m2u] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
}

.zone-status.active[b-wx1j648m2u] {
    background: #d1e7dd;
    color: #0f5132;
}

.zone-status.inactive[b-wx1j648m2u] {
    background: #e9ecef;
    color: #6c757d;
}

.zone-meta[b-wx1j648m2u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.severity[b-wx1j648m2u] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
}

.severity-low[b-wx1j648m2u] { background: #d1e7dd; color: #0f5132; }
.severity-medium[b-wx1j648m2u] { background: #fff3cd; color: #664d03; }
.severity-high[b-wx1j648m2u] { background: #f8d7da; color: #842029; }
.severity-critical[b-wx1j648m2u] { background: #842029; color: white; }

.detail-grid[b-wx1j648m2u] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 992px) {
    .detail-grid[b-wx1j648m2u] {
        grid-template-columns: 1fr;
    }
}

.section[b-wx1j648m2u] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.section h2[b-wx1j648m2u] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

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

.section-header h2[b-wx1j648m2u] {
    margin: 0;
}

.location-info[b-wx1j648m2u] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.coord-row[b-wx1j648m2u] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.coord-row:not(:last-child)[b-wx1j648m2u] {
    border-bottom: 1px solid #e9ecef;
}

.coord-label[b-wx1j648m2u] {
    color: #6c757d;
}

.coord-value[b-wx1j648m2u] {
    font-family: monospace;
    font-weight: 500;
}

.request-list[b-wx1j648m2u], .provider-list[b-wx1j648m2u], .hub-list[b-wx1j648m2u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.request-item[b-wx1j648m2u], .provider-item[b-wx1j648m2u], .hub-item[b-wx1j648m2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.request-info[b-wx1j648m2u], .request-meta[b-wx1j648m2u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.request-type[b-wx1j648m2u] {
    font-size: 0.8rem;
    color: #6c757d;
}

.request-status[b-wx1j648m2u] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.status-pending[b-wx1j648m2u] { background: #fff3cd; color: #664d03; }
.status-assigned[b-wx1j648m2u] { background: #cfe2ff; color: #084298; }
.status-inprogress[b-wx1j648m2u] { background: #d1e7dd; color: #0f5132; }
.status-completed[b-wx1j648m2u] { background: #198754; color: white; }

.request-priority[b-wx1j648m2u] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.priority-low[b-wx1j648m2u] { background: #e9ecef; color: #6c757d; }
.priority-medium[b-wx1j648m2u] { background: #fff3cd; color: #664d03; }
.priority-high[b-wx1j648m2u] { background: #f8d7da; color: #842029; }
.priority-urgent[b-wx1j648m2u] { background: #842029; color: white; }

.view-all-link[b-wx1j648m2u] {
    display: block;
    text-align: center;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #e9ecef;
    color: #0d6efd;
    text-decoration: none;
}

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

.stat-row[b-wx1j648m2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-row .stat-value[b-wx1j648m2u] {
    font-size: 1.25rem;
    font-weight: 700;
}

.provider-name[b-wx1j648m2u], .hub-name[b-wx1j648m2u] {
    font-weight: 500;
}

.provider-type[b-wx1j648m2u] {
    font-size: 0.8rem;
    color: #6c757d;
}

.hub-status[b-wx1j648m2u] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background: #e9ecef;
    color: #6c757d;
}

.hub-status.operational[b-wx1j648m2u] {
    background: #d1e7dd;
    color: #0f5132;
}

.not-found[b-wx1j648m2u] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
}
/* /Pages/Zones/Index.razor.rz.scp.css */
.zones-page[b-c44wzqoob8] {
    max-width: 1400px;
    margin: 0 auto;
}

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

.page-header h1[b-c44wzqoob8] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.zones-filters[b-c44wzqoob8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-c44wzqoob8] {
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.search-box .form-control[b-c44wzqoob8] {
    border-radius: 8px;
    padding: 0.625rem 1rem;
}

.filter-buttons[b-c44wzqoob8] {
    display: flex;
    gap: 0.5rem;
}

.filter-buttons .btn[b-c44wzqoob8] {
    border-radius: 8px;
}

.loading-container[b-c44wzqoob8] {
    display: flex;
    justify-content: center;
    padding: 4rem;
}

.zones-grid[b-c44wzqoob8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

.zone-card[b-c44wzqoob8] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.2s;
}

.zone-card:hover[b-c44wzqoob8] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

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

.zone-status[b-c44wzqoob8] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
}

.zone-status.active[b-c44wzqoob8] {
    background: #d1e7dd;
    color: #0f5132;
}

.zone-status.inactive[b-c44wzqoob8] {
    background: #e9ecef;
    color: #6c757d;
}

.zone-name[b-c44wzqoob8] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.zone-location[b-c44wzqoob8] {
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.zone-stats[b-c44wzqoob8] {
    display: flex;
    gap: 2rem;
    padding: 1rem 0;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1rem;
}

.stat[b-c44wzqoob8] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-c44wzqoob8] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.stat-label[b-c44wzqoob8] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.zone-footer[b-c44wzqoob8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.severity[b-c44wzqoob8] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
}

.severity-low[b-c44wzqoob8] {
    background: #d1e7dd;
    color: #0f5132;
}

.severity-medium[b-c44wzqoob8] {
    background: #fff3cd;
    color: #664d03;
}

.severity-high[b-c44wzqoob8] {
    background: #f8d7da;
    color: #842029;
}

.severity-critical[b-c44wzqoob8] {
    background: #842029;
    color: white;
}

.zone-date[b-c44wzqoob8] {
    font-size: 0.8rem;
    color: #6c757d;
}

.pagination-container[b-c44wzqoob8] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.empty-state[b-c44wzqoob8] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-c44wzqoob8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #f8f9fa;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: 1rem;
}

.empty-state h3[b-c44wzqoob8] {
    margin: 0 0 0.5rem;
}

.empty-state p[b-c44wzqoob8] {
    color: #6c757d;
    margin-bottom: 1.5rem;
}
/* /Shared/NotificationBell.razor.rz.scp.css */
.notification-bell[b-40yvph315t] {
    position: relative;
}

.bell-icon[b-40yvph315t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #e9ecef;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.8rem;
    color: #495057;
}

.btn-link[b-40yvph315t] {
    text-decoration: none;
    color: inherit;
    padding: 0;
}

.btn-link:hover .bell-icon[b-40yvph315t] {
    background: #dee2e6;
}

.notification-dropdown[b-40yvph315t] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 320px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    margin-top: 0.5rem;
}

.dropdown-header[b-40yvph315t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
}

.dropdown-body[b-40yvph315t] {
    max-height: 300px;
    overflow-y: auto;
}

.notification-item[b-40yvph315t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}

.notification-item:hover[b-40yvph315t] {
    background: #f8f9fa;
}

.notification-icon[b-40yvph315t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #e7f1ff;
    color: #0d6efd;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.notification-content[b-40yvph315t] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.notification-content small[b-40yvph315t] {
    color: #6c757d;
}

.dropdown-footer[b-40yvph315t] {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e9ecef;
    text-align: center;
}

.dropdown-footer a[b-40yvph315t] {
    color: #0d6efd;
    text-decoration: none;
    font-size: 0.875rem;
}

.dropdown-footer a:hover[b-40yvph315t] {
    text-decoration: underline;
}
/* /Shared/UserMenu.razor.rz.scp.css */
.user-menu[b-8dfyx27voi] {
    position: relative;
}

.user-button[b-8dfyx27voi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #495057;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.user-button:hover[b-8dfyx27voi] {
    background: #e9ecef;
    color: #495057;
}

.user-avatar[b-8dfyx27voi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.75rem;
}

.user-avatar-lg[b-8dfyx27voi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    border-radius: 50%;
    font-weight: 600;
    font-size: 1rem;
}

.user-name[b-8dfyx27voi] {
    font-weight: 500;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-arrow[b-8dfyx27voi] {
    font-size: 0.7rem;
    color: #6c757d;
}

.user-dropdown[b-8dfyx27voi] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 220px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    margin-top: 0.5rem;
    overflow: hidden;
}

.dropdown-header[b-8dfyx27voi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8f9fa;
}

.user-info[b-8dfyx27voi] {
    display: flex;
    flex-direction: column;
}

.user-info strong[b-8dfyx27voi] {
    font-size: 0.9rem;
}

.dropdown-divider[b-8dfyx27voi] {
    height: 1px;
    background: #e9ecef;
    margin: 0;
}

.dropdown-item[b-8dfyx27voi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: #495057;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s;
}

.dropdown-item:hover[b-8dfyx27voi] {
    background: #f8f9fa;
}

.dropdown-item.text-danger[b-8dfyx27voi] {
    color: #dc3545;
}

.item-icon[b-8dfyx27voi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #e9ecef;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.dropdown-item.text-danger .item-icon[b-8dfyx27voi] {
    background: #f8d7da;
    color: #dc3545;
}