Refactors page styles into separate CSS files

Extracts inline styles from Razor pages into modular CSS files
Adds new CSS files for components and specific page styles
Improves code organization and maintainability by separating styling concerns

Updates layout to include new CSS files and optional style sections

Pages/Azure/Index.cshtml

@@ -4,6 +4,10 @@
     ViewData["Title"] = "Azure Storage";
 }
 
+@section Styles {
+    <link rel="stylesheet" href="~/css/pages/azure.css" asp-append-version="true" />
+}
+
 <div class="page-header">
     <h1 class="page-title">Azure Blob Storage</h1>
     <p class="page-subtitle">@Model.Dashboard.AccountName</p>
@@ -127,80 +131,6 @@ else
     </div>
 }
 
-<style>
-    .status-detail {
-        font-size: 10px;
-        color: var(--muted-color);
-        margin-top: 4px;
-    }
-
-    .dashboard-grid {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        gap: 16px;
-    }
-
-    .container-icon, .file-icon {
-        margin-right: 8px;
-    }
-
-    .compact-list {
-        padding: 8px 16px !important;
-    }
-
-    .list-item {
-        padding: 8px 0;
-        border-bottom: 1px solid var(--border-color);
-    }
-
-    .list-item:last-child {
-        border-bottom: none;
-    }
-
-    .item-main {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-    }
-
-    .item-meta {
-        font-size: 10px;
-        color: var(--muted-color);
-        margin-top: 4px;
-        padding-left: 28px;
-    }
-
-    .blob-name {
-        max-width: 200px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .badge-tier {
-        background: var(--border-color);
-        color: var(--muted-color);
-        font-size: 9px;
-        padding: 2px 6px;
-    }
-
-    .last-updated {
-        text-align: center;
-        font-size: 10px;
-        color: var(--muted-color);
-        padding: 16px;
-    }
-
-    .success { color: var(--success-color); }
-    .warning { color: var(--warning-color); }
-
-    @@media (max-width: 1000px) {
-        .dashboard-grid {
-            grid-template-columns: 1fr;
-        }
-    }
-</style>
-
 @functions {
     string FormatBytes(long bytes)
     {