@charset "UTF-8";:root{--spectyra-navy: #0C447C;--spectyra-navy-deep: #042C53;--spectyra-navy-mid: #185FA5;--spectyra-blue: #378ADD;--spectyra-blue-light: #85B7EB;--spectyra-blue-pale: #E6F1FB;--spectyra-teal: #1D9E75;--spectyra-teal-light: #5DCAA5;--spectyra-teal-pale: #E1F5EE;--spectyra-teal-border: #9FE1CB;--spectyra-amber: #BA7517;--spectyra-amber-light: #EF9F27;--spectyra-amber-pale: #FAEEDA;--spectyra-amber-border:#FAC775;--spectyra-slate: #444441;--spectyra-slate-mid: #888780;--spectyra-slate-light: #D3D1C7;--spectyra-slate-pale: #F1EFE8;--color-danger: #DC3545;--color-danger-bg: #fdf2f2;--color-danger-border: #f5c6cb;--bg: #f8fafc;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-elevated: #f1f5f9;--border: #e2e8f0;--border-bright: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--font-display: "Source Sans Pro", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--radius-chip: 4px;--radius-input: 8px;--radius-card: 12px;--color-savings: #1D9E75;--color-amber-text: #BA7517;--dot-healthy: #1D9E75;--dot-warning: #BA7517;--dot-running: #378ADD;--dot-offline: #94a3b8;--dot-error: var(--color-danger)}.desktop-app{--color-danger-bg: #2a1215;--color-danger-border: #6b2029;--bg: #0a0f1a;--bg-panel: #0e1521;--bg-card: #121c2e;--bg-elevated: #162236;--border: rgba(55,138,221,.12);--border-bright: rgba(55,138,221,.25);--text-primary: #e8f1fb;--text-secondary: #7a9fc0;--text-muted: #3d5a78;--dot-offline: #444441;--color-savings: #5DCAA5;--color-amber-text: #EF9F27}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}.mat-toolbar.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-toolbar{background-color:var(--spectyra-navy)!important;color:#fff!important}.mat-sidenav,.mat-drawer{background-color:var(--bg-panel)!important;color:var(--text-secondary)!important;border-right:1px solid var(--border)}.mat-sidenav-content,.mat-drawer-content{background-color:var(--bg)!important;color:var(--text-primary)!important}.mat-mdc-list-item{color:var(--text-secondary)!important}.desktop-app .mat-toolbar.mat-primary,.desktop-app .mat-mdc-raised-button.mat-primary,.desktop-app .mat-toolbar{background-color:var(--bg-panel)!important;color:var(--text-primary)!important}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px;margin-bottom:24px}.btn{padding:12px 20px;border:none;border-radius:var(--radius-input);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;transition:background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--spectyra-navy);color:#fff;border:none}.btn-primary:hover{background:var(--spectyra-navy-mid)}.btn-secondary{background:transparent;border:1px solid var(--border-bright);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--spectyra-blue);color:var(--text-primary)}.btn-destructive{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.btn-destructive:hover{background:var(--color-danger-bg)}.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-secondary);font-family:var(--font-body)}.form-select,.form-input{width:100%;padding:8px 12px;border:1px solid var(--border-bright);border-radius:var(--radius-input);font-size:14px;font-family:var(--font-body);background:var(--bg-card);color:var(--text-primary)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--spectyra-blue)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--bg-elevated);color:var(--text-muted);font-family:var(--font-body);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.table td{background:var(--bg-card);color:var(--text-primary)}.table tr:hover td{background:var(--bg-elevated)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-chip);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.badge-success,.badge-optimized{background:var(--spectyra-teal-pale);border:1px solid var(--spectyra-teal-border);color:var(--spectyra-teal)}.badge-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.badge-trial{background:var(--spectyra-amber-pale);border:1px solid var(--spectyra-amber-border);color:var(--color-amber-text)}.badge-observe{background:var(--spectyra-blue-pale);border:1px solid var(--spectyra-blue);color:var(--spectyra-navy)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:12px 20px;cursor:pointer;border:none;background:none;font-size:14px;font-family:var(--font-body);color:var(--text-muted)}.tab.active{color:var(--spectyra-blue);border-bottom:2px solid var(--spectyra-blue)}.tab:hover:not(.active){color:var(--text-secondary)}.tab-content{display:none}.tab-content.active{display:block}.compare-view{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.compare-view{grid-template-columns:1fr}}.success-snackbar{background-color:var(--spectyra-teal)!important;color:#fff!important}.error-snackbar{background-color:var(--color-danger)!important;color:#fff!important}.info-snackbar{background-color:var(--spectyra-blue)!important;color:#fff!important}.warning-snackbar{background-color:var(--spectyra-amber)!important;color:var(--bg)!important}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.status-dot.healthy{background:var(--dot-healthy)}.status-dot.warning{background:var(--dot-warning)}.status-dot.running{background:var(--dot-running);animation:pulse 2s ease-in-out infinite}.status-dot.offline{background:var(--dot-offline)}.status-dot.error{background:var(--dot-error)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-teal{color:var(--color-savings)}.text-amber{color:var(--color-amber-text)}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.app-main a:not(.btn):not(.nav-item):not(.action-card){color:var(--spectyra-blue);text-decoration:none}.app-main a:not(.btn):not(.nav-item):not(.action-card):hover{text-decoration:underline}
/*# sourceMappingURL=styles.css.map */