.dashboard-container{min-height:100vh;background-color:var(--page-bg,#f9fafb);color:var(--text-primary,#111827);transition:background-color .2s ease,color .2s ease}.dark .dashboard-container{background-color:#181818;color:#cccccc}.dashboard-content{padding:1.25rem .75rem}@media (min-width:480px){.dashboard-content{padding:1.5rem 1rem}}@media (min-width:640px){.dashboard-content{padding:2rem 1.5rem}}@media (min-width:1024px){.dashboard-content{padding:2rem}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-grid-large{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.dashboard-grid-large{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.dashboard-grid-large{grid-template-columns:repeat(3,1fr)}}.dashboard-grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}}.dashboard-card{background-color:var(--card-bg,#ffffff);border-radius:.75rem;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border:1px solid var(--card-border,#e5e7eb);padding:1.5rem;transition:all .2s ease-in-out}@media (max-width:639px){.dashboard-card{padding:1rem;border-radius:.625rem}}.dark .dashboard-card{background:linear-gradient(135deg,#212121,#272727);border-color:#303030;box-shadow:0 4px 16px rgba(0,0,0,.2)}.dashboard-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .dashboard-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3);border-color:#3a3a3a}.dashboard-card-small{background-color:var(--card-bg,#ffffff);border-radius:.75rem;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border:1px solid var(--card-border,#e5e7eb);padding:1rem;transition:all .2s ease-in-out}.dark .dashboard-card-small{background:linear-gradient(135deg,#212121,#272727);border-color:#303030}.dashboard-card-large{background-color:var(--card-bg,#ffffff);border-radius:.75rem;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border:1px solid var(--card-border,#e5e7eb);padding:2rem;transition:all .2s ease-in-out}.dark .dashboard-card-large{background:linear-gradient(135deg,#212121,#272727);border-color:#303030;box-shadow:0 4px 16px rgba(0,0,0,.2)}.dashboard-card-hover{background-color:var(--card-bg,#ffffff);border-radius:.75rem;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border:1px solid var(--card-border,#e5e7eb);padding:1.5rem;transition:all .2s ease-in-out}.dark .dashboard-card-hover{background:linear-gradient(135deg,#212121,#272727);border-color:#303030}.dashboard-card-hover:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dark .dashboard-card-hover:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.4);border-color:#3a3a3a}.dashboard-card-interactive{background-color:var(--card-bg,#ffffff);border-radius:.75rem;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border:1px solid var(--card-border,#e5e7eb);padding:1.5rem;transition:all .2s ease-in-out;cursor:pointer}.dark .dashboard-card-interactive{background:linear-gradient(135deg,#212121,#272727);border-color:#303030}.dashboard-card-interactive:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dark .dashboard-card-interactive:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.4);border-color:#3a3a3a}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary,#111827)}.dark .dashboard-card-title{color:var(--studio-text-primary,#cccccc)}.dashboard-card-subtitle{font-size:.75rem;color:var(--text-secondary,#6b7280)}.dark .dashboard-card-subtitle{color:var(--studio-text-secondary,#858585)}.dashboard-card-description{font-size:.75rem;color:var(--text-secondary,#6b7280);margin-top:.25rem}.dark .dashboard-card-description{color:var(--studio-text-secondary,#858585)}.metric-card{background-color:var(--card-bg,#ffffff);border-radius:.75rem;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border:1px solid var(--card-border,#e5e7eb);padding:1.5rem;transition:all .2s ease-in-out}.dark .metric-card{background:linear-gradient(135deg,#212121,#272727);border-color:#303030;box-shadow:0 4px 16px rgba(0,0,0,.2)}.metric-card-header{display:flex;align-items:center;justify-content:space-between}.metric-card-icon{width:1.5rem;height:1.5rem;color:#3b82f6;margin-right:.75rem}.metric-card-title{font-size:.875rem;font-weight:500;color:var(--text-primary,#111827)}.dark .metric-card-title{color:var(--studio-text-primary,#cccccc)}.metric-card-value{font-size:1.25rem;font-weight:700;margin-top:.375rem;display:flex;align-items:baseline}.metric-card-unit{font-size:.6875rem;color:#6b7280;margin-left:.25rem}.metric-card-change{margin-left:.375rem;font-size:.6875rem;font-weight:500;display:flex;align-items:center}.metric-status-healthy{color:#10b981}.metric-status-warning{color:#f59e0b}.metric-status-critical,.metric-trend-up{color:#ef4444}.metric-trend-down{color:#10b981}.metric-trend-stable{color:#6b7280}.chart-container{width:100%;height:16rem;margin-top:1rem}.chart-container-small{width:100%;height:8rem;margin-top:1rem}.chart-container-large{width:100%;height:20rem;margin-top:1rem}.chart-container-full{width:100%;height:24rem;margin-top:1rem}.chart-responsive{width:100%;height:100%}.status-indicator{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-healthy{background-color:#dcfce7;color:#166534}.dark .status-healthy{background-color:#14532d;color:#bbf7d0}.status-warning{background-color:#fef3c7;color:#92400e}.dark .status-warning{background-color:#78350f;color:#fcd34d}.status-critical{background-color:#fee2e2;color:#991b1b}.dark .status-critical{background-color:#7f1d1d;color:#fca5a5}.status-info{background-color:#dbeafe;color:#1e40af}.dark .status-info{background-color:#1e3a8a;color:#93c5fd}.status-inactive{background-color:#f3f4f6;color:#374151}.dark .status-inactive{background-color:#374151;color:#d1d5db}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem}.status-dot-healthy{background-color:#10b981}.status-dot-warning{background-color:#f59e0b}.status-dot-critical{background-color:#ef4444}.status-dot-info{background-color:#3b82f6}.status-dot-inactive{background-color:#9ca3af}.alert-container{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.alert-base{padding:1rem;border-radius:.5rem;border-left:4px solid}.alert-info{background-color:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.dark .alert-info{background-color:#1e3a8a;color:#93c5fd}.alert-warning{background-color:#fffbeb;border-color:#fbbf24;color:#b45309}.dark .alert-warning{background-color:#78350f;color:#fcd34d}.alert-error{background-color:#fef2f2;border-color:#f87171;color:#b91c1c}.dark .alert-error{background-color:#7f1d1d;color:#fca5a5}.alert-success{background-color:#f0fdf4;border-color:#4ade80;color:#15803d}.dark .alert-success{background-color:#14532d;color:#86efac}.dashboard-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;border:1px solid transparent;font-size:.75rem;font-weight:500;border-radius:.375rem;transition:colors .2s ease-in-out;cursor:pointer}.dashboard-btn-primary{color:#ffffff;background-color:#3b82f6;border-color:transparent}.dashboard-btn-primary:hover{background-color:#2563eb}.dashboard-btn-primary:focus{outline:2px solid #3b82f6;outline-offset:2px}.dashboard-btn-secondary{color:#374151;background-color:#ffffff;border-color:#d1d5db}.dark .dashboard-btn-secondary{color:#d1d5db;background-color:#374151;border-color:#4b5563}.dashboard-btn-secondary:hover{background-color:#f9fafb}.dark .dashboard-btn-secondary:hover{background-color:#4b5563}.dashboard-btn-secondary:focus{outline:2px solid #3b82f6;outline-offset:2px}.dashboard-btn-danger{color:#ffffff;background-color:#dc2626}.dashboard-btn-danger:hover{background-color:#b91c1c}.dashboard-btn-danger:focus{outline:2px solid #dc2626;outline-offset:2px}.dashboard-btn-warning{color:#ffffff;background-color:#d97706}.dashboard-btn-warning:hover{background-color:#b45309}.dashboard-btn-warning:focus{outline:2px solid #d97706;outline-offset:2px}.dashboard-btn-success{color:#ffffff;background-color:#059669}.dashboard-btn-success:hover{background-color:#047857}.dashboard-btn-success:focus{outline:2px solid #059669;outline-offset:2px}.dashboard-action-link{color:#3b82f6;font-weight:500;font-size:.875rem;display:flex;align-items:center;text-decoration:none}.dark .dashboard-action-link{color:#60a5fa}.dashboard-action-link:hover{color:#2563eb;text-decoration:underline}.dark .dashboard-action-link:hover{color:#93c5fd}.dashboard-table-container{overflow-x:auto;box-shadow:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border-radius:.75rem;border:1px solid var(--border-primary,#e5e7eb)}.dark .dashboard-table-container{background:linear-gradient(135deg,#212121,#272727);border-color:#303030;box-shadow:0 4px 16px rgba(0,0,0,.2)}.dashboard-table{min-width:100%;border-collapse:separate;border-spacing:0}.dashboard-table-header{background-color:var(--bg-secondary,#f9fafb)}.dark .dashboard-table-header{background-color:#1a1a1a}.dashboard-table-header-cell{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em}@media (max-width:639px){.dashboard-table-header-cell{padding:.5rem .75rem;font-size:.625rem}}.dark .dashboard-table-header-cell{color:#9ca3af}.dashboard-table-body{background-color:var(--bg-primary,#ffffff);border-top:1px solid var(--border-primary,#e5e7eb)}.dark .dashboard-table-body{background-color:transparent;border-color:#303030}.dashboard-table-row{transition:background-color .15s ease-in-out}.dashboard-table-row:hover{background-color:var(--bg-blue-light,#eff6ff)}.dark .dashboard-table-row:hover{background-color:#1e1e1e}.dashboard-table-cell{padding:.625rem 1rem;white-space:nowrap;font-size:.75rem;color:var(--text-primary,#111827);border-bottom:1px solid var(--border-primary,#e5e7eb)}@media (max-width:639px){.dashboard-table-cell{padding:.5rem .625rem;font-size:.6875rem}}.dark .dashboard-table-cell{color:#e5e7eb;border-color:#303030}.dashboard-table-cell-secondary{padding:.625rem 1rem;white-space:nowrap;font-size:.75rem;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-primary,#e5e7eb)}.dark .dashboard-table-cell-secondary{color:#9ca3af;border-color:#303030}.dashboard-search-container{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.dashboard-search-container{flex-direction:row}}.dashboard-search-input{flex:1;padding:.5rem 1rem;border:1px solid var(--border-secondary,#d1d5db);border-radius:.5rem;background-color:#f9fafb;color:var(--text-primary,#111827);transition:border-color .15s ease,box-shadow .15s ease}.dark .dashboard-search-input{border-color:var(--studio-border,#3e3e3e);background-color:var(--studio-bg-input,#3c3c3c);color:var(--studio-text-primary,#cccccc)}.dashboard-search-input:focus{outline:none;border-color:var(--studio-border-focus,#007fd4);box-shadow:0 0 0 2px rgba(139,92,246,.2)}.dark .dashboard-search-input:focus{box-shadow:0 0 0 2px rgba(0,127,212,.3)}.dashboard-filter-select{padding:.5rem 1rem;border:1px solid var(--border-secondary,#d1d5db);border-radius:.5rem;background-color:#f9fafb;color:var(--text-primary,#111827);transition:border-color .15s ease,box-shadow .15s ease}.dark .dashboard-filter-select{border-color:var(--studio-border,#3e3e3e);background-color:var(--studio-bg-input,#3c3c3c);color:var(--studio-text-primary,#cccccc)}.dashboard-filter-select:focus{outline:none;border-color:var(--studio-border-focus,#007fd4);box-shadow:0 0 0 2px rgba(139,92,246,.2)}.dark .dashboard-filter-select:focus{box-shadow:0 0 0 2px rgba(0,127,212,.3)}.dashboard-tabs{border-bottom:1px solid var(--border-gray,#e5e7eb);margin-bottom:1.5rem}.dark .dashboard-tabs{border-color:#303030;background-color:#212121}.dashboard-tab-list{display:flex;gap:.25rem}.dashboard-tab{padding:.5rem .75rem;font-weight:500;font-size:.75rem;color:var(--text-secondary,#6b7280);background:none;border:none;border-bottom:2px solid transparent;transition:all .2s ease-in-out;cursor:pointer;display:flex;align-items:center;gap:.375rem}.dark .dashboard-tab{color:#9ca3af}.dashboard-tab:hover{color:var(--text-primary,#374151);border-bottom-color:var(--border-secondary,#d1d5db)}.dark .dashboard-tab:hover{color:#d1d5db;border-bottom-color:#4a4a4a}.dashboard-tab-active{padding:.5rem .75rem;font-weight:500;font-size:.75rem;color:#3b82f6;background:none;border:none;border-bottom:2px solid #3b82f6;transition:all .2s ease-in-out;cursor:pointer;display:flex;align-items:center;gap:.375rem}.dark .dashboard-tab-active{color:#60a5fa;border-bottom-color:#60a5fa}.dashboard-loading{display:flex;align-items:center;justify-content:center;padding:2rem 0}.dashboard-loading-spinner{width:2rem;height:2rem;border:2px solid transparent;border-bottom-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-skeleton{background-color:#e5e7eb;border-radius:.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .dashboard-skeleton{background-color:#374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-skeleton-text{height:1rem;width:75%;margin-bottom:.5rem;background-color:#e5e7eb;border-radius:.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .dashboard-skeleton-text{background-color:#374151}.dashboard-skeleton-title{height:1.5rem;width:50%;margin-bottom:1rem;background-color:#e5e7eb;border-radius:.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .dashboard-skeleton-title{background-color:#374151}.resource-usage-bar{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.625rem}.dark .resource-usage-bar{background-color:#374151}.resource-usage-fill{height:.625rem;border-radius:9999px;transition:all .3s ease-in-out}.resource-usage-healthy{background-color:#10b981}.resource-usage-warning{background-color:#f59e0b}.resource-usage-critical{background-color:#ef4444}.resource-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.dark .resource-label{color:#d1d5db}.resource-value{font-size:.75rem;color:#6b7280}.dark .resource-value{color:#9ca3af}.donut-chart-container{background-color:#ffffff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s ease-in-out;height:16rem}@media (max-width:639px){.donut-chart-container{padding:1rem;height:auto;min-height:14rem}}.dark .donut-chart-container{background-color:#1f2937;border-color:#374151}.donut-chart-content{display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width:479px){.donut-chart-content{flex-direction:column;gap:1rem}}.donut-chart-legend{display:flex;flex-direction:column;gap:.5rem}.donut-legend-item{display:flex;align-items:center;font-size:.875rem}.donut-legend-color{width:.75rem;height:.75rem;border-radius:50%;margin-right:.5rem}.donut-legend-label{color:#374151}.dark .donut-legend-label{color:#d1d5db}.donut-legend-value{margin-left:auto;font-weight:500;color:#111827}.dark .donut-legend-value{color:#f3f4f6}.trace-timeline{display:flex;flex-direction:column;gap:.5rem}.trace-span{display:flex;align-items:center;padding:.5rem;background-color:#f9fafb;border-radius:.25rem}.dark .trace-span{background-color:#1f2937}.trace-span-duration{margin-left:auto;font-size:.75rem;color:#6b7280}.dark .trace-span-duration{color:#9ca3af}.error-item{padding:1rem;border-left:4px solid #f87171;background-color:#fef2f2;margin-bottom:1rem}.dark .error-item{background-color:rgba(127,29,29,.2)}.error-title{font-weight:500;color:#991b1b}.dark .error-title{color:#fca5a5}.error-message{font-size:.875rem;color:#dc2626;margin-top:.25rem}.dark .error-message{color:#fecaca}.error-timestamp{font-size:.75rem;color:#ef4444;margin-top:.5rem}.dark .error-timestamp{color:#f87171}.monitoring-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:1024px){.monitoring-grid{grid-template-columns:repeat(2,1fr)}}.monitoring-metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.monitoring-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.monitoring-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.monitoring-metrics-grid{grid-template-columns:repeat(4,1fr)}}.health-check-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.dark .health-check-item{background-color:#1f2937}.health-check-name{font-weight:500;color:#111827}.dark .health-check-name{color:#f3f4f6}.health-check-status{font-size:.875rem;color:#6b7280}.dark .health-check-status{color:#9ca3af}.operations-table-container{background-color:#ffffff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid #e5e7eb;padding:0;overflow:hidden;transition:all .2s ease-in-out}.dark .operations-table-container{background-color:#1f2937;border-color:#374151}.operations-table-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.dark .operations-table-header{border-color:#374151}.operations-table-title{font-size:.9375rem;font-weight:600;color:#111827}.dark .operations-table-title{color:#f3f4f6}.operations-table-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pagination-container{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem}.pagination-info{font-size:.875rem;color:#374151}.dark .pagination-info{color:#d1d5db}.pagination-buttons{display:flex;gap:.5rem}.pagination-button{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#ffffff;color:#374151;transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.dark .pagination-button{border-color:#4b5563;background-color:#1f2937;color:#d1d5db}.pagination-button:hover{background-color:#f9fafb}.dark .pagination-button:hover{background-color:#374151}.pagination-button-active{padding:.5rem .75rem;font-size:.875rem;border:1px solid #8b5cf6;border-radius:.375rem;background-color:#8b5cf6;color:#ffffff;transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.pagination-button-active:hover{background-color:#7c3aed}.pagination-button-disabled{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#ffffff;color:#374151;opacity:.5;cursor:not-allowed}.dark .pagination-button-disabled{border-color:#4b5563;background-color:#1f2937;color:#d1d5db}.pagination-button-disabled:hover{background-color:transparent}.dashboard-mobile-hidden{display:none}@media (min-width:768px){.dashboard-mobile-hidden{display:block}}.dashboard-mobile-only{display:block}@media (min-width:768px){.dashboard-mobile-only{display:none}}.dashboard-tablet-hidden{display:none}@media (min-width:1024px){.dashboard-tablet-hidden{display:block}}.dashboard-desktop-only{display:none}@media (min-width:1280px){.dashboard-desktop-only{display:block}}.draggable-card{transition:all .2s ease-in-out}.draggable-card-dragging{transform:rotate(3deg) scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:50}.draggable-card-grab{cursor:grab}.draggable-card-grabbing{cursor:grabbing}.dashboard-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.dashboard-modal-content{background-color:var(--bg-primary,#ffffff);border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid var(--border-primary,#e5e7eb);max-width:32rem;width:100%;margin:1rem;padding:1.5rem}.dark .dashboard-modal-content{background-color:var(--studio-bg-secondary,#212121);border-color:var(--studio-border,#3e3e3e);box-shadow:0 20px 25px -5px rgba(0,0,0,.4)}.dashboard-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-modal-title{font-size:.9375rem;font-weight:600;color:var(--text-primary,#111827)}.dark .dashboard-modal-title{color:var(--studio-text-primary,#cccccc)}.dashboard-modal-close{color:var(--text-tertiary,#9ca3af);cursor:pointer;transition:color .2s ease-in-out}.dashboard-modal-close:hover{color:var(--text-secondary,#6b7280)}.dark .dashboard-modal-close:hover{color:var(--studio-text-primary,#cccccc)}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-fade-in{animation:dashboard-fade-in .3s ease-out}@keyframes dashboard-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.dashboard-slide-in{animation:dashboard-slide-in .3s ease-out}@keyframes dashboard-pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-pulse{animation:dashboard-pulse 2s infinite}@media (prefers-color-scheme:dark){.dashboard-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.1)}}:root{--studio-bg-primary:#181818;--studio-bg-secondary:#212121;--studio-bg-tertiary:#272727;--studio-bg-elevated:#333333;--studio-bg-input:#2a2a2a;--studio-text-primary:#cccccc;--studio-text-secondary:#858585;--studio-text-accent:#ffffff;--studio-text-link:#3794ff;--studio-accent-primary:#0e639c;--studio-accent-hover:#1177bb;--studio-accent-active:#094771;--studio-border:#303030;--studio-border-light:#3a3a3a;--studio-border-focus:#007fd4;--brand-primary:#3b82f6;--brand-secondary:#6366f1;--brand-accent:#06b6d4;--status-healthy:#10b981;--status-warning:#f59e0b;--status-critical:#ef4444;--status-info:#3b82f6;--status-pending:#6b7280;--aws-primary:#ff9900;--azure-primary:#0078d4;--gcp-primary:#4285f4;--digitalocean-primary:#0080ff;--kubernetes-primary:#326ce5;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#181818;--bg-dark-secondary:#1e1e1e;--bg-dark-tertiary:#212121;--bg-purple-tint:#f9fafb;--bg-purple-light:#eff6ff;--bg-purple-muted:#e0f2fe;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-dark-primary:#f8fafc;--text-dark-secondary:#cbd5e1;--text-dark-tertiary:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-dark:#334155;--border-dark-secondary:#475569;--border-purple:#f3e8ff;--card-bg:var(--bg-primary);--card-border:var(--border-primary);--card-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--hover-bg:#f1f5f9;--active-bg:#e2e8f0;--focus-ring:#6366f1;--selection-bg:#ddd6fe;--page-bg:#f9fafb;--page-bg-dark:var(--studio-bg-primary)}.dark,[data-theme=dark]{--bg-primary:var(--studio-bg-primary);--bg-secondary:var(--studio-bg-secondary);--bg-tertiary:var(--studio-bg-tertiary);--text-primary:var(--studio-text-primary);--text-secondary:var(--studio-text-secondary);--text-tertiary:var(--studio-text-secondary);--border-primary:var(--studio-border);--border-secondary:var(--studio-border-light);--card-bg:var(--studio-bg-secondary);--card-border:var(--studio-border);--hover-bg:var(--studio-bg-elevated);--active-bg:var(--studio-bg-elevated);--selection-bg:#3730a3;--bg-purple-tint:#212121;--bg-purple-light:#181818;--bg-purple-muted:#272727;--border-purple:#303030;--page-bg:var(--studio-bg-primary)}.studio-bg{background-color:var(--studio-bg-primary)}.studio-bg,.studio-bg-secondary{color:var(--studio-text-primary)}.studio-bg-secondary{background-color:var(--studio-bg-secondary)}.studio-bg-elevated{background-color:var(--studio-bg-tertiary);color:var(--studio-text-primary)}.page-bg{background-color:var(--page-bg);color:var(--text-primary);min-height:100vh}.bg-body-bg-light{background-color:var(--bg-secondary)}.bg-body-bg-dark{background-color:#181818}.text-body-text-light{color:var(--text-primary)}.text-body-text-dark{color:var(--text-dark-primary)}.dark .bg-body-bg-light{background-color:#181818}.dark .text-body-text-light{color:var(--studio-text-primary)}.bg-accent-purple{background-color:var(--bg-purple-tint)}.bg-accent-purple-light{background-color:var(--bg-purple-light)}.border-accent-purple{border-color:var(--border-purple)}.theme-card{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.theme-card,.theme-text-primary{color:var(--text-primary)}.theme-text-secondary{color:var(--text-secondary)}.theme-text-tertiary{color:var(--text-tertiary)}.theme-border{border-color:var(--border-primary)}.theme-bg-hover:hover{background-color:var(--hover-bg)}.theme-focus{&:focus{outline:2px solid var(--focus-ring);outline-offset:2px}}.status-healthy{color:var(--status-healthy)}.status-warning{color:var(--status-warning)}.status-critical{color:var(--status-critical)}.status-info{color:var(--status-info)}.status-pending{color:var(--status-pending)}.provider-aws{--provider-color:var(--aws-primary);color:var(--aws-primary)}.provider-azure{--provider-color:var(--azure-primary);color:var(--azure-primary)}.provider-gcp{--provider-color:var(--gcp-primary);color:var(--gcp-primary)}.provider-kubernetes{--provider-color:var(--kubernetes-primary);color:var(--kubernetes-primary)}.monitoring-card{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--text-primary);padding:1.5rem;border-radius:.5rem}.monitoring-card.critical{border-left:4px solid var(--status-critical)}.monitoring-card.warning{border-left:4px solid var(--status-warning)}.monitoring-card.healthy{border-left:4px solid var(--status-healthy)}.deployment-status{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.deployment-status.running{background-color:#dcfce7;color:#166534}.deployment-status.failed{background-color:#fecaca;color:#991b1b}.deployment-status.pending{background-color:#fef3c7;color:#92400e}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.studio-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .15s ease;cursor:pointer;border:none}.studio-btn-primary{background-color:var(--studio-accent-primary);color:white}.studio-btn-primary:hover{background-color:var(--studio-accent-hover)}.studio-btn-secondary{background-color:transparent;color:var(--studio-text-primary);border:1px solid var(--studio-border)}.studio-btn-secondary:hover{background-color:var(--studio-bg-elevated)}.studio-input{width:100%;padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--studio-border);background-color:var(--studio-bg-input);color:var(--studio-text-primary);font-size:.875rem;transition:border-color .15s ease;outline:none}.studio-input:focus{border-color:var(--studio-border-focus)}.studio-input::-moz-placeholder{color:var(--studio-text-secondary)}.studio-input::placeholder{color:var(--studio-text-secondary)}.studio-select{width:100%;padding:.5rem 2rem .5rem .75rem;border-radius:.375rem;border:1px solid var(--studio-border);background-color:var(--studio-bg-input);color:var(--studio-text-primary);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23858585' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.studio-select:focus{border-color:var(--studio-border-focus);outline:none}.studio-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;box-shadow:var(--card-shadow);padding:1.5rem;transition:all .2s ease}.dark .studio-card{background-color:var(--studio-bg-secondary);border-color:var(--studio-border)}.studio-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.studio-scrollbar{scrollbar-width:thin;scrollbar-color:var(--studio-bg-elevated) transparent}.studio-scrollbar::-webkit-scrollbar{width:8px;height:8px}.studio-scrollbar::-webkit-scrollbar-track{background:transparent}.studio-scrollbar::-webkit-scrollbar-thumb{background-color:var(--studio-bg-elevated);border-radius:4px}.studio-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}.studio-divider{border:0;height:1px;background-color:var(--studio-border);margin:1rem 0}.studio-divider-vertical{width:1px;height:1.5rem;background-color:var(--studio-border);margin:0 .5rem}.font-mono-jet{font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace}.font-display{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.monitoring-page-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:#111827;line-height:1.2}.dark .monitoring-page-title{color:#f9fafb;text-shadow:0 0 40px rgba(99,102,241,.15)}.monitoring-page-subtitle{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:400;color:#6b7280;letter-spacing:-.01em}.dark .monitoring-page-subtitle{color:#9ca3af}.btn-live-metrics{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.01em;color:#ffffff;background:linear-gradient(135deg,#0ea5e9,#3b82f6 50%,#6366f1);border:none;border-radius:.5rem;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px -3px rgba(59,130,246,.4)}.btn-live-metrics:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-live-metrics:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(59,130,246,.5),0 0 20px rgba(99,102,241,.3)}.btn-live-metrics:hover:before{left:100%}.btn-live-metrics:active{transform:translateY(0)}@media (max-width:639px){.btn-live-metrics{padding:.375rem .625rem;font-size:.75rem;gap:.375rem}}.live-pulse{position:relative;width:8px;height:8px;border-radius:50%;background-color:#10b981;animation:live-pulse-animation 2s infinite}.live-pulse:before{content:"";position:absolute;inset:-3px;border-radius:50%;background-color:inherit;opacity:.4;animation:live-pulse-ring 2s infinite}@keyframes live-pulse-animation{0%,to{opacity:1}50%{opacity:.7}}@keyframes live-pulse-ring{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}.metric-value-large{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#111827}.dark .metric-value-large{color:#f9fafb}.metric-value-medium{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:#374151}.dark .metric-value-medium{color:#e5e7eb}.metric-label{font-family:Space Grotesk,system-ui,sans-serif;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.dark .metric-label,.metric-unit{color:#9ca3af}.metric-unit{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:400;margin-left:.25rem}.dark .metric-unit{color:#6b7280}.instance-info-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.5rem}@media (max-width:639px){.instance-info-bar{gap:.75rem 1rem;padding:.75rem}}.dark .instance-info-bar{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-color:#303030}.instance-info-item{display:flex;align-items:center;gap:.5rem}@media (max-width:639px){.instance-info-item{gap:.375rem}}.instance-info-label{font-family:Space Grotesk,system-ui,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}@media (max-width:639px){.instance-info-label{font-size:.625rem}}.dark .instance-info-label{color:#94a3b8}.instance-info-value{font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;color:#334155}@media (max-width:639px){.instance-info-value{font-size:.6875rem}}.dark .instance-info-value{color:#e2e8f0}.instance-info-value.link{color:#3b82f6;transition:color .2s ease}.instance-info-value.link:hover{color:#2563eb;text-decoration:underline}.dark .instance-info-value.link{color:#60a5fa}.dark .instance-info-value.link:hover{color:#93c5fd}.operations-section-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:#111827;display:flex;align-items:center;gap:.75rem}.dark .operations-section-title{color:#f3f4f6}.operations-section-title:before{content:"";display:inline-block;width:4px;height:1.25rem;background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:2px}.summary-stat{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:500}.summary-stat-value{font-family:JetBrains Mono,monospace;font-weight:700}.monitoring-table-header{font-family:Space Grotesk,system-ui,sans-serif;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:.875rem .75rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.dark .monitoring-table-header{color:#94a3b8;background:linear-gradient(180deg,#1e1e1e,#1a1a1a);border-bottom-color:#303030}.monitoring-cell-mono{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:-.01em}.monitoring-cell-text{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:500}.session-id{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500;color:#64748b;background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e2e8f0}.dark .session-id{color:#94a3b8;background:#1a1a1a;border-color:#303030}.provider-badge{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:700;letter-spacing:.02em;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase}.provider-badge-aws{background:linear-gradient(135deg,#ff9900,#f59e0b);color:#1f2937}.provider-badge-azure{background:linear-gradient(135deg,#0078d4,#0ea5e9);color:white}.provider-badge-gcp{background:linear-gradient(135deg,#4285f4,#6366f1);color:white}.status-badge{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.01em;padding:.25rem .625rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.375rem}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge-completed:before{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.6)}.dark .status-badge-completed{background:linear-gradient(135deg,#064e3b,#065f46);color:#6ee7b7}.status-badge-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge-failed:before{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.6)}.dark .status-badge-failed{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5}.status-badge-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge-progress:before{background:#3b82f6;animation:status-pulse 1.5s ease-in-out infinite}.dark .status-badge-progress{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#93c5fd}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 6px rgba(59,130,246,.6)}50%{opacity:.5;box-shadow:0 0 12px rgba(59,130,246,.8)}}.progress-bar-container{width:100%;height:6px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.dark .progress-bar-container{background:#374151}.progress-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#10b981,#34d399);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percentage{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;color:#10b981;margin-top:.25rem}.dark .progress-percentage{color:#34d399}.monitoring-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.dark .monitoring-pagination{border-top-color:#303030;background:#181818}.monitoring-pagination-info{font-family:Space Grotesk,system-ui,sans-serif;font-size:.875rem;color:#6b7280}.dark .monitoring-pagination-info{color:#9ca3af}.monitoring-pagination-info strong{font-family:JetBrains Mono,monospace;font-weight:600;color:#374151}.dark .monitoring-pagination-info strong{color:#e5e7eb}.monitoring-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;color:#374151;background:#ffffff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.monitoring-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.dark .monitoring-pagination-btn{color:#d1d5db;background:#1a1a1a;border-color:#303030}.dark .monitoring-pagination-btn:hover:not(:disabled){background:#252525;border-color:#3a3a3a}.monitoring-pagination-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#ffffff;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.35)}.monitoring-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.action-btn-icon:hover{background:#f3f4f6;color:#374151}.dark .action-btn-icon:hover{background:#303030;color:#e5e7eb}.action-btn-icon.view:hover{color:#3b82f6}.action-btn-icon.retry:hover{color:#f59e0b}.action-btn-icon.redeploy:hover{color:#10b981}.action-btn-icon.delete:hover{color:#ef4444}.terminal-live-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:9999px;animation:terminal-live-glow 2s ease-in-out infinite}@keyframes terminal-live-glow{0%,to{box-shadow:0 0 5px rgba(239,68,68,.3)}50%{box-shadow:0 0 15px rgba(239,68,68,.5)}}.time-range-select{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem 2rem .5rem .75rem;background:#ffffff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.time-range-select:hover{border-color:#d1d5db}.time-range-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.dark .time-range-select{background-color:#1a1a1a;border-color:#303030;color:#e5e7eb;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dark .time-range-select:hover{border-color:#3a3a3a}.dark .time-range-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15)}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#ffffff;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s ease}.header-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.dark .header-action-btn{background:#1a1a1a;border-color:#303030;color:#9ca3af}.dark .header-action-btn:hover{background:#252525;border-color:#3a3a3a;color:#e5e7eb}.monitoring-filter-select{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem .75rem;background:#faf5ff;border:1px solid #e9d5ff;border-radius:.5rem;color:#374151;cursor:pointer;transition:all .15s ease}.monitoring-filter-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.15)}.dark .monitoring-filter-select{background:#1a1a1a;border-color:#303030;color:#e5e7eb}.dark .monitoring-filter-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.15)}.monitoring-search-input{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem .75rem;background:#faf5ff;border:1px solid #e9d5ff;border-radius:.5rem;color:#374151;width:16rem;transition:all .15s ease}.monitoring-search-input::-moz-placeholder{color:#9ca3af}.monitoring-search-input::placeholder{color:#9ca3af}.monitoring-search-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.15)}.dark .monitoring-search-input{background:#1a1a1a;border-color:#303030;color:#e5e7eb}.dark .monitoring-search-input::-moz-placeholder{color:#6b7280}.dark .monitoring-search-input::placeholder{color:#6b7280}.dark .monitoring-search-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.15)}.monitoring-table-row{transition:all .15s ease}.monitoring-table-row:hover{background:linear-gradient(90deg,rgba(139,92,246,.05),rgba(59,130,246,.05))}.dark .monitoring-table-row:hover{background:linear-gradient(90deg,rgba(139,92,246,.1),rgba(59,130,246,.1))}.resource-link{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:600;color:#3b82f6;text-decoration:none;transition:all .15s ease;display:inline-flex;align-items:center;gap:.25rem}.resource-link:hover{color:#2563eb;text-decoration:underline}.dark .resource-link{color:#60a5fa}.dark .resource-link:hover{color:#93c5fd}.monitoring-toast{font-family:Space Grotesk,system-ui,sans-serif;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;border-radius:.75rem;box-shadow:0 10px 25px rgba(16,185,129,.35);animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.monitoring-dropdown{font-family:Space Grotesk,system-ui,sans-serif;background:#ffffff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.05);overflow:hidden}.dark .monitoring-dropdown{background:#1a1a1a;border-color:#303030;box-shadow:0 10px 25px rgba(0,0,0,.4)}.monitoring-dropdown-item{display:block;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#374151;text-align:left;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.monitoring-dropdown-item:hover{background:#f3f4f6;color:#111827}.dark .monitoring-dropdown-item{color:#d1d5db}.dark .monitoring-dropdown-item:hover{background:#252525;color:#f3f4f6}.monitoring-tabs{display:flex;gap:.25rem;padding:.25rem;background:#f3f4f6;border-radius:.625rem;margin-bottom:1.5rem}.dark .monitoring-tabs{background:#0f0f0f}.monitoring-tab{font-family:Space Grotesk,system-ui,sans-serif;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;color:#6b7280;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.monitoring-tab:hover{color:#374151}.monitoring-tab.active{background:#ffffff;color:#3b82f6;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.08)}.dark .monitoring-tab{color:#9ca3af}.dark .monitoring-tab:hover{color:#e5e7eb}.dark .monitoring-tab.active{background:#1a1a1a;color:#60a5fa;box-shadow:0 2px 8px rgba(0,0,0,.3)}.platform-availability-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.platform-availability-card:hover{border-color:#475569;box-shadow:0 4px 20px rgba(0,0,0,.3)}.light .platform-availability-card,:root .platform-availability-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0}.light .platform-availability-card:hover,:root .platform-availability-card:hover{border-color:#cbd5e1;box-shadow:0 4px 20px rgba(0,0,0,.08)}.platform-availability-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem;flex-wrap:wrap;gap:.5rem}.platform-availability-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8125rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.light .platform-availability-title,:root .platform-availability-title{color:#64748b}.platform-legend{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width:639px){.platform-legend{gap:.375rem}}.legend-item{display:flex;align-items:center;gap:.25rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.625rem;color:#64748b;text-transform:capitalize}.legend-dot{width:6px;height:6px;border-radius:50%}.platform-metrics-row{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}@media (max-width:639px){.platform-metrics-row{gap:1rem;display:grid;grid-template-columns:repeat(2,1fr)}}.platform-metric{display:flex;flex-direction:column;gap:.25rem}.platform-metric-label{font-family:Space Grotesk,system-ui,sans-serif;font-size:.6875rem;font-weight:500;color:#64748b;text-transform:capitalize}.platform-metric-value-container{display:flex;align-items:center;gap:.375rem}.platform-metric-value{font-family:JetBrains Mono,monospace;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1}@media (max-width:639px){.platform-metric-value{font-size:1.125rem}}.platform-metric-unit{font-size:.75rem;font-weight:500;opacity:.7}.performance-metric-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.performance-metric-card:hover{border-color:#475569;box-shadow:0 4px 20px rgba(0,0,0,.3)}.light .performance-metric-card,:root .performance-metric-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0}.light .performance-metric-card:hover,:root .performance-metric-card:hover{border-color:#cbd5e1;box-shadow:0 4px 20px rgba(0,0,0,.08)}.performance-metric-card.chart-card{display:flex;flex-direction:column}.performance-metric-label{font-family:Space Grotesk,system-ui,sans-serif;font-size:.6875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;display:block}.performance-metric-main{display:flex;align-items:baseline;gap:.75rem}.performance-metric-value{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#f1f5f9}@media (max-width:639px){.performance-metric-value{font-size:1.375rem}}.light .performance-metric-value,:root .performance-metric-value{color:#1e293b}.performance-metric-unit{font-size:1rem;font-weight:500;opacity:.7}.performance-metric-change{display:inline-flex;align-items:center;gap:.25rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem}.performance-metric-change.positive{color:#10b981;background:rgba(16,185,129,.15)}.performance-metric-change.negative{color:#ef4444;background:rgba(239,68,68,.15)}.mini-chart-container{flex:1;min-height:50px;margin-top:.25rem}.dark .platform-availability-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155}.dark .platform-availability-card:hover{border-color:#475569}.dark .platform-availability-title{color:#94a3b8}.dark .performance-metric-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155}.dark .performance-metric-card:hover{border-color:#475569}.dark .performance-metric-value{color:#f1f5f9}