*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{background:#1a1d27;border:1px solid #2d3148;border-radius:8px;padding:2rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.login-form h1{font-size:1.4rem;text-align:center;margin-bottom:.5rem}.login-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;color:#94a3b8}.login-form input{background:#0f1117;border:1px solid #2d3148;border-radius:6px;padding:.6rem .8rem;color:#e2e8f0;font-size:1rem}.login-form input:focus{outline:2px solid #6366f1}.login-form button{background:#6366f1;color:#fff;border:none;border-radius:6px;padding:.75rem;font-size:1rem;cursor:pointer}.login-form button:hover{background:#4f46e5}.login-form button:disabled{opacity:.6;cursor:default}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#1a1d27;border-bottom:1px solid #2d3148}.dashboard-header h1{font-size:1.2rem}.header-right{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#94a3b8}.header-right button{background:transparent;border:1px solid #2d3148;color:#94a3b8;border-radius:6px;padding:.4rem .8rem;cursor:pointer}.header-right button:hover{border-color:#6366f1;color:#e2e8f0}main{padding:2rem}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.build-card{background:#1a1d27;border:1px solid #2d3148;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.build-card.status-success{border-left:4px solid #22c55e}.build-card.status-failure{border-left:4px solid #ef4444}.build-card.status-unstable{border-left:4px solid #f59e0b}.build-card.status-aborted{border-left:4px solid #6b7280}.build-card.status-in_progress{border-left:4px solid #6366f1;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.build-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.job-name{font-weight:600;word-break:break-all}.status-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.status-badge.success{background:#14532d;color:#86efac}.status-badge.failure{background:#7f1d1d;color:#fca5a5}.status-badge.unstable{background:#78350f;color:#fcd34d}.status-badge.aborted{background:#1f2937;color:#9ca3af}.status-badge.in_progress{background:#312e81;color:#a5b4fc}.build-card-body{display:flex;gap:1rem;font-size:.8rem;color:#94a3b8}.build-card-footer{display:flex;justify-content:flex-end;gap:.5rem}.log-btn{background:transparent;border:1px solid #2d3148;color:#64748b;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.log-btn:hover{border-color:#475569;color:#94a3b8}.trigger-btn{background:#1e293b;border:1px solid #3f4a6b;color:#a5b4fc;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer;transition:background .15s}.trigger-btn:hover:not(:disabled){background:#312e81;border-color:#6366f1;color:#e0e7ff}.trigger-btn:disabled{opacity:.5;cursor:default}.cancel-btn{background:#2d1515;border:1px solid #7f1d1d;color:#f87171;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.cancel-btn:hover:not(:disabled){background:#7f1d1d;border-color:#ef4444}.cancel-btn:disabled{opacity:.5;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.log-modal{background:#0d0f17;border:1px solid #2d3148;border-radius:8px;width:100%;max-width:900px;height:80vh;display:flex;flex-direction:column;overflow:hidden}.log-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #2d3148;flex-shrink:0}.log-title{display:flex;align-items:center;gap:.75rem}.log-job-name{font-weight:600;font-size:.95rem}.log-build-num{color:#64748b;font-size:.875rem}.live-badge{background:#14532d;color:#4ade80;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;animation:pulse 1.5s infinite}.done-badge{background:#1e293b;color:#64748b;font-size:.7rem;padding:.2rem .5rem;border-radius:4px}.log-close{background:transparent;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem}.log-close:hover{color:#e2e8f0}.log-body{flex:1;overflow-y:auto;padding:1rem}.log-content{font-family:Menlo,Consolas,Monaco,monospace;font-size:.78rem;line-height:1.5;color:#c8d3e0;white-space:pre-wrap;word-break:break-all;margin:0}.log-placeholder{color:#475569;font-size:.875rem}.scroll-btn{position:absolute;bottom:2rem;right:2rem;background:#312e81;border:1px solid #6366f1;color:#a5b4fc;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer}.error{color:#fca5a5}.success{color:#86efac}.empty{color:#64748b}.settings-page{min-height:100vh}.settings-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#1a1d27;border-bottom:1px solid #2d3148}.settings-header h1{font-size:1.2rem}.back-btn{background:transparent;border:1px solid #2d3148;color:#94a3b8;border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-size:.875rem}.back-btn:hover{border-color:#6366f1;color:#e2e8f0}.settings-body{max-width:640px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2.5rem}.settings-section{background:#1a1d27;border:1px solid #2d3148;border-radius:8px;padding:1.5rem}.settings-section h2{font-size:1rem;margin-bottom:1.25rem}.settings-section h3{font-size:.9rem;margin:1.5rem 0 1rem;color:#94a3b8;border-top:1px solid #2d3148;padding-top:1.25rem}.settings-form{display:flex;flex-direction:column;gap:.9rem}.settings-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#94a3b8}.settings-form .hint{font-size:.75rem;color:#475569}.settings-form input,.settings-form select{background:#0f1117;border:1px solid #2d3148;border-radius:6px;padding:.6rem .8rem;color:#e2e8f0;font-size:.9rem}.settings-form input:focus,.settings-form select:focus{outline:2px solid #6366f1}.settings-form button{align-self:flex-start;background:#6366f1;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;margin-top:.25rem}.settings-form button:hover:not(:disabled){background:#4f46e5}.settings-form button:disabled{opacity:.6;cursor:default}.users-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:.5rem}.users-table th{text-align:left;color:#64748b;font-weight:500;padding:.4rem .6rem;border-bottom:1px solid #2d3148}.users-table td{padding:.6rem;border-bottom:1px solid #1e2333}.role-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px}.role-badge.admin{background:#312e81;color:#a5b4fc}.role-badge.viewer{background:#1e293b;color:#94a3b8}.delete-btn{background:transparent;border:1px solid #3f1e1e;color:#f87171;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;cursor:pointer}.delete-btn:hover{background:#7f1d1d;border-color:#ef4444}