:root{--bg: #0A0A0F;--bg-2: #111117;--bg-3: #18181F;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #F0EFE9;--text-2: rgba(240, 239, 233, .6);--text-3: rgba(240, 239, 233, .35);--accent: #C8FF00;--accent-dim: rgba(200, 255, 0, .12);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow-deep: 0 8px 32px rgba(0, 0, 0, .6);--transition: .2s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-weight:700;line-height:1.2;color:var(--text)}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-deep);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border-strong)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:100px;background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--text-3);flex-shrink:0}.badge.badge-ready{color:#4ade80;border-color:#4ade8033;background:#4ade8014}.badge.badge-ready .dot{background:#4ade80;box-shadow:0 0 #4ade8066;animation:pulse-green 2s infinite}.badge.badge-pending{color:#fbbf24;border-color:#fbbf2433;background:#fbbf2414}.badge.badge-pending .dot{background:#fbbf24;box-shadow:0 0 #fbbf2466;animation:pulse-yellow 2s infinite}.badge.badge-failed{color:#f87171;border-color:#f8717133;background:#f8717114}.badge.badge-failed .dot{background:#f87171}@keyframes pulse-green{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 4px #4ade8000}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 4px #fbbf2400}}@keyframes pulse-accent{0%,to{box-shadow:0 0 #c8ff0066}50%{box-shadow:0 0 0 4px #c8ff0000}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--accent);color:#000;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition),transform var(--transition)}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:var(--accent);font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),transform var(--transition)}.btn-outline:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:var(--text-2);font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),color var(--transition)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.mono{font-family:DM Mono,monospace}.mat-mdc-form-field .mat-mdc-text-field-wrapper{background:var(--bg-3)!important;border-radius:var(--radius-sm)!important}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--border)!important}.mat-mdc-form-field .mdc-text-field--outlined:hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined:hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--border-strong)!important}.mat-mdc-form-field .mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--accent)!important}.mat-mdc-form-field .mat-mdc-input-element{color:var(--text)!important;font-family:DM Sans,sans-serif!important;caret-color:var(--accent)!important}.mat-mdc-form-field .mat-mdc-floating-label{color:var(--text-3)!important}.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label--float-above{color:var(--accent)!important}.mat-mdc-form-field .mat-mdc-form-field-hint,.mat-mdc-form-field .mat-mdc-form-field-error{font-family:DM Sans,sans-serif!important}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{background-color:var(--accent)!important;color:#000!important;font-family:DM Sans,sans-serif!important;font-weight:600!important;border-radius:var(--radius-sm)!important}.mat-mdc-button{font-family:DM Sans,sans-serif!important;color:var(--text-2)!important}.mat-mdc-card{background:var(--bg-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-deep)!important}.mat-mdc-table{background:var(--bg-2)!important;color:var(--text)!important}.mat-mdc-table .mat-mdc-header-row{background:var(--bg-3)!important}.mat-mdc-table .mat-mdc-header-cell{color:var(--text-3)!important;border-bottom-color:var(--border)!important;font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important}.mat-mdc-table .mat-mdc-cell{color:var(--text)!important;border-bottom-color:var(--border)!important;font-family:DM Sans,sans-serif!important}.mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell{background:var(--surface-hover)!important}.mat-mdc-chip{background:var(--surface)!important;color:var(--text-2)!important;border:1px solid var(--border)!important}.mat-mdc-progress-spinner circle{stroke:var(--accent)!important}router-outlet+*{animation:fadeSlideIn var(--transition) both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}