*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.header{background-color:#1769aa;color:#fff;padding:20px 0;border-bottom:3px solid #0d4a7a;flex-shrink:0}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}.header h1{font-size:28px;font-weight:600}.subtitle{font-size:14px;opacity:.9;margin-top:5px}.nav{background-color:#2c3e50;padding:0;display:flex;max-width:1200px;margin:0 auto;flex-shrink:0}.nav-btn{background:none;border:none;color:#ecf0f1;padding:15px 30px;cursor:pointer;font-size:15px;transition:background-color .3s;border-bottom:3px solid transparent}.nav-btn:hover{background-color:#34495e}.nav-btn.active{background-color:#1769aa;border-bottom-color:#fff}.container{max-width:1200px;margin:30px auto;padding:0 20px;flex:1 0 auto;width:100%}.tab-content{display:none;background:#fff;padding:30px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tab-content.active{display:block}.tab-content h2{color:#1769aa;margin-bottom:25px;font-size:24px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#f8f9fa;padding:20px;border-left:4px solid #1769aa;border-radius:4px}.stat-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:36px;font-weight:700;color:#1769aa;margin-top:10px}.stat-value.success{color:#27ae60}.stat-value.error{color:#e74c3c}.info-box{background:#f8f9fa;padding:20px;border-radius:4px;border-left:4px solid #1769aa}.info-box ul{margin-top:10px;margin-left:20px}.info-box li{margin:8px 0;color:#555}.builds-table{width:100%;border-collapse:collapse;margin-bottom:20px}.builds-table th{background-color:#2c3e50;color:#fff;padding:12px;text-align:left;font-weight:600}.builds-table td{padding:12px;border-bottom:1px solid #e0e0e0}.builds-table tr:hover{background-color:#f8f9fa}.status{padding:4px 12px;border-radius:3px;font-size:12px;font-weight:700;text-transform:uppercase}.status.success{background-color:#d4edda;color:#155724}.status.error{background-color:#f8d7da;color:#721c24}.jobs-list{display:flex;flex-direction:column;gap:20px}.job-item{background:#f8f9fa;padding:20px;border-radius:4px;border-left:4px solid #1769aa}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job-item h3{color:#2c3e50;font-size:18px}.job-item p{color:#666;margin-bottom:15px;font-size:14px}.action-btn{background-color:#1769aa;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.action-btn:hover{background-color:#0d4a7a}.login-container{max-width:400px;margin:0 auto}.login-form{background:#f8f9fa;padding:30px;border-radius:4px;border:1px solid #e0e0e0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:600}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#1769aa}.login-message{margin-top:20px;padding:15px;border-radius:4px;display:none}.login-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.footer{background-color:#2c3e50;color:#ecf0f1;text-align:center;padding:20px;flex-shrink:0}@media (max-width:768px){.nav{flex-direction:column}.nav-btn{width:100%;text-align:left}.stats-grid{grid-template-columns:1fr}.builds-table{font-size:12px}.builds-table th,.builds-table td{padding:8px}}