*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e27;color:#e8e8e8}.app{display:flex;flex-direction:column;height:100vh;background-color:#0a0e27}.app-with-terminal{padding-bottom:300px}.navbar{background:radial-gradient(ellipse at top,#0a0a0ae6,#000),linear-gradient(180deg,#14141466,#000000e6,#000);color:#e8e8e8;padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(42,47,74,.6);box-shadow:0 2px 12px #000c,inset 0 1px #ffffff0d;position:relative}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.nav-brand{font-size:1.25rem;font-weight:600;letter-spacing:.5px;color:#fff}.nav-links{display:flex;gap:.25rem}.nav-links a{color:#b8b8b8;text-decoration:none;padding:.5rem .75rem;border-radius:2px;transition:all .2s;font-size:.875rem;font-weight:500;border:1px solid transparent}.nav-links a:hover{background-color:#2a2f4a;color:#fff;border-color:#3a3f5a}.main-container{display:flex;flex:1;overflow:hidden;background-color:#0a0e27}.content{flex:1;padding:2rem;overflow-y:auto;background-color:#0a0e27}.page{max-width:1400px;margin:0 auto}.page h1{margin-bottom:1.5rem;color:#fff;font-size:1.75rem;font-weight:600;letter-spacing:-.5px}.page h2{color:#fff;font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:1rem}.page h3{color:#fff;font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:.75rem}.page h4{color:#d0d0d0;font-size:1rem;font-weight:600;margin-top:0;margin-bottom:.5rem}.page h5{color:#d0d0d0;font-size:.875rem;font-weight:600;margin-top:0;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn{padding:.625rem 1.25rem;border:1px solid #3a3f5a;border-radius:2px;background-color:#1a1f3a;color:#e8e8e8;font-size:.875rem;font-weight:500;transition:all .2s;outline:none;letter-spacing:.3px}.btn:hover:not(:disabled){background-color:#2a2f4a;border-color:#4a4f6a;color:#fff}.btn:active:not(:disabled){background-color:#0a0f2a;border-color:#2a2f4a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2a3f5a;border-color:#3a4f6a;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3a4f6a;border-color:#4a5f7a}.btn-secondary{background-color:#1a1f3a;border-color:#3a3f5a;color:#b8b8b8}.btn-success{background-color:#1a3a2a;border-color:#2a4a3a;color:#8fcf9f}.btn-success:hover:not(:disabled){background-color:#2a4a3a;border-color:#3a5a4a;color:#afffbf}.btn-warning{background-color:#3a2a1a;border-color:#4a3a2a;color:#cfaf8f}.btn-warning:hover:not(:disabled){background-color:#4a3a2a;border-color:#5a4a3a;color:#ffcfaf}.btn-danger{background-color:#3a1a1a;border-color:#4a2a2a;color:#cf8f8f}.btn-danger:hover:not(:disabled){background-color:#4a2a2a;border-color:#5a3a3a;color:#ffafaf}.data-table{width:100%;border-collapse:collapse;background:#1a1f3a;border-radius:2px;overflow:hidden;border:1px solid #2a2f4a;font-size:.875rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #2a2f4a}.data-table th{background-color:#0a0f2a;color:#b8b8b8;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:2px solid #3a3f5a}.data-table td{color:#d0d0d0}.data-table tr:hover{background-color:#2a2f4a}.data-table tr:last-child td{border-bottom:none}input[type=text],input[type=number],input[type=email],input[type=date],textarea,select{width:100%;padding:.625rem .875rem;background-color:#1a1f3a;border:1px solid #3a3f5a;border-radius:2px;color:#e8e8e8;font-size:.875rem;transition:all .2s;font-family:inherit}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=date]:focus,textarea:focus,select:focus{outline:none;border-color:#5a5f7a;background-color:#2a2f4a}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#6a6f8a}textarea{font-family:Courier New,monospace;resize:vertical}.card{background:#1a1f3a;padding:1.5rem;border-radius:2px;margin-bottom:1.5rem;border:1px solid #2a2f4a;box-shadow:0 2px 8px #0003}.card-header{border-bottom:1px solid #2a2f4a;padding-bottom:1rem;margin-bottom:1rem}.card-body{color:#d0d0d0;font-size:.875rem;line-height:1.6}.status-badge{padding:.25rem .625rem;border-radius:2px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-healthy{background-color:#1a3a2a;color:#8fcf9f;border-color:#2a4a3a}.status-degraded{background-color:#3a2a1a;color:#cfaf8f;border-color:#4a3a2a}.status-offline{background-color:#3a1a1a;color:#cf8f8f;border-color:#4a2a2a}.status-pending{background-color:#2a2a2a;color:#afafaf;border-color:#3a3a3a}.status-running{background-color:#1a2a3a;color:#8fafcf;border-color:#2a3a4a}.status-completed{background-color:#1a3a2a;color:#8fcf9f;border-color:#2a4a3a}.status-failed{background-color:#3a1a1a;color:#cf8f8f;border-color:#4a2a2a}code{background-color:#0a0f2a;padding:.125rem .375rem;border-radius:2px;font-family:Courier New,monospace;font-size:.8125rem;color:#8fafcf;border:1px solid #2a2f4a}a{color:#8fafcf;text-decoration:none;transition:color .2s}a:hover{color:#afcfff;text-decoration:underline}.alert{padding:.875rem 1rem;border-radius:2px;border:1px solid;font-size:.875rem;margin-bottom:1rem}.alert-success{background-color:#1a3a2a;border-color:#2a4a3a;color:#8fcf9f}.alert-warning{background-color:#3a2a1a;border-color:#4a3a2a;color:#cfaf8f}.alert-error{background-color:#3a1a1a;border-color:#4a2a2a;color:#cf8f8f}.alert-info{background-color:#1a2a3a;border-color:#2a3a4a;color:#8fafcf}.text-muted{color:#6a6f8a}.text-success{color:#8fcf9f}.text-warning{color:#cfaf8f}.text-danger{color:#cf8f8f}.text-info{color:#8fafcf}.bg-dark{background-color:#1a1f3a}.bg-darker{background-color:#0a0f2a}.border{border:1px solid #2a2f4a}.border-top{border-top:1px solid #2a2f4a}.border-bottom{border-bottom:1px solid #2a2f4a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0f2a}::-webkit-scrollbar-thumb{background:#3a3f5a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4f6a}.loading{opacity:.6;pointer-events:none}@media (max-width: 768px){.content{padding:1rem}.page h1{font-size:1.5rem}.btn{padding:.5rem 1rem;font-size:.8125rem}}.splash-screen{animation:fadeIn .5s ease-in}.splash-screen.fade-out{animation:fadeOut .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.terminal-container{position:fixed;bottom:0;left:0;right:0;height:300px;background-color:#0d1117;border-top:2px solid #30363d;z-index:9999;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;box-shadow:0 -4px 12px #0000004d}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#161b22;border-bottom:1px solid #30363d}.terminal-title{display:flex;align-items:center;gap:.5rem;color:#c9d1d9;font-weight:600;font-size:.875rem}.terminal-icon{font-size:1rem}.terminal-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.terminal-filters{display:flex;gap:.25rem}.terminal-filter-button{background-color:#21262d;border:1px solid #30363d;color:#8b949e;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:all .2s;font-weight:500}.terminal-filter-button:hover{background-color:#30363d;border-color:#484f58;color:#c9d1d9}.terminal-filter-active{background-color:#1f6feb;border-color:#1f6feb;color:#fff}.terminal-filter-active:hover{background-color:#2c7edb;border-color:#2c7edb}.terminal-button{background-color:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.terminal-button:hover{background-color:#30363d;border-color:#484f58}.terminal-button-active{background-color:#1f6feb;border-color:#1f6feb;color:#fff}.terminal-button-active:hover{background-color:#2c7edb;border-color:#2c7edb}.terminal-status{color:#8b949e;font-size:.75rem}.terminal-content{flex:1;overflow-y:auto;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:#0d1117}.terminal-content::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#484f58}.terminal-line{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.terminal-line-info{color:#c9d1d9}.terminal-line-success{color:#3fb950}.terminal-line-error{color:#f85149}.terminal-prompt{color:#58a6ff;font-weight:700;-webkit-user-select:none;user-select:none}.terminal-text{flex:1;word-break:break-word;white-space:pre-wrap}.terminal-pre{margin:.25rem 0 0 1.5rem;color:#8b949e;font-size:.75rem;white-space:pre-wrap;word-break:break-word}.terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8b949e;text-align:center}.terminal-hint{margin-top:.5rem;font-size:.75rem;color:#6e7681}.page-with-terminal{padding-bottom:300px}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#0a0e27}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e27;color:#e8e8e8;margin:0;padding:0;min-height:100vh}#root{background-color:#0a0e27;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}