:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(30, 41, 59, .9);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: rgba(59, 130, 246, .2);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-text: #34d399;--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--warning-text: #fbbf24;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-text: #f87171;--border: rgba(255, 255, 255, .1);--term-bg: #000000;--term-text: #a8cc8c;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-glow: 0 0 20px rgba(59, 130, 246, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.03),transparent 25%)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:#0f172acc;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10}.sidebar-header{height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border);font-weight:700;font-size:1.25rem;letter-spacing:-.5px;gap:12px}.sidebar-header svg{color:var(--primary)}.sidebar-nav{padding:24px 16px;flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.page-content{padding:32px;flex:1}h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s,box-shadow .2s,background .2s}.card.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff0d}.btn-danger{background:#ef44441a;color:var(--danger-text);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.queued{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.badge.installing,.badge.prebuild{background:var(--primary-light);color:var(--primary)}.badge.building{background:var(--warning-bg);color:var(--warning-text)}.badge.completed{background:var(--success-bg);color:var(--success-text)}.badge.failed{background:var(--danger-bg);color:var(--danger-text)}.badge.cancelled{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;background:#0f172a80;border:1px solid var(--border);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:all .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;background:#0f172a80;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.modal-tabs{display:flex;border-bottom:1px solid var(--border);background:#0f172a4d;padding:0 12px}.modal-tab-btn{flex:1;padding:14px 8px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.modal-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.modal-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.repo-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.repo-item{background:#0f172a66;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.repo-item:hover{background:var(--bg-card);border-color:var(--primary);transform:translate(4px)}.repo-info{display:flex;flex-direction:column}.repo-name{font-weight:600;color:var(--text-primary)}.repo-meta{font-size:.75rem;color:var(--text-muted)}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px}.grid{display:grid;gap:24px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.terminal-container{background:var(--term-bg);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.terminal-header{background:#1a1b26;padding:8px 16px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.term-dot{width:12px;height:12px;border-radius:50%}.term-dot.r{background:#ff5f56}.term-dot.y{background:#ffbd2e}.term-dot.g{background:#27c93f}.terminal-body{padding:16px;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--term-text);height:500px;overflow-y:auto;line-height:1.6}.terminal-line{word-break:break-all}.terminal-line.error{color:#f7768e}.terminal-line.success{color:#9ece6a}.terminal-line.info{color:#7aa2f7}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.w-full{width:100%}