:root{--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700}.typography-h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:36px;font-weight:var(--font-weight-bold);line-height:1.2}.typography-h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:24px;font-weight:var(--font-weight-bold);line-height:1.3}.typography-h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:18px;font-weight:var(--font-weight-bold);line-height:1.4}.typography-h3-regular{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:18px;font-weight:var(--font-weight-regular);line-height:1.4}.typography-h3-underline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:18px;font-weight:var(--font-weight-regular);line-height:1.4;text-decoration:underline}.typography-body-medium{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:var(--font-weight-medium);line-height:1.5}.typography-body-bold{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:var(--font-weight-bold);line-height:1.5}.typography-body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:var(--font-weight-regular);line-height:1.5}.typography-body-underline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:var(--font-weight-regular);line-height:1.5;text-decoration:underline}.typography-body-code{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;font-weight:var(--font-weight-regular);line-height:1.5}.typography-caption-bold{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;font-weight:var(--font-weight-bold);line-height:1.4}.typography-caption{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;font-weight:var(--font-weight-regular);line-height:1.4}.typography-caption-underline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;font-weight:var(--font-weight-regular);line-height:1.4;text-decoration:underline}.typography-badge{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:10px;font-weight:var(--font-weight-medium);line-height:1.4}.dashboard{box-sizing:border-box;background-color:var(--theme-background,#f5f5f5);width:100%;color:var(--theme-onBackground,#0f1e57);min-height:calc(100vh - 46px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}.dashboard-title{border-bottom:1px solid var(--theme-border,#e6e9f3);color:var(--theme-onSurface,#0f1e57);justify-content:space-between;align-items:center;padding:10px 20px;transition:border-color .3s;display:flex}.dashboard-title h1{color:var(--theme-onSurface,#0f1e57);margin:0;font-family:Inter;font-size:18px;font-weight:400;line-height:1.4}.dashboard-controls{border-bottom:1px solid var(--theme-border,#e6e9f3);flex-wrap:wrap;gap:15px;margin:20px 0;padding:10px 20px;transition:border-color .3s;display:flex}.template-variable{align-items:center;gap:8px;display:flex}.template-variable label{color:var(--theme-onSurfaceVariant,#6c778c);font-family:Inter;font-size:14px;font-weight:400;line-height:20px}.template-variable select{border:1px solid var(--theme-border,#e6e9f3);background-color:var(--theme-surface,#fff);color:var(--theme-onSurface,#0f1e57);border-radius:4px;min-width:150px;padding:5px 10px;font-family:Inter;font-size:14px;transition:all .3s}.template-variable select:focus{outline:2px solid var(--theme-primary,#0f1e57);outline-offset:2px}.time-range-selector{margin-left:auto}.dashboard-grid{grid-template-columns:repeat(24,1fr);grid-auto-rows:minmax(50px,auto);gap:10px;width:100%;margin-top:20px;padding:0 20px 60px;display:grid;overflow:auto}.dashboard-grid.focus-mode{gap:0;width:100%;height:calc(100vh - 110px);margin-top:0;padding:0;display:block!important}.dashboard-grid.focus-mode .panel,.dashboard-grid.focus-mode .panel-row{display:none!important}.dashboard-grid.focus-mode .panel.focus-visible{z-index:1000;width:100%;height:100%;position:relative;overflow-y:auto;grid-area:unset!important;box-shadow:none!important;border:none!important;border-radius:0!important;display:block!important}.panel{background-color:var(--theme-surface,#fff);box-shadow:0 2px 8px var(--theme-shadow,#00000014);border:1px solid var(--theme-border,#e6e9f3);border-radius:8px;padding:16px 24px;transition:all .3s;position:relative;overflow:hidden}.panel-title{border-bottom:1px solid var(--theme-border,#e6e9f3);color:var(--theme-onSurface,#0f1e57);margin-bottom:16px;padding-bottom:8px;font-family:Inter;font-size:18px;font-weight:600;line-height:1.4;transition:border-color .3s}.panel p,.panel ul,.panel ol,.panel li{color:var(--theme-onSurface,#0f1e57);margin:.5em 0;font-family:Inter;font-size:14px;font-weight:400;line-height:1.5}.panel h1{margin:1em 0 .5em;font-size:16px;font-weight:500;line-height:1.5}.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{margin:1em 0 .5em;font-size:14px;font-weight:700;line-height:1.5}.panel-row{width:100%;color:var(--theme-onSurface,#0f1e57);border-top:1px solid var(--theme-border,#e6e9f3);border-bottom:1px solid var(--theme-border,#e6e9f3);background-color:#0000;border-radius:0;margin:15px 0;padding:12px 0;font-family:Inter;font-size:18px;font-weight:400;line-height:1.4;transition:all .3s}.panel-row h3{color:var(--theme-onSurface,#0f1e57);margin:0;font-family:Inter;font-size:18px;font-weight:400;line-height:26px}.loading-indicator{color:var(--theme-onSurfaceVariant,#6c778c);opacity:.7;margin-left:10px;font-family:Inter;font-size:14px;display:inline-block}.error-message{color:var(--theme-error,#d32f2f);background-color:var(--theme-errorContainer,#ffdbdb);border-left:4px solid var(--theme-error,#d32f2f);border:1px solid var(--theme-border,#e6e9f3);border-radius:8px;margin:10px 0;padding:12px;font-family:Inter;font-size:14px;transition:all .3s}.dark-theme .dashboard{color:#e0e0e0;background-color:#1a1a1a}.dark-theme .panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2a2a2a;border-color:#404040}.dark-theme .panel-title,.dark-theme .panel-row h3,.dark-theme .dashboard-title h1{color:#e0e0e0;border-bottom-color:#404040}.dark-theme .template-variable label{color:#b0b0b0}.dark-theme .template-variable select{color:#e0e0e0;background-color:#2a2a2a;border-color:#404040}.dark-theme .template-variable select option{color:#e0e0e0;background-color:#2a2a2a}.dark-theme .dashboard-controls,.dark-theme .dashboard-title{border-bottom-color:#404040}.template-variable select:focus,.panel:focus-within{outline:2px solid var(--theme-primary,#0f1e57);outline-offset:2px}