*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f6f3;color:#1a1a1a}nav{display:flex;gap:4px;align-items:center;background:#1f4e79;padding:8px 16px}nav button{background:transparent;border:0;color:#cfe0f1;padding:8px 12px;cursor:pointer;font-size:14px;border-radius:6px}nav button.active,nav button:hover{background:#2d639a;color:#fff}nav .spacer{flex:1}nav .user{color:#cfe0f1;font-size:13px}main{padding:20px;max-width:1100px;margin:0 auto}.cards{display:flex;gap:12px;flex-wrap:wrap}.card{background:#fff;border:1px solid #ddd;border-left:4px solid #1F4E79;border-radius:8px;padding:12px 18px;min-width:150px}.card b{font-size:24px;display:block}.card span{color:#666;font-size:12px}table{border-collapse:collapse;background:#fff;width:100%;margin-top:10px}th{background:#1f4e79;color:#fff;padding:6px 9px;font-size:12px;text-align:left}td{border:1px solid #e2e2e2;padding:6px 9px;font-size:13px}button.primary{background:#1f4e79;color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer}button.primary:disabled{background:#9ab0c6}input,select{padding:7px 9px;border:1px solid #ccc;border-radius:6px;font-size:14px}.error{background:#fdecea;color:#b3261e;padding:8px 12px;border-radius:6px;margin:10px 0}.empty{color:#777;padding:24px;text-align:center}.login-box{max-width:340px;margin:12vh auto;background:#fff;padding:24px;border-radius:10px;border:1px solid #ddd;display:flex;flex-direction:column;gap:10px}.status-done{color:#2e6b34}.status-failed{color:#b3261e}.status-running{color:#8a4b0f}